<root>
   <blocks>
      <cms_item>
         <title>Porto - Homepage Slider 1</title>
         <identifier>porto_homeslider_1</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-3" class="owl-carousel owl-bottomright-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide3.jpg"}}) 70% top no-repeat; background-size:cover;"></div>
            <div class="slide3-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="content-area" style="position:absolute;top:27%;left:7%;text-align:left;">
                    <h2 style="font-family:'Oswald';font-weight:800;color:#000;line-height:1;">WINTER SALE<br/>GET 30% OFF<br/>ON JACKETS.</h2>
                    <div style="text-align:left;"><a href="#" class="btn btn-default" style="border:0;background-color:#000;color:#fff;font-family:'Oswald';font-weight:400;border-radius:0;">SHOP BY JACKETS</a></div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide2.jpg"}}) 80% top no-repeat; background-size:cover;"></div>
            <div class="slide2-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="content-area" style="position:absolute;top:27%;left:7%;text-align:left;">
                    <h2 style="font-family:'Oswald';font-weight:800;color:#000;line-height:1;">30% OFF<br/>ON HOLIDAY<br/>OCCASION SHOP.</h2>
                    <div style="text-align:left;"><a href="#" class="btn btn-default" style="border:0;background-color:#000;color:#fff;font-family:'Oswald';font-weight:400;border-radius:0;">SHOP NOW</a></div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide1.jpg"}}) 71% top no-repeat; background-size:cover;"></div>
            <div class="slide1-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="content-area" style="position:absolute;top:27%;left:7%;text-align:left;">
                    <h2 style="font-family:'Oswald';font-weight:800;color:#000;line-height:1;">GET 20% OFF<br/>ON SUMMER<br/>HATS.</h2>
                    <div style="text-align:left;"><a href="#" class="btn btn-default" style="border:0;background-color:#000;color:#fff;font-family:'Oswald';font-weight:400;border-radius:0;">SHOP BY HATS</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-text">COPYRIGHT 2018 PORTO. ALL RIGHTS RESERVED.</div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_3 = $("#banner-slider-demo-3").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 1 Old Skin</title>
         <identifier>porto_homeslider_1_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-3" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide1_old.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide1-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:37%;left:7%;text-align:center;">
                        <div style="margin:0;line-height:1;">
                            <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
                            <em style="display:inline-block;vertical-align:middle;line-height:1;color:#fff;font-weight:300;font-style:normal;">DO YOU NEED A NEW</em>
                            <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
                        </div>
                        <h2 style="font-weight:800;color:#fff;line-height:1;">eCOMMERCE?</h2>
                        <p style="font-weight:300;color:#fff;line-height:1;">Check our options and features.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide2_old.jpg"}}) 20% center no-repeat; background-size:cover;"></div>
            <div class="slide2-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:40%;right:20%;text-align:left;">
                        <em style="display:block;line-height:1;color:#fff;font-weight:300;font-style:normal;">up to <b>70%</b> off!</em>
                        <h2 style="font-weight:600;color:#fff;line-height:1;">HUGE <b style="font-weight:800;">SALE</b></h2>
                        <p style="font-weight:600;color:#fff;line-height:1;">Fashion<span class="split">-</span>Electronics<span class="split">-</span>Gifts<span class="split">-</span>Music<span class="split">-</span>Sports</p>
                        <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/03/slider/slide3_old.jpg"}}) center center no-repeat; background-size:cover;"></div>
            <div class="slide3-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;left:0;top:40%;text-align:center;width:100%;">
                        <div style="display:inline-block;">
                            <em style="display:block;line-height:1;margin:0;color:#fff;font-weight:300;font-style:normal;text-align:right;">It’s time to feel</em>
                            <h2 style="font-weight:600;color:#fff;line-height:1;text-align:center;">THE <b style="font-weight:800;">POWER</b></h2>
                            <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_3 = $("#banner-slider-demo-3").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 2</title>
         <identifier>porto_homeslider_2</identifier>
         <content><![CDATA[<div class="full-screen-slider">
  <div id="banner-slider-demo-14" class="owl-carousel owl-middle-narrow owl-banner-carousel">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/slide1.jpg"}}) 20% top no-repeat; background-size:cover; position: relative;">
      <div class="slide-1 content" data-animation="animated fadeIn" style="position: absolute; top: 35%; width:100%;">
        <div class="container" style="text-align: left;">
          <div class="text-content" style="display: inline-block;float:right;padding-right: 75px;">
            <h2>Dresses</h2>
            <p><span><b>Up to </b><b class="text-large">30%</b><b style="text-align:right;">OFF in the<br>collection</b></span></p>
            <a href="#" class="btn btn-default" style="vertical-align: top; font-weight: 400;">SHOP NOW</a>
          </div>
        </div>
      </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/slide2.jpg"}}) 71% top no-repeat; background-size:cover; position: relative;">
      <div class="slide-2 content" data-animation="animated fadeIn" style="position: absolute; top: 35%; width:100%;">
        <div class="container" style="text-align: left;">
          <div class="text-content" style="display: inline-block;padding-left:75px;">
            <h2>Fashion</h2>
            <p><span><b>Up to </b><b class="text-large">70%</b><b style="text-align:right;">OFF in the<br>collection</b></span></p>
            <a href="#" class="btn btn-default" style="vertical-align: top; font-weight: 400;">SHOP NOW</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      var owl_3 = $("#banner-slider-demo-14").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        nav: false,
        dots: true,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
    });
  </script>
</div>
<div style="background-color:#efefef;">
  <div class="container">
    <div class="single-images">
    <div class="row">
     <div class="col-md-4" style="padding:0; position:relative;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_1.jpg"}}" width="399" height="210" alt="" />
        <div class="content" style="position:absolute;left:0;top:30%;text-align:left;">
          <h2 style="font-size:24px;color:#323c54;font-weight:600;margin-bottom: 15px;">Sunglasses</h2>
          <a class="btn btn-default" href="#">SHOP NOW</a>
        </div>
      </div>
      <div class="col-md-4" style="padding:0; position:relative;border-left: solid 1px #d9e0e8;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_2.jpg"}}" width="399" height="210" alt="" />
        <div class="content" style="position:absolute; left:0;top:30%;text-align:left;padding-left: 46px;">
          <h2 style="font-size:24px;color:#323c54;font-weight:600;margin-bottom: 15px;">Woman Dress</h2>
          <a class="btn btn-default" href="#">SHOP NOW</a>
        </div>
      </div>
      <div class="col-md-4" style="padding:0; position:relative;border-left: solid 1px #d9e0e8;border-right: solid 1px #d9e0e8;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_3.jpg"}}" width="399" height="210" alt="" />
        <div class="content" style="position:absolute; left:0;top:30%;text-align:left;padding-left: 46px;">
          <h2 style="font-size:24px;color:#323c54;font-weight:600;margin-bottom: 15px;">Woman Bags</h2>
          <a class="btn btn-default" href="#">SHOP NOW</a>
        </div>
      </div>
    </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h2 style="margin:77px 0 30px 0;font-size:25px;font-weight:700;text-align:center;" class="theme-color">WEEKLY FEATURED PRODUCTS</h2>
      <div id="featured_product">
        {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="300" image_height="300" template="owl_list.phtml"}}
      </div>
      <script type="text/javascript">
        require([
          'jquery',
          'owl.carousel/owl.carousel.min'
        ], function ($) {
          $("#featured_product .owl-carousel").owlCarousel({
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            loop: true,
            navRewind: true,
            margin: 30,
            nav: false,
            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
            dots: false,
            responsive: {
              0: {
                items:2
              },
              768: {
                items:3
              },
              992: {
                items:4
              },
              1200: {
                items:4
              }
            }
          });
        });
      </script>
    </div>
  </div>
</div>
<div id="parallax_01" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/parallax_img.jpg"}}) 80% 0 no-repeat fixed; color: #fff; padding: 105px 0px 145px; position: relative;">
  <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.2; filter: alpha(opacity=2);top:0;"></div>
  <div class="parallax-slider" style="position: relative; z-index: 3;">
    <div class="container">
      <div id="parallax-slider-demo-14" class="owl-carousel owl-theme">
        <div class="item">
          <p>Up to <b class="text-large">40%</b> OFF</p>
          <h2>SPECIAL PROMO</h2>
          <a href="#" class="btn btn-button">Purchase now</a>
        </div>
        <div class="item">
          <p>Up to <b class="text-large">40%</b> OFF</p>
          <h2>SPECIAL PROMO</h2>
          <a href="#" class="btn btn-button">Purchase now</a>
        </div>
        <div class="item">
          <p>Up to <b class="text-large">40%</b> OFF</p>
          <h2>SPECIAL PROMO</h2>
          <a href="#" class="btn btn-button">Purchase now</a>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        var owl_4 = $("#parallax-slider-demo-14").owlCarousel({
          items: 1,
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          dots: true,
          navRewind: true,
          animateIn: 'fadeIn',
          animateOut: 'fadeOut',
          loop: true,
          nav: false,
          navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
        });
      });
    </script>
  </div>
</div>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <h2 style="margin:65px 0 30px 0;font-size:25px;font-weight:700;text-align:center;" class="theme-color">NEW ARRIVALS</h2>
      <div id="latest_product">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="10" aspect_ratio="1" image_width="300" image_height="300" template="owl_list.phtml"}}
      </div>
      <script type="text/javascript">
        require([
          'jquery',
          'owl.carousel/owl.carousel.min'
        ], function ($) {
          $("#latest_product .owl-carousel").owlCarousel({
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            loop: true,
            navRewind: true,
            margin: 30,
            nav: false,
            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
            dots: false,
            responsive: {
              0: {
                items:2
              },
              768: {
                items:3
              },
              992: {
                items:4
              },
              1200: {
                items:4
              }
            }
          });
        });
      </script>
    </div>
  </div>
</div>
<div style="background-color: #efefef; padding: 76px 0 85px;">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h2 style="margin:0 0 18px 0;font-size:25px;font-weight:700;text-align:center" class="theme-color a-center">FROM THE BLOG</h2>
        <div class="owl-top-narrow">
          <div class="recent-posts">
            <div id="latest_news" class="owl-carousel owl-theme">
              <div class="item">
                <div class="post-image">
                  <img src="{{media url="wysiwyg/smartwave/porto/blog/01n.jpg"}}" width="225" height="280" alt="">
                </div>
                <div class="post-content">
                  <div class="postTitle">
                    <h2><a href="#">Post Format – Video</a></h2>
                  </div>
                  <div class="post-date">
                    08-DEC-2016
                  </div>
                  <div class="postContent"><p>Lorem Ipsum is simply dummy text the printing and type setting...</p></div>
                  <a class="read-more" href="#">Read More <i class="porto-icon-right-open"></i></a>
                </div>
              </div>
              <div class="item">
                <div class="post-image">
                  <img src="{{media url="wysiwyg/smartwave/porto/blog/02n.jpg"}}" width="225" height="280" alt="">
                </div>
                <div class="post-content">
                  <div class="postTitle">
                    <h2><a href="#">Post Format – Video</a></h2>
                  </div>
                  <div class="post-date">
                    08-DEC-2016
                  </div>
                  <div class="postContent"><p>Lorem Ipsum is simply dummy text the printing and type setting...</p></div>
                  <a class="read-more" href="#">Read More <i class="porto-icon-right-open"></i></a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            var owl_5 = $("#latest_news").owlCarousel({
              items: 2,
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 20,
              navRewind: true,
              animateIn: 'fadeIn',
              animateOut: 'fadeOut',
              loop: false,
              nav: false,
              dots: false,
              navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"],

              responsive: {
                0: {
                  items:1
                },
                768: {
                  items:2
                },
                992: {
                  items:2
                },
                1200: {
                  items:2
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
  #banner-slider-demo-14 .content .text-content h2{
    font-family:'Oswald';
    letter-spacing: 0;
    text-transform:uppercase;
    font-size: 102px;
    color:#fff;
    line-height:1;
    font-weight: 700;
    margin:0;
  }
  #banner-slider-demo-14 .content .text-content p span{
    font-family:'Oswald';
    font-size:25px;
    text-transform:uppercase;
    color: #fff;
    vertical-align: top;
    font-weight: 300;
  }
  #banner-slider-demo-14 .content .text-content .text-large{
    font-family:'Playfair Display';
    font-weight:700;
    font-style:italic;
    font-size:76px;
    line-height:1;
    padding: 0 20px;
  }
  #banner-slider-demo-14 .content  .text-content p{
    margin: 7px 0;
  }
  #banner-slider-demo-14 .content  .text-content a{
    margin-top: 68px;
    font-size: 17px;
    padding: 11px 28px;
    margin-left: 7px;
    letter-spacing:0.075em;
    font-family:'Oswald';
    background-color: #e1ddc3;
    color:#61605a;
  }
  #banner-slider-demo-14 .content  .text-content b {
    display: inline-block;
    vertical-align:top;
    font-weight:300;
  }
  #banner-slider-demo-14 .owl-controls {
    bottom: 27px;
    top: auto;
    visibility: visible;
    opacity: 1;
  }
  #banner-slider-demo-14 .owl-controls .owl-dots {
    margin: 0 auto;
    text-align: right;
    padding: 0 15px;
  }
  #banner-slider-demo-14 .owl-controls .owl-dot span {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #cfcdca ;
    border-radius: 100%;
    background: none;
    margin: 0 4px;
  }
  #banner-slider-demo-14 .owl-controls .owl-dot.active span,
  #banner-slider-demo-14 .owl-controls .owl-dot:hover span{
    border-color: #fff;
  }
  #banner-slider-demo-14 .owl-controls .owl-dot.active span:after,
  #banner-slider-demo-14 .owl-controls .owl-dot:hover span:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    width: 6px;
    border: #fff solid 2px;
    border-radius: 100%;
  }
  .single-images .btn-default{
    border:1px solid #e1ddc3;
    padding:10px 28px;
    color:#61605a;
    font-family:'Oswald';
    font-size:14px;
    letter-spacing:0.05em;
    background-color:transparent;
    box-shadow: none;
  }
  .parallax-slider {font-family:'Oswald';}
  .parallax-slider .owl-carousel h2 {font-size:60px;font-weight:700;letter-spacing: 0.075em;margin-bottom:28px;}
  .parallax-slider .owl-carousel p {font-family:'Oswald';font-size:36px;font-weight:300;text-transform:uppercase;letter-spacing: 0.075em;margin: 0 0 6px;}
  .parallax-slider .owl-carousel p .text-large {font-size:75px;font-weight:700;letter-spacing: 0;}
  .parallax-slider .owl-carousel a.btn-button {background-color:#e1ddc3;font-size:15px;color:#61605a;letter-spacing: 0.05em;text-transform:uppercase;padding:15px 22px;}
   .parallax-slider .owl-controls {
    margin-top: 25px;
    position: absolute;
    width: 100%;
    bottom: -79px;
  }
  .parallax-slider .owl-controls .owl-dot span {
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius:100%;
    background: none;
  }
  .parallax-slider .owl-controls .owl-dot:hover span,
  .parallax-slider .owl-controls .owl-dot.active span {background: none !important;}
  .parallax-slider .owl-controls .owl-dot.active span:after,
  .parallax-slider .owl-controls .owl-dot:hover span:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    width: 6px;
    border: #fff solid 2px;
    border-radius: 100%;
  }

  #latest_news .item {
    position:relative;
  }
  #latest_news .post-image {float:left;}
  #latest_news .post-content {
    position: relative;
    top: 30px;
    left: -5px;
    background-color: #fff;
    text-align: left;
    padding: 40px;
    margin-left: 200px;
    min-height: 212px;
  }
  #latest_news .post-image{
    float: left;
    border: none;
    padding: 0;
    margin: 0;
  }
  .recent-posts .item .post-image img {
    border-radius: 0;
  }
  #latest_news .postTitle{
    min-height: auto;
    margin-bottom: 9px;
  }
  #latest_news .postTitle h2{
    text-transform: uppercase;
    font-size:18px;
    font-weight: 600;
    letter-spacing: -0.001em;
    line-height: 1;
    margin-bottom: 12px;
  }
  #latest_news .post-date{
    display: inline-block;
    background-color: #e1ddc3;
    color: #8f8e86;
    font-size: 14.5px;
    letter-spacing: 0.1em;
    font-family: 'Oswald';
    float: none;
    text-align: left;
    padding: 8px;
    font-weight: 300;
    margin-bottom: 8px;
  }
  #latest_news .postContent {
    line-height: 25px;
    font-size: 15px;
    letter-spacing: 0.03em;
    padding: 0;
    margin-bottom: 15px;
  }
  #latest_news .read-more {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #333333;
  }
  @media (max-width: 991px){
    #banner-slider-demo-14 .content .text-content h2{font-size:70px !important;}
    #banner-slider-demo-14 .content .text-content span {font-size:20px !important;}
    #banner-slider-demo-14 .content .text-content .text-large{font-size:45px !important;padding: 0 10px;}
    #banner-slider-demo-14 .content  .text-content a{padding:10px 24px;font-size:13px;margin-top:30px;}
    #banner-slider-demo-14 .owl-pagination {
      width: 1140px;
    }
  }
  @media (max-width: 767px) {
    #banner-slider-demo-14 .content .text-content h2{font-size:50px !important;}
    #banner-slider-demo-14 .content .text-content span {font-size:15px !important;}
    #banner-slider-demo-14 .content .text-content .text-large{font-size:30px !important;padding: 0 10px;}
    #banner-slider-demo-14 .content  .text-content a{padding:10px 20px;font-size:10px;margin-top:20px;}
    .single-images .col-md-4{border-left-width:0 !important;}
    .single-images img {width:100%;}
    .single-images .content{padding-left:46px;}
    .parallax-slider .owl-carousel h2 {font-size:40px;margin-bottom:28px;}
    .parallax-slider .owl-carousel p {font-size:16px;margin: 0 0 6px;}
    .parallax-slider .owl-carousel p .text-large {font-size:55px;}
    .parallax-slider .owl-carousel a.btn-button {font-size:12px;padding:12px 20px;}
  }
  @media (max-width: 480px) {
    #latest_news .post-image {
      float: none;
      margin: 0;
    }
    #latest_news .post-content {
      padding: 30px;
      margin: 0;
      left: 0;
      top: 0;
      float: left;
    }
  }
  @media (min-width: 768px){
    #banner-slider-demo-14 .owl-controls .owl-dots {
      width: 750px;
    }
  }
  @media (min-width: 992px){
    #banner-slider-demo-14 .owl-controls .owl-dots {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    #banner-slider-demo-14 .owl-controls .owl-dots {
      width: 1140px;
    }
  }
  .full-screen-slider, .full-screen-slider .owl-carousel .owl-item .item {
    max-height: 770px;
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 2 Old Skin</title>
         <identifier>porto_homeslider_2_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-14" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/slide1.jpg"}}) 71% top no-repeat; background-size:cover; position: relative;">
            <div class="slide-1" style="position: absolute; top: 35%; width:100%;">
                <div class="container" style="text-align: left;">
            <div class="text-content" style="display: inline-block;">
            <em style="font-style: normal; text-align: left; display: block; color: #fff; font-weight: 600; line-height: 1;">NEW ARRIVALS</em>
            <h2 style="color: #fff; line-height: 1;font-weight:800;margin:0;">Fashion</h2>
                <p><span style="color: #fff; vertical-align: top; font-weight: 300;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span></p>
                <a href="#" class="btn btn-default" style="background-color: #fff; color: #333; vertical-align: top; font-weight: 600;">SHOP NOW</a>
            </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/slide2.jpg"}}) 71% top no-repeat; background-size:cover; position: relative;">
            <div class="slide-2" style="position: absolute; top: 35%; width:100%;">
                <div class="container" style="text-align: left;">
            <div class="text-content" style="display: inline-block;">
            <em style="font-style: normal; text-align: left; display: block; color: #fff; font-weight: 600; line-height: 1;">EXCLUSIVE</em>
            <h2 style="color: #fff; line-height: 1;font-weight:800;margin:0;">Sunglasses</h2>
                <p style="text-align:right;"><span style="color: #fff; vertical-align: top; font-weight: 300;">Incredible prices</span></p>
                <a href="#" style="float:right; color: #fff; vertical-align: top; font-weight: 400;">SHOP NOW</a>
            </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_3 = $("#banner-slider-demo-14").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>
<div class="container">
    <div class="single-images" style="padding-top: 30px;">
        <div class="row">
            <div class="col-md-4" style="padding-bottom:15px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_1.jpg"}}" alt="" />
                    <span class="category-title">SUNGLASSES</span>
                </a>
            </div>
            <div class="col-md-4" style="padding-bottom:15px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_2.jpg"}}" alt="" />
                    <span class="category-title">WOMAN DRESSES</span>
                </a>
            </div>
            <div class="col-md-4" style="padding-bottom:15px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/image_link_3.jpg"}}" alt="" />
                    <span class="category-title">WOMAN BAGS</span>
                </a>
            </div>
         </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h2 style="margin-top:30px;font-size:19px;font-weight:600;margin-bottom:20px;text-align:center;" class="theme-color">WEEKLY FEATURED PRODUCTS</h2>
            <div id="featured_product" class="hide-addtocart hide-addtolinks">
                {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="0" image_width="212" image_height="263" template="owl_list.phtml"}}
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#featured_product .owl-carousel").owlCarousel({
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        loop: true,
                        navRewind: true,
                        margin: 10,
                        nav: false,
                        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                        dots: false,
                        responsive: {
                            0: {
                                items:2
                            },
                            768: {
                                items:3
                            },
                            992: {
                                items:4
                            },
                            1200: {
                                items:5
                            }
                        }
                    });
                });
            </script>
        </div>
    </div>
</div>
<div id="parallax_01" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/14/slider/parallax_img.jpg"}}) 80% 0 no-repeat fixed; color: #fff; padding: 100px 0; position: relative;">
        <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.65; filter: alpha(opacity=65);top:0;"></div>
    <div class="parallax-slider" style="position: relative; z-index: 3;">
            <div class="container">
                <div id="parallax-slider-demo-14" class="owl-carousel owl-theme">
                    <div class="item">
                        <h2 style="font-weight:600;">SPECIAL <b style="font-weight:800;">PROMO</b></h2>
                        <p style="font-weight:300;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">SPECIAL <b style="font-weight:800;">PROMO</b></h2>
                        <p style="font-weight:300;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">SPECIAL <b style="font-weight:800;">PROMO</b></h2>
                        <p style="font-weight:300;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    var owl_4 = $("#parallax-slider-demo-14").owlCarousel({
                        items: 1,
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        navRewind: true,
                        animateIn: 'fadeIn',
                        animateOut: 'fadeOut',
                        loop: true,
                        nav: false,
                        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
                    });
                });
            </script>
        </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 3</title>
         <identifier>porto_homeslider_3</identifier>
         <content><![CDATA[<div class="container" style="padding:0 15px 0;font-family:Georgia;">
  <div id="banner-slider-demo-15" class="owl-carousel owl-middle-narrow owl-banner-carousel">
    <div class="item">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide3_1.jpg"}}" alt="" />
      <div class="slide3-1-new-content content" style="position:absolute; right:4.5%;top:27%;">
        <em>New Summer</em>
        <div class="clearer"></div>
        <h2>Collection</h2>
        <div class="clearer"></div>
        <a href="#" class="btn btn-default"><span>SHOP NOW</span></a>
      </div>
    </div>
    <div class="item">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide3_2.jpg"}}" alt="" />
      <div class="slide3-1-new-content content" style="position:absolute; left:4.5%;top:27%;">
        <em style="font-size:15px;">Elegant Collections</em>
        <div class="clearer"></div>
        <h2>for him & Her</h2>
        <div class="clearer"></div>
        <a href="#" class="btn btn-default"><span>SHOP NOW</span></a>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#banner-slider-demo-15").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        nav: true,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        navText: ["<em class='porto-icon-left-open-big'></em>","<em class=' porto-icon-right-open-big'></em>"]
      });
    });
  </script>
</div>
<div style="background-color:#f4f4f4;margin-top:15px;padding-top:15px;">
  <div class="home-banner-content">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="item">
            <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/15/content/banner-1.jpg"}}" alt="" /></a>
            <div class="content">
              <h3><a href="#">SUNGLASSES</a></h3>
              <span>Lorem Ipsum is simply dummy<br>text of the printing and typesetting industry.<br>Lorem Ipsum has</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="item">
            <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/15/content/banner-2.jpg"}}" alt="" /></a>
            <div class="content">
              <h3><a href="#">Shoes</a></h3>
              <span>Lorem Ipsum is simply dummy<br>text of the printing and typesetting industry.<br>Lorem Ipsum has</span>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="item">
            <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/15/content/banner-3.jpg"}}" alt="" /></a>
            <div class="content">
              <h3><a href="#">Watches</a></h3>
              <span>Lorem Ipsum is simply dummy<br>text of the printing and typesetting industry.<br>Lorem Ipsum has</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="featured-products" style="margin-bottom: 30px;">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h2 class="filterproduct-title"><span class="content"><strong>Featured Products</strong></span></h2>
          <div id="featured_product" class="owl-bottom-narrow">
            {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="212" template="owl_list.phtml"}}
          </div>
          <script type="text/javascript">
            require([
              'jquery',
              'owl.carousel/owl.carousel.min'
            ], function ($) {
              $("#featured_product .owl-carousel").owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                loop: true,
                navRewind: true,
                margin: 20,
                nav: false,
                navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                dots: false,
                responsive: {
                  0: {
                    items:2
                  },
                  768: {
                    items:3
                  },
                  992: {
                    items:4
                  },
                  1200: {
                    items:4
                  }
                }
              });
            });
          </script>
        </div>
      </div>
    </div>
  </div>
  <div class="parallax-container parallax-wrapper" style="padding-bottom: 50px;">
    <div class="parallax" data-stellar-background-ratio="0.5" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/15/slider/parallax_img_new.jpg"}}) 80% 50% no-repeat fixed; color: #fff; margin: 0 auto; padding: 149px 0px 190px; position: relative;">
      <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.1; filter: alpha(opacity=20);top:0;"></div>
      <div class="parallax-content">
        <div class="container">
          <div class="content">
            <em>Men’s</em>
            <div class="clearer"></div>
            <h2>Watches</h2>
            <div class="clearer"></div>
            <a href="#" class="btn btn-default"><span>SHOP NOW</span></a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="new-products" style="padding: 45px 0 50px;">
    <div class="container">
      <h2 class="filterproduct-title"><span class="content"><strong>New Products</strong></span></h2>
      <div id="new_product" class="hide-addtocart">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" aspect_ratio="0" image_width="300" image_height="337" template="masonry_grid.phtml"}}
      </div>
    </div>
  </div>
</div>
<style type="text/css">
  .owl-banner-carousel .content {
    background-color:#0e0e0e;
    padding: 42px;
    font-family: 'Oswald';
    color:#fff;
    text-align:left;
    text-transform:uppercase;
  }
  .owl-banner-carousel .content h2 {
    font-size:48px;
    font-weight:300;
    color:#fff;
    margin-bottom: 22px;
  }
  .owl-banner-carousel .content em {
    font-size:17px;
    font-weight:400;
    font-style:normal;
    color:#fff;
    letter-spacing: 0.05em;
    display:block;
    padding-bottom:2px;
  }
  .owl-banner-carousel .content .btn-default{
    border: solid 2px #2c2c2c;
    background-color:#0e0e0e;
    padding: 9px 19px;
    font-size: 14px;
    letter-spacing:0.05em;
    border-radius:2px;
    box-shadow: none;
    margin-bottom:23px;
  }
  .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-prev {
    left: -112px;
  }
  .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-next {
    right: -112px;
  }
  .owl-middle-narrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
    font-size: 80px;
  }
  .owl-theme.owl-banner-carousel .owl-controls .owl-nav [class*=owl-] {
    color: #d7d3ce;
    margin: 0;
    padding: 0;
  }
  .home-banner-content {
    padding-bottom: 30px;
  }
  .home-banner-content .item {
    transition: all 0.3s;
    margin-bottom: 30px;
    text-align:center;
  }
  .home-banner-content .item:hover {
    box-shadow: 0 8px 35px -10px rgba(0, 0, 0, 0.3);
  }
  .home-banner-content .item .content {
    background-color: #fff;
    padding: 10px;
  }
  .home-banner-content .item .content h3 {
    font-family: 'Oswald';
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #111111;
    font-weight: 400;
    padding: 18px 0 8px;
    margin: 0 0 5px;
  }
  .home-banner-content .item .content span {
    font-size: 13px;
    line-height: 24px;
    color: #7b7f83;
    padding-bottom: 28px;
    display: block;
  }
  @media (max-width: 991px) {
    #banner-slider-demo-15 .content {
      padding: 30px;
      top: 15% !important;
    }
  }
  @media(max-width: 767px){
    #banner-slider-demo-15 .content {
      padding: 25px;
      top: 7% !important;
    }
    #banner-slider-demo-15 .content em {
      font-size: 12px;
    }
    #banner-slider-demo-15 .content h2 {
      font-size: 30px;
    }
    #banner-slider-demo-15 .content .btn-default {
      padding: 7px 15px;
      font-size: 12px;
      margin-bottom: 15px;
    }
  }
  @media(max-width: 480px){
    #banner-slider-demo-15 .content {
      padding: 20px;
      top: 7% !important;
    }
    #banner-slider-demo-15 .content em {
      font-size: 11px !important;
    }
    #banner-slider-demo-15 .content h2 {
      font-size: 20px  !important;
      margin-bottom: 10px;
      margin-top: 5px;
    }
    #banner-slider-demo-15 .content .btn-default {
      padding: 5px 15px;
      font-size: 11px  !important;
      margin-bottom: 0;
    }
  }
@media (max-width: 1360px) {
  .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-next {
    right: 0;
  }
  .owl-banner-carousel.owl-middle-narrow .owl-controls .owl-nav .owl-prev {
    left: 0;
  }
}
@media (max-width: 1199px) {
  .owl-banner-carousel .content {
    transform: scale(0.8);
  }
}
@media (max-width: 991px) {
  .owl-banner-carousel .content {
    transform: scale(0.65);
  }
}
@media (max-width: 480px) {
  .owl-banner-carousel .content {
    transform: scale(1);
  }
}
@media (max-width: 375px) {
  .owl-banner-carousel .content {
    transform: scale(0.65);
  }
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 3 Old Skin</title>
         <identifier>porto_homeslider_3_old</identifier>
         <content><![CDATA[<div class="container" style="padding:20px 15px 0;font-family:Georgia;">
    <div id="banner-slider-demo-15" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide1.jpg"}}" alt="" />
            <div class="content" style="position:absolute; right:9.5%;top:40%;text-align:right;">
                <em style="font-weight:400;color:#666666;float:left;font-style:normal;">Porto Presents...</em>
                <div class="clearfix"></div>
                <h2 style="font-weight:400;color:#141414;margin:0;line-height:1;">The Bride's Dream</h2>
                <hr style="width: 50%;border-color:#151515;float:right;">
                <div class="clearfix"></div>
                <a href="#" style="color:#2b262f;font-weight:700;"><span>SHOP NOW</span></a>
            </div>
        </div>
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/15/slider/slide2.jpg"}}" alt="" />
            <div class="content" style="position:absolute; right:9.5%;top:40%;text-align:right;">
                <em style="font-weight:400;color:#666666;float:left;font-style:normal;">Porto Presents...</em>
                <div class="clearfix"></div>
                <h2 style="font-weight:400;color:#141414;margin:0;line-height:1;">The Bride's Dream</h2>
                <hr style="width: 50%;border-color:#151515;float:right;">
                <div class="clearfix"></div>
                <a href="#" style="color:#2b262f;font-weight:700;"><span>SHOP NOW</span></a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#banner-slider-demo-15").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                nav: true,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 4</title>
         <identifier>porto_homeslider_4</identifier>
         <content><![CDATA[<div class="container" style="padding:0 15px 15px 15px;">
  <div class="row" style="margin:0 -10px;">
    <div class="col-lg-9 lg-order-12" style="padding:0 10px; margin-top: 26px;">
      <div id="banner-slider-demo-2" class="owl-carousel owl-bottom-absolute-narrow owl-border-radius-7 owl-banner-carousel sm-xs-margin-bottom">
        <div class="item">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/slide1n.jpg"}}" alt="" />
          <div class="content content-slide-1" style="position:absolute;z-index:1;top:23%;left:8%;text-align:left;">
            <span style="color: #fff;font-size:18px;">Get up to <b style="font-size:26px;font-family:'Oswald';">60%</b> off</span>
            <h2 style="color: #fff;">Summer Sale</h2>
            <p style="font-size:14px;color:#fff;font-weight:300;">Limited items available at this price.</p>
            <a href="{{store url="fashion.html"}}" class="btn btn-default" style="background-color:#010204;color:#fff;font-family:'Oswald';font-size:14px;letter-spacing:0.025em;font-weight:400;">shop now</a>
          </div>
        </div>
        <div class="item">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/slide2n.jpg"}}" alt="" />
          <div class="content content-slide-2" style="position:absolute;z-index:1;top:23%;left:8%;text-align:left;">
            <span style="color: #2c373c;font-size:18px;">OVER <b style="font-size:26px;font-family:'Oswald';">200+</b></span>
            <h2 style="color: #2c373c;">GREAT DEALS</h2>
            <p style="font-size:14px;color:#585b5f;font-weight:300;">While they last!</p>
            <a href="{{store url="electronics.html"}}" class="btn btn-default" style="background-color:#010204;color:#fff;font-family:'Oswald';font-size:14px;letter-spacing:0.025em;font-weight:400;">shop now</a>
          </div>
        </div>
        <div class="item">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/slide3n.jpg"}}" alt="" />
          <div class="content content-slide-3" style="position:absolute;z-index:1;top:23%;left:8%;text-align:left;">
            <span style="color: #2c373c;font-size:18px;">up to <b style="font-size:26px;font-family:'Oswald';">40%</b> off</span>
            <h2 style="color: #2c373c;">NEW ARRIVALS</h2>
            <p style="font-size:14px;color:#585b5f;font-weight:300;">Starting at $9</p>
            <a href="{{store url="motors.html"}}" class="btn btn-default" style="background-color:#010204;color:#fff;font-family:'Oswald';font-size:14px;letter-spacing:0.025em;font-weight:400;">shop now</a>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        require([
          'jquery',
          'owl.carousel/owl.carousel.min'
        ], function ($) {
          $("#banner-slider-demo-2").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: true,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true,
            nav: false
          });
        });
      </script>
    </div>
    <div class="col-lg-3" style="padding:0 10px;margin-top: 26px;">
      <div class="row">
        <div class="col-lg-12">
          <div class="side-custom-menu" style="margin-bottom:11px;">
            <h2 style="font-size:14px;letter-spacing:0.01em;color:#465157;font-weight:700;">TOP CATEGORIES</h2>
            <ul>
              <li><a href="#"><i class="porto-icon-shirt"></i> Fashion</a></li>
              <li><a href="#"><i class="porto-icon-computer"></i> Electronics</a></li>
              <li><a href="#"><i class="porto-icon-gift"></i> Gifts</a></li>
              <li><a href="#"><i class="porto-icon-garden"></i> Home & Garden</a></li>
              <li><a href="#"><i class="porto-icon-computer"></i> Music</a></li>
              <li><a href="#"><i class="porto-icon-sports"></i> Sports</a></li>
            </ul>
            <div class="action">
              <a href="#" class="btn btn-default">HUGE SALE - 70% Off</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="background-color:#f4f4f4;margin-bottom: 27px;">
  <div class="container">
    <div class="homepage-bar" style="margin:0;">
      <div class="row">
        <div class="col-lg-4 col-md-4" style="text-align:left;">
          <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
        </div>
        <div class="col-lg-4 col-md-4" style="text-align:center;">
          <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
        </div>
        <div class="col-lg-4 col-md-4" style="text-align:center;">
          <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row" style="padding-bottom:10px;margin:0 -10px;">
    <div class="col-md-3 col-6" style="padding:0 10px;padding-bottom:20px;">
      <div style="margin-bottom:15px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image01.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:15px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image02.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:0px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image03.jpg"}}" alt="" /></a>
      </div>
    </div>
    <div class="col-md-3 col-6 md-order-12" style="padding:0 10px;padding-bottom:20px;">
      <div style="margin-bottom:15px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image11.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:15px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image12.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:0px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image13.jpg"}}" alt="" /></a>
      </div>
    </div>
    <div class="sm-clearer"></div>
    <div class="col-md-6" style="padding:0 10px;padding-bottom:20px;">
      <div style="margin-bottom:28px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image21.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:28px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image22.jpg"}}" alt="" /></a>
      </div>
      <div style="margin-bottom:0px;">
        <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image23.jpg"}}" alt="" /></a>
      </div>
    </div>
  </div>
</div>
<style>
  #banner-slider-demo-2 .content h2 {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top:0;
  }
  #banner-slider-demo-2 .content span {
    font-size:18px;
    line-height:38px;
    font-weight: 700;
    text-transform:uppercase;
  }
  #banner-slider-demo-2 .content p {
    font-size:14px;
    font-weight:300;
    margin-bottom:10;
  }
  #banner-slider-demo-2 .content .btn-default {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.025em;
    padding: 10px 34px;
    border-radius:3px;
    background-color: #010204;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin-top: 28px;
  }
  @media(max-width:767px){
    #banner-slider-demo-2 .owl-controls {
      display:none !important;
    }
    #banner-slider-demo-2 .content {
      top:15% !important;
    }
    #banner-slider-demo-2 .content h2 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 5px;
    }
    #banner-slider-demo-2 .content span {
      font-size: 11px !important;
      line-height: 23px;
    }
    #banner-slider-demo-2 .content span b {
      font-size: 15px !important;
    }
    #banner-slider-demo-2 .content p {
      font-size: 11px !important;
      margin-bottom: 10px;
    }
    #banner-slider-demo-2 .content .btn-default {
      font-size: 10px !important;
      line-height: 20px;
      padding: 3px 13px;
      border-radius: 3px;
      margin-top: 0px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 4 Old Skin</title>
         <identifier>porto_homeslider_4_old</identifier>
         <content><![CDATA[<div class="container" style="padding:0 15px 20px 15px;">
    <div class="row" style="margin:0 -10px;">
        <div class="col-lg-9 lg-order-12" style="padding:0 10px; margin-top: 20px;">
            <div id="banner-slider-demo-2" class="owl-carousel owl-bottom-absolute-narrow owl-border-radius-7 owl-banner-carousel sm-xs-margin-bottom">
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/slide1.jpg"}}" alt="" />
                </div>
                <div class="item">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/slide2.jpg"}}" alt="" />
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#banner-slider-demo-2").owlCarousel({
                        items: 1,
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        navRewind: true,
                        animateIn: 'fadeIn',
                        animateOut: 'fadeOut',
                        loop: true,
                        nav: false
                    });
                });
            </script>
        </div>
        <div class="col-lg-3" style="padding:0 10px; margin-top: 20px;">
            <div class="row"><div class="col-lg-12 col-md-6">
            <div class="side-custom-menu" style="margin-bottom:11px;">
                <h2><em class="porto-icon-menu"></em> TOP CATEGORIES</h2>
                <ul>
                    <li><a href="#">Fashion</a></li>
                    <li><a href="#">Electronics</a></li>
                    <li><a href="#">Gifts</a></li>
                    <li><a href="#">Home & Garden</a></li>
                    <li><a href="#">Music</a></li>
                    <li><a href="#">Sports</a></li>
                </ul>
            </div>
            </div>
            <div class="col-lg-12 col-md-6">
            <div class="side-custom-menu">
                <h2><em class="porto-icon-menu"></em> TRENDING</h2>
                <ul>
                    <li><a href="#">Huge Sale - 70% Off</a></li>
                    <li><a href="#">New Arrivals</a></li>
                </ul>
            </div>
            </div></div>
        </div>
    </div>
</div>
<div style="background-color:#f0f0ed;">
    <div class="container">
        <div class="homepage-bar" style="border:1px solid #e1e1e1;border-radius:5px;margin:20px 0;">
            <div class="row">
                <div class="col-lg-4" style="text-align:center;">
                    <em class="porto-icon-truck" style="font-size:36px;"></em><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
                </div>
                <div class="col-lg-4" style="text-align:center;">
                    <em class="porto-icon-dollar"></em><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
                </div>
                <div class="col-lg-4" style="text-align:center;">
                    <em class="porto-icon-lifebuoy" style="font-size:32px;"></em><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
                </div>
            </div>
        </div>
        <div class="row" style="padding-bottom:10px;margin:0 -10px;">
            <div class="col-md-3 col-6" style="padding:0 10px;padding-bottom:20px;">
                <div style="margin-bottom:15px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image01_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:15px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image02_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:0px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image03_old.jpg"}}" alt="" /></a>
                </div>
            </div>
            <div class="col-md-3 col-6 md-order-12" style="padding:0 10px;padding-bottom:20px;">
                <div style="margin-bottom:10px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image11_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:11px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image12_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:0px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image13_old.jpg"}}" alt="" /></a>
                </div>
            </div>
            <div class="sm-clearer"></div>
            <div class="col-md-6" style="padding:0 10px;padding-bottom:20px;">
                <div style="margin-bottom:28px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image21_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:28px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image22_old.jpg"}}" alt="" /></a>
                </div>
                <div style="margin-bottom:0px;">
                    <a class="image-link" href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/02/slider/image23_old.jpg"}}" alt="" /></a>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
  #banner-slider-demo-2 .content h2 {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top:0;
  }
  #banner-slider-demo-2 .content span {
    font-size:18px;
    line-height:38px;
    font-weight: 700;
    text-transform:uppercase;
  }
  #banner-slider-demo-2 .content p {
    font-size:14px;
    font-weight:300;
    margin-bottom:10;
  }
  #banner-slider-demo-2 .content .btn-default {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.025em;
    padding: 10px 34px;
    border-radius:3px;
    background-color: #010204;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin-top: 28px;
  }
  @media(max-width:767px){
    #banner-slider-demo-2 .owl-controls {
      display:none !important;
    }
    #banner-slider-demo-2 .content {
      top:15% !important;
    }
    #banner-slider-demo-2 .content h2 {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 5px;
    }
    #banner-slider-demo-2 .content span {
      font-size: 11px !important;
      line-height: 23px;
    }
    #banner-slider-demo-2 .content span b {
      font-size: 15px !important;
    }
    #banner-slider-demo-2 .content p {
      font-size: 11px !important;
      margin-bottom: 10px;
    }
    #banner-slider-demo-2 .content .btn-default {
      font-size: 10px !important;
      line-height: 20px;
      padding: 3px 13px;
      border-radius: 3px;
      margin-top: 0px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 5</title>
         <identifier>porto_homeslider_5</identifier>
         <content><![CDATA[<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-bottom-narrow owl-bottom-absolute-narrow">
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/01n_bg.jpg"}})  center center no-repeat;background-size:cover;">
    <div class="container" style="position:relative">
      <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="" />
      <div class="content content-slide-1" style="position:absolute;z-index:1;top:36%;left:2.4%;text-align:center;">
        <span class="border-top"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-top.png"}}"/></span>
        <div style="position:relative;z-index:4;">
          <span style="color: #0e2f40;font-size:18px;">80% off for select items</span>
          <h2 style="color: #0e2f40;">fashion mega sale</h2>
          <a href="{{config path="web/unsecure/base_url"}}fashion.html" class="btn btn-default">shop now</a>
        </div>
        <span class="border-bottom"><img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/border-bottom.png"}}"/> </span>
      </div>
    </div>
  </div>
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/02n_bg.jpg"}}) center center no-repeat;background-size:cover;">
    <div class="container" style="position:relative">
      <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="" />
      <div class="content content-slide-2" style="position:absolute;z-index:1;top:33%;right:13%;text-align:center;">
        <span style="color: #0e2f40;font-size:23px;line-height:45px;">up to 70% off</span>
        <h2 style="color: #0e2f40;font-size:46px;">Women's Hats</h2>
        <a href="{{config path="web/unsecure/base_url"}}fashion.html" class="btn btn-default">shop now</a>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  require([
    'jquery',
    'owl.carousel/owl.carousel.min'
  ], function ($) {
    var banner_owl = $("#banner-slider-demo-1");
    banner_owl.owlCarousel({
      items: 1,
      autoplay: true,
      autoplayTimeout: 5000,
      autoplayHoverPause: true,
      dots: true,
      nav: false,
      navRewind: true,
      animateIn: 'fadeIn',
      animateOut: 'fadeOut',
      loop: true,
      lazyLoad: true,
      navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
    });
  });
</script>
<div class="homepage-bar">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-4" style="text-align:left;">
        <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
      </div>
      <div class="col-lg-4 col-md-4" style="text-align:center;">
        <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
      </div>
      <div class="col-lg-4 col-md-4" style="text-align:center;">
        <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
      </div>
    </div>
  </div>
</div>
<div class="single-images" style="padding-top: 14px;">
  <div class="container">
    <div class="row" style="margin-left:-10px;margin-right:-10px;">
      <div class="col-md-4 col-12" style="padding-left:10px;padding-right:10px;padding-top:20px;">
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_1n.png"}}" alt="" />
        </a>
      </div>
      <div class="col-md-4 col-12" style="padding-left:10px;padding-right:10px;padding-top:20px;">
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_2n.png"}}" alt="" />
        </a>
      </div>
      <div class="col-md-4 col-12" style="padding-left:10px;padding-right:10px;padding-top:20px;">
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_3n.png"}}" alt="" />
        </a>
      </div>
    </div>
  </div>
</div>
<div style="padding-top: 40px; padding-bottom: 66px; margin-top: 34px; background-color:#f7f7f7;">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h2 class="filterproduct-title"><span class="content"><strong>Featured Products</strong></span></h2>
        <div id="featured_product" class="owl-bottom-narrow">
          {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="212" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#featured_product .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              loop: true,
              navRewind: true,
              margin: 0,
              nav: false,
              navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
              dots: true,
              responsive: {
                0: {
                  items:2
                },
                768: {
                  items:3
                },
                992: {
                  items:4
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div style="padding-top: 39px; padding-bottom:40px;margin-bottom:25px;">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <h2 class="filterproduct-title"><span class="content"><strong>New Products</strong></span></h2>
        <div id="new_product" class="owl-bottom-narrow">
          {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" hide-addtolinks="1" aspect_ratio="1" image_width="350" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#new_product .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              loop: true,
              navRewind: true,
              margin: 0,
              nav: false,
              navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
              dots: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:3
                },
                992: {
                  items:4
                },
                1200: {
                  items:4
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div style="padding-top: 50px; padding-bottom: 50px; background-color:#f7f7f7;" class="custom-support">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <i class="porto-icon-earphones-alt" style="line-height:58px;font-size:40px;"></i>
        <div class="content">
          <h2>Customer Support</h2>
          <em>You Won't Be Alone</em>
          <p>We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</p>
        </div>
      </div>
      <div class="col-md-4">
        <i class="porto-icon-credit-card" style="line-height:58px;font-size:40px;"></i>
        <div class="content">
          <h2>SECURED PAYMENT</h2>
          <em>Safe & Fast</em>
          <p>With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</p>
        </div>
      </div>
      <div class="col-md-4">
        <i class="porto-icon-action-undo" style="line-height:58px;font-size:40px;"></i>
        <div class="content">
          <h2>RETURNS</h2>
          <em>Easy & Free</em>
          <p>Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="parallax-wrapper">
  <div class="parallax" data-stellar-background-ratio="0.5" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/parallax_bg_new.jpg"}});">
    <div class="parallax-slider" style="position: relative; z-index: 3;">
      <div class="container">
        <div id="parallax-slider-demo-1" class="owl-bottom-narrow owl-carousel">
          <div class="item">
            <h2 style="font-weight:400;">fashion show collection</h2>
            <a class="btn btn-default" href="#" style="font-weight:400;">Shop Now</a>
          </div>
          <div class="item">
            <h2 style="font-weight:400;">fashion show collection</h2>
            <a class="btn btn-default" href="#" style="font-weight:400;">Shop Now</a>
          </div>
          <div class="item">
            <h2 style="font-weight:400;">fashion show collection</h2>
            <a class="btn btn-default" href="#" style="font-weight:400;">Shop Now</a>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        require([
          'jquery',
          'owl.carousel/owl.carousel.min'
        ], function ($) {
          $("#parallax-slider-demo-1").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: false,
            nav: false,
            loop: true,
            navRewind: true
          });
        });
      </script>
    </div>
  </div>
</div>
<div class="brands-slide" style="padding: 22px 0;">
  <div class="container">
    <div class="owl-side-narrow">
      <div id="brands-slider-demo-1" class="brands-slider">
        <div class="owl-carousel">
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand1.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand2.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand3.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand4.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand5.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand1.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand2.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand3.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand4.jpg"}}" alt="" /></div>
          <div class="item"><img src="{{media url="wysiwyg/smartwave/porto/brands/brand5.jpg"}}" alt="" /></div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#brands-slider-demo-1 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 20,
              nav: true,
              navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
              dots: false,
              loop: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:4
                },
                992: {
                  items:5
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div class="latest-blog" style="background-color: #f4f4f4;padding-bottom: 50px;">
  <div class="container">
    <h2 class="filterproduct-title" style="margin-top:40px;padding-bottom: 5px;"><span class="content"><strong>FROM THE BLOG</strong></span></h2>
    <div id="latest_news" class="owl-top-narrow">
      <div class="recent-posts">
        <div class="owl-carousel">
          <div class="item">
            <div class="recent-inner">
              <div class="row">
                <div class="col-md-5">
                  <div class="post-image">
                    <img src="{{media url="wysiwyg/smartwave/porto/blog/blog_img1.jpg"}}" alt="">
                    <div class="post-date">
                      <span class="day">08</span>
                      <span class="month">Dec</span>
                    </div>
                  </div>
                </div>
                <div class="col-md-7">
                  <div class="postTitle">
                    <h2><a href="#">New Collection</a></h2>
                  </div>
                  <div class="postContent"><p>Lorem Ipsum is simply dummy<br>text of the printing and typesetting <br>industry. Lorem Ipsum has...</p></div>
                  <a class="readmore btn btn-default" href="#">Read more</a>
                </div>
              </div>
            </div>
          </div>
          <div class="item">
            <div class="recent-inner">
              <div class="row">
                <div class="col-md-5">
                  <div class="post-image">
                    <img src="{{media url="wysiwyg/smartwave/porto/blog/blog_img2.jpg"}}" alt="">
                    <div class="post-date">
                      <span class="day">08</span>
                      <span class="month">Dec</span>
                    </div>
                  </div>
                </div>
                <div class="col-md-7">
                  <div class="postTitle">
                    <h2><a href="#">Fashion Trends</a></h2>
                  </div>
                  <div class="postContent"><p>Lorem Ipsum is simply dummy<br>text of the printing and typesetting<br>industry. Lorem Ipsum has...</p></div>
                  <a class="readmore btn btn-default" href="#">Read more</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        require([
          'jquery',
          'owl.carousel/owl.carousel.min'
        ], function ($) {
          $("#latest_news .owl-carousel").owlCarousel({
            loop: false,
            margin: 20,
            nav: false,
            dots: false,
            responsive: {
              0: {
                items:1
              },
              640: {
                items:2
              },
              768: {
                items:2
              },
              992: {
                items:2
              },
              1200: {
                items:2
              }
            }
          });
        });
      </script>
    </div>
  </div>
</div>
<style>
  #banner-slider-demo-1 .content h2 {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top:0;
  }
  #banner-slider-demo-1 .content span {
    font-family: 'Oswald';
    font-size:18px;
    line-height:25px;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-transform:uppercase;
  }
  #banner-slider-demo-1 .content .btn-default {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.05em;
    padding: 12px 27px;
    border-radius:3px;
    background-color: #0088cc;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin-top: 28px;
  }
  #banner-slider-demo-1 .border-top {
    position:absolute;
    top:-52px;
    left:9%;
  }
  #banner-slider-demo-1 .border-bottom {
    position:absolute;
    bottom:-38px;
    left:9%;
  }
  @media(max-width:767px){
    #banner-slider-demo-1 .border-top,#banner-slider-demo-1 .border-bottom {
      display:none;
    }
    #banner-slider-demo-1 .content {
      top:25% !important;
    }
    #banner-slider-demo-1 .content.content-slide-1 {
      top:25%!important;
      left: 2.4%;
    }
    #banner-slider-demo-1 .content span {
      font-size:10px !important;
      line-height:1!important;
    }
    #banner-slider-demo-1 .content h2 {
      font-size: 20px !important;
      margin-bottom: 5px;
      margin-top:0;
    }
    #banner-slider-demo-1 .content .btn-default {
      font-size: 10px;
      line-height: 25px;
      padding: 2px 12px;
      margin-top: 0px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 5 Old Skin</title>
         <identifier>porto_homeslider_5_old</identifier>
         <content><![CDATA[<div id="banner-slider-demo-1" class="owl-carousel owl-banner-carousel owl-middle-narrow">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/01_bg.png"}}) repeat;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/01.png"}}" alt="" />
            <div class="content type1" style="position:absolute;top:30%;left:10%;text-align:right">
                <h2 style="font-weight:600;line-height:1;color:#08c">HUGE <b style="font-weight:800">SALE</b></h2>
                <p style="color:#777;font-weight:300;line-height:1;margin-bottom:15px">Now starting at <span style="color:#535353;font-weight:400">$99</span></p>
                <a href="#" style="font-weight:300;">Shop now &gt;</a>
            </div>
        </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/02_bg.png"}}) center center no-repeat;background-size:cover;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="" />
        </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/03_bg.png"}}) center center no-repeat;background-size:cover;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/03.png"}}" alt="" />
        </div>
    </div>
</div>
<script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#banner-slider-demo-1").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: false,
            nav: true,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true,
            navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
        });
    });
</script>
<div class="homepage-bar">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <em class="porto-icon-truck" style="font-size:36px;"></em><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
            </div>
            <div class="col-lg-4">
                <em class="porto-icon-dollar"></em><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
            </div>
            <div class="col-lg-4">
                <em class="porto-icon-lifebuoy" style="font-size:32px;"></em><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
            </div>
        </div>
    </div>
</div>
<div class="single-images border-radius" style="padding-top: 25px;">
    <div class="container">
        <div class="row" style="margin-left:-10px;margin-right:-10px;">
            <div class="col-md-3 col-6" style="padding-left:10px;padding-right:10px;padding-top:20px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_1.png"}}" alt="" />
                </a>
            </div>
            <div class="col-md-3 col-6" style="padding-left:10px;padding-right:10px;padding-top:20px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_2.png"}}" alt="" />
                </a>
            </div>
            <div class="col-md-3 col-6" style="padding-left:10px;padding-right:10px;padding-top:20px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_3.png"}}" alt="" />
                </a>
            </div>
            <div class="col-md-3 col-6" style="padding-left:10px;padding-right:10px;padding-top:20px;">
                <a class="image-link" href="#">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/image_4.png"}}" alt="" />
                </a>
            </div>
         </div>
    </div>
</div>
<div style="padding-top: 35px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="filterproduct-title"><span class="content"><strong>Featured Products</strong></span></h2>
                <div id="featured_product" class="owl-top-narrow">
                    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="0" image_width="212" image_height="263" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#featured_product .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: true,
                            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                            dots: false,
                            responsive: {
                                0: {
                                    items:2
                                },
                                768: {
                                    items:3
                                },
                                992: {
                                    items:4
                                },
                                1200: {
                                    items:5
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<div style="padding-top: 20px;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="filterproduct-title"><span class="content"><strong>New Products</strong></span></h2>
                <div id="new_product" class="owl-top-narrow">
                    {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" hide-addtolinks="1" aspect_ratio="0" image_width="180" image_height="180" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#new_product .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: true,
                            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                            dots: false,
                            responsive: {
                                0: {
                                    items:2
                                },
                                640: {
                                    items:3
                                },
                                768: {
                                    items:4
                                },
                                992: {
                                    items:5
                                },
                                1200: {
                                    items:6
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<div style="padding-top: 40px;" class="custom-support">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <em class="porto-icon-star" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Customer Support</h2>
                    <em>YOU WON'T BE ALONE</em>
                    <p>We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</p>
                </div>
            </div>
            <div class="col-md-4">
                <em class="porto-icon-reply" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Fully Customizable</h2>
                    <em>TONS OF OPTIONS</em>
                    <p>With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</p>
                </div>
            </div>
            <div class="col-md-4">
                <em class="porto-icon-paper-plane" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Powerful Admin</h2>
                    <em>MADE TO HELP YOU</em>
                    <p>Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="parallax-wrapper" style="margin: 50px 0;">
    <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.75; filter: alpha(opacity=75);"></div>
    <div class="parallax" data-stellar-background-ratio="0.5" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/01/slider/parallax_bg.jpg"}});">
        <div class="parallax-slider" style="position: relative; z-index: 3;">
            <div class="container">
                <div id="parallax-slider-demo-1" class="owl-carousel">
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#parallax-slider-demo-1").owlCarousel({
                        items: 1,
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        nav: false,
                        loop: true,
                        navRewind: true
                    });
                });
            </script>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 6</title>
         <identifier>porto_homeslider_6</identifier>
         <content><![CDATA[<div style="background-color:#f4f4f4;">
  <div class="container">
    <div class="homepage-bar" style="margin:0;">
      <div class="row">
        <div class="col-lg-4 col-md-4" style="text-align:left;">
          <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
        </div>
        <div class="col-lg-4 col-md-4" style="text-align:center;">
          <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
        </div>
        <div class="col-lg-4 col-md-4" style="text-align:center;">
          <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 7</title>
         <identifier>porto_homeslider_7</identifier>
         <content><![CDATA[<div class="homepage-grid-banner">
  <div class="container">
    <div class="row">
      <div class="col-md-6">
        <div class="grid1" style="position:relative;">
          <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/banner1.jpg"}}" width="566" height="536" alt="" /></a>
        </div>
      </div>
      <div class="col-md-3">
        <div class="grid3 col-md-margin" style="position:relative;">
          <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/banner3.jpg"}}" width="279" height="264" alt="" /> </a>
        </div>
        <div class="grid4" style="position:relative;">
          <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/banner4.jpg"}}" width="279" height="264" alt="" /> </a>
        </div>
      </div>
      <div class="col-md-3">
        <div class="grid2" style="position:relative;">
          <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/banner2.jpg"}}" width="279" height="536" alt="" /> </a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container" style="margin-top: 30px;">
  <h2 class="filterproduct-title"><span class="content"><strong>FEATURED PRODUCTS</strong></span><span class="title_line"></span></h2>
  <div id="featured_product" class="owl-top-narrow" style="margin:0 -10px;">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="272" image_height="337" template="owl_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        loop: true,
        navRewind: true,
        margin: 0,
        nav: true,
        navText: ["<em class='porto-icon-angle-left'></em>","<em class='porto-icon-angle-right'></em>"],
        dots: false,
        responsive: {
          0: {
            items:2
          },
          768: {
            items:3
          },
          992: {
            items:3
          },
          1200: {
            items:4
          }
        }
      });
    });
  </script>
</div>
<div style="background-color:#65829d;padding:30px 0 50px;margin-top:30px;">
  <div class="container">
    <h2 class="filterproduct-title" style="text-align:center;">
      <span class="content" style="background-color:#65829d;padding:0 30px;color:#fff;"><strong>BROWSE OUR CATEGORIES</strong></span>
      <span class="title_line" style="background-color:#728ea9;"></span>
    </h2>
    <div id="category_slider" class="owl-side-narrow" style="margin-top:15px;">
      <div class="owl-carousel">
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c1.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">HOME &amp; GARDEN</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">22 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c2.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">SPORTS</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">14 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c3.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">FASHION</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">24 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c4.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">ELECTRONICS</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">34 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c1.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">HOME &amp; GARDEN</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">44 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c2.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">SPORTS</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">50 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c3.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">FASHION</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">40 products</span>
            </p>
          </a>
        </div>
        <div class="item">
          <a href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/content/banner-c4.jpg"}}" alt="" />
            <p style="position:absolute;width:100%;top:40%;text-align:left;padding-left:30px;">
              <span style="font-family:'Oswald';font-size:20.28px;color:#fff;font-weight:600;line-height:37px;display:inline-block;">ELECTRONICS</span>
              <span style="display: block;color: #a7a7a8;font-size: 11px;text-transform: uppercase;">20 products</span>
            </p>
          </a>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        $("#category_slider .owl-carousel").owlCarousel({
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          loop: true,
          navRewind: true,
          margin: 30,
          nav: true,
          navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
          dots: false,
          responsive: {
            0: {
              items:2
            },
            768: {
              items:3
            },
            992: {
              items:3
            },
            1200: {
              items:4
            }
          }
        });
      });
    </script>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 7 Old Skin</title>
         <identifier>porto_homeslider_7_old</identifier>
         <content><![CDATA[<div class="homepage-grid-banner">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="grid1" style="position:relative;">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/grid1.jpg"}}" alt="" />
                    <div class="ribbon theme-border-color" style="position:absolute;right:0;top:0;color:#fff;">
                        <div style="position:absolute;right:9%;top:10%;width:90%;text-align:right;">
                            <em style="font-weight:300;font-style:normal;color:#fff;margin-right:26%;">UP TO</em>
                            <h4 style="font-weight:700;color:#fff;">70%</h4>
                            <h5 style="font-weight:600;color:#fff;">OFF</h5>
                        </div>
                    </div>
                    <div class="content" style="position:absolute;right:15%;bottom:14%;text-align:right;">
                        <h2 style="font-weight:800;font-style:italic;color:#fff;margin-bottom:0;">HUGE <b style="font-weight:600;">SALE</b></h2>
                        <p style="font-weight:300;color:#fff;">Now starting at <b style="font-weight:600;">$99</b></p>
                        <a href="#">Shop now &gt;</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="grid2" style="position:relative;">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/grid2.jpg"}}" alt="" />
                    <div class="content" style="position:absolute;right:10%;top:5%;text-align:right;">
                        <h3 style="font-weight:400;color:#121213;">amazing</h3>
                        <h2 style="font-weight:800;color:#121213;margin-bottom:10px;">COLLECTION</h2>
                        <a style="color:#121213;margin:0;" href="#">Shop now &gt;</a>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="grid3 col-md-margin" style="position:relative;">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/grid3.jpg"}}" alt="" />
                    <div class="content" style="position:absolute;right:11.55%;top:25%;text-align:right;">
                        <p style="font-weight:300;color:#313131;">MOBILE</p>
                        <p style="font-weight:700;color:#313131;">MEGA SALE</p>
                        <h4 style="font-weight:400;color:#888;"><span>$</span>450.<span>00</span></h4>
                        <h3 class="theme-color" style="font-weight:400"><span>$</span>350.<span>00</span></h3>
                        <a href="#">Shop now &gt;</a>
                    </div>
                </div>
                <div class="grid4" style="position:relative;">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/10/slider/grid4.jpg"}}" alt="" />
                    <div class="content" style="position:absolute;left:0;top:17%;text-align:center;width:100%;">
                        <h2 style="font-weight:300;color:#000;"><b style="font-weight:600;font-style:italic;">Deals</b> +<br>PROMOS</h2>
                        <p style="font-weight:300;color:#000;opacity:0.7;filter:alpha(opacity=70);font-style:italic;">Limited sales in<br>our categories.</p>
                        <a class="btn btn-default" href="#">SHOP NOW <em class="porto-icon-right-open"></em></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 8</title>
         <identifier>porto_homeslider_8</identifier>
         <content><![CDATA[<div style="padding:15px 0 15px;background-color:#f4f4f4;">
  <div class="container">
    <div class="slider-with-side">
      <div class="slider-area">
        <div id="banner-slider-demo-5" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
          <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/slide1n.jpg"}}" alt="" />
            <div class="content">
              <div class="text-area">
                <h2 style="color:#fff;">up to 40% off</h2>
                <p style="color:#fff;">woman clothing</p>
                <a href="#" class="btn btn-default">Shop Now</a>
              </div>
            </div>
          </div>
          <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/slide2n.jpg"}}" alt="" />
            <div class="content">
              <div class="text-area">
                <h2 style="color:#fff;">up to 50% off</h2>
                <p style="color:#fff;">woman clothing</p>
                <a href="#" class="btn btn-default">Shop Now</a>
              </div>
            </div>
          </div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#banner-slider-demo-5").owlCarousel({
              items: 1,
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              dots: true,
              nav: false,
              navRewind: true,
              animateIn: 'fadeIn',
              animateOut: 'fadeOut',
              loop: true,
              lazyLoad: true
            });
          });
        </script>
      </div>
      <div class="side-area">
        <div class="item1">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner1n.jpg"}}" alt="" />
        </div>
        <div class="item2">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner2n.jpg"}}" alt="" />
        </div>
        <div class="item3">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner3n.jpg"}}" alt="" />
        </div>
      </div>
    </div>
  </div>
</div>
<div class="homepage-bar" style="background-color:#2f3946;border:0;padding:11px 0;">
  <div class="container">
    <div class="row">
      <div class="col-lg-4" style="text-align:left;">
        <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class="row" style="margin-top: 40px;">
    <div class="col-lg-9 col-md-8">
      <div class="filterproducts-tab" style="padding-top: 25px;">
        <div class="data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
          <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured">
            <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title">Featured Products</a>
          </div>
          <div class="data item content" id="featured" data-role="content">
            {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}}
          </div>
          <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest">
            <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title">Latest Products</a>
          </div>
          <div class="data item content" id="latest" data-role="content">
            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="grid.phtml"}}
          </div>
        </div>
      </div>
      <div class="grid-images" style="margin:20px 0;">
        <div class="row">
          <div class="col-md-4">
            <div class="grid1">
              <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/05/content/grid1.jpg"}}" alt="" /></a>
            </div>
            <div class="grid2">
              <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/05/content/grid2.jpg"}}" alt=""></a>
            </div>
          </div>
          <div class="col-md-8">
            <div class="grid3">
              <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/05/content/grid3.jpg"}}" alt=""></a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-3 col-md-4 sidebar">
      <div class="custom-block" style="padding-bottom:0;margin-bottom:0;">
        <div class="block block-border block-category-nav">
          <div class="block-title">Category</div>
          <div class="block-content">
            {{block class="Smartwave\Porto\Block\CategoryCollection" name="category_sidebar" template="Smartwave_Porto::category_side.phtml"}}
          </div>
        </div>
      </div>
      <div class="custom-block" style="margin:0;padding:0;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/banner-sidebar.jpg"}}" alt="" />
      </div>
      <h2 class="filterproduct-title" style="margin-top:30px;"><span class="content"><strong>FROM THE BLOG</strong></span></h2>
      <div id="latest_news" class="custom-block" style="padding-bottom:0;margin-bottom:10px;">
        <div class="recent-posts">
          <div class="recent-inner">
            <div class="post-image">
              <img src="{{media url="wysiwyg/smartwave/porto/blog/recent-img.jpg"}}" alt="" />
              <div class="post-date">
                <span class="day">07</span>
                <span class="month">Dec</span>
              </div>
            </div>
            <div class="post-content">
              <div class="postTitle">
                <h2><a href="#">Fashion News</a></h2>
              </div>
              <div class="postContent"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi…</p></div>
              <a class="readmore" href="#">(Read more)</a>
            </div>
          </div>
        </div>
      </div>
      <h2 class="side-title" style="background-image:none;line-height:33px;margin-bottom:14px;"><strong>Custom HTML Block</strong></h2>
      <p style="font-weight:400;font-size:13px;color:#767f84;line-height:24px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus </p>
    </div>
  </div>
</div>
<div class="brands-slide" style="background-color:#f4f4f4;padding: 30px 0;margin-top:100px;">
  <div class="container">
    <div class="owl-side-narrow">
      <div id="brands-slider-demo-8" class="brands-slider">
        <div class="owl-carousel">
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding-top:10px;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#brands-slider-demo-8 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 30,
              nav: true,
              navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"],
              dots: false,
              loop: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:4
                },
                992: {
                  items:5
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 8 Old Skin</title>
         <identifier>porto_homeslider_8_old</identifier>
         <content><![CDATA[<div style="padding:29px 0 36px;background-color:#f4f4f4;">
    <div class="container">
        <div class="slider-with-side">
            <div class="slider-area">
                <div id="banner-slider-demo-5" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
                    <div class="item">
                        <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/slide2.jpg"}}" alt="" />
                    </div>
                    <div class="item">
                        <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/slide1.jpg"}}" alt="" />
                        <div class="content" style="position:absolute;width:100%;height:100%;left:0;top:0;">
                            <div class="ribbon" style="position:absolute;text-align:right;">
                                <em style="font-weight:300;line-height:1;color:#fff;font-style:normal;">FEEL</em>
                                <h3 style="font-weight:700;line-height:1;color:#fff;">The</h3>
                                <h5 style="font-weight:600;line-height:1;color:#fff;">Power!</h5>
                            </div>
                            <div class="text-area" style="left:3%;bottom:15%;position:absolute;text-align:left;">
                                <h2 style="font-weight:600;line-height:1;color:#fff;background-color:#202020;background-color:rgba(23,23,23,.9);">EXPLORE <b style="font-weight:800;">PORTO</b></h2><br/>
                                <p style="line-height:1.2;color:#fff;background-color:#444;background-color:rgba(23,23,23,.75);">With <b>PORTO</b> you can customize the<br/>banners and styles whithin minutes.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#banner-slider-demo-5").owlCarousel({
                            items: 1,
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            dots: true,
                            nav: false,
                            navRewind: true,
                            animateIn: 'fadeIn',
                            animateOut: 'fadeOut',
                            loop: true
                        });
                    });
                </script>
            </div>
            <div class="side-area">
                <div class="item1">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner1.jpg"}}" alt="" />
                    <div class="content">
                        <em  style="color:#fff;font-weight:400;font-style:italic;line-height:1;">fashion</em>
                        <h2 style="color:#fff;font-weight:700;line-height:1;">TRENDS</h2>
                        <a href="#" style="color:#000;font-weight:300;line-height:1;">Shop now &gt;</a>
                    </div>
                </div>
                <div class="item2">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner2.jpg"}}" alt="" />
                    <div class="content">
                        <h2 style="color:#000;font-weight:300;line-height:1;"><b style="font-weight:600;font-style:italic;">Deals</b> + PROMOS</h2>
                        <p style="color:#777;font-weight:300;font-style:italic;vertical-align:bottom;line-height:1.2;float:left;">Limited sales in<br/>our categories.</p>
                        <a href="#" class="btn btn-default" style="color:#fff;font-weight:400;vertical-align:bottom;line-height:1;float:left;">SHOP NOW <i class="icon-right-dir"></i></a>
                        <div class="clearer"></div>
                    </div>
                </div>
                <div class="item3">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/05/slider/right-banner3.jpg"}}" alt="" />
                    <div class="content">
                        <h2  style="color:#fff;font-weight:600;line-height:1;">HUGE <b style="font-weight:800;">SALE</b></h2>
                        <p style="color:#b2b2b2;font-weight:300;line-height:1;">Now starting at <b style="font-weight:600;">$99</b></p>
                        <a href="#" style="font-weight:300;line-height:1;">Shop now &gt;</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="homepage-bar" style="background-color:#171717;border:0;padding:11px 0;text-align:center;line-height:1;">
    <div class="container">
        <div class="row">
            <div class="col-lg-4" style="border-color:#353535;">
                <em class="porto-icon-truck" style="font-size:36px;color:#fff;"></em><div class="text-area"><h3 style="color:#fff;">FREE SHIPPING & RETURN</h3><p style="color:#fff;">Free shipping on all orders over $99.</p></div>
            </div>
            <div class="col-lg-4" style="border-color:#353535;">
                <em class="porto-icon-dollar" style="color:#fff;"></em><div class="text-area"><h3 style="color:#fff;">MONEY BACK GUARANTEE</h3><p style="color:#fff;">100% money back guarantee.</p></div>
            </div>
            <div class="col-lg-4" style="border-color:#353535;">
                <em class="porto-icon-lifebuoy" style="font-size:32px;color:#fff;"></em><div class="text-area"><h3 style="color:#fff;">ONLINE SUPPORT 24/7</h3><p style="color:#fff;">Lorem ipsum dolor sit amet.</p></div>
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 9</title>
         <identifier>porto_homeslider_9</identifier>
         <content><![CDATA[<div id="banner-slider-demo-17" class="owl-carousel owl-banner-carousel owl-middle-narrow">
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/slide01_bg.jpg"}}) 30% no-repeat; background-size: cover;">
    <div class="container" style="position:relative">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="">
      <div class="content" style="position:absolute;top:30%;right:9%;text-align:left;">
        <em>Premium</em>
        <div class="clearer"></div>
        <h2>Headphones</h2>
        <p>Only <b style="font-weight:700;">199 USD</b></p>
        <a class="btn btn-default" href="#"><span>SHOP NOW</span></a>
      </div>
    </div>
  </div>
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/slide02_bg.jpg"}}) 30% no-repeat; background-size: cover;">
    <div class="container" style="position:relative">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/01/slider/02.png"}}" alt="">
      <div class="content" style="position:absolute;top:30%;left:9%;text-align:left;">
        <em>amazing</em>
        <div class="clearer"></div>
        <h2>micro drones</h2>
        <p>Only <b style="font-weight:700;">499 USD</b></p>
        <a class="btn btn-default" href="#"><span>SHOP NOW</span></a>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  require([
    'jquery',
    'owl.carousel/owl.carousel.min'
  ], function ($) {
    $("#banner-slider-demo-17").owlCarousel({
      items: 1,
      autoplay: true,
      autoplayTimeout: 5000,
      autoplayHoverPause: true,
      dots: false,
      nav: true,
      navRewind: true,
      animateIn: 'fadeIn',
      animateOut: 'fadeOut',
      loop: true,
      navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
    });
  });
</script>
<div style="background-color:#f4f4f4;">
  <div class="container">
    <div class="homepage-bar" style="margin:0;">
      <div class="row">
        <div class="col-lg-4" style="text-align:left;">
          <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
        </div>
        <div class="col-lg-4" style="text-align:center;">
          <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
        </div>
        <div class="col-lg-4" style="text-align:center;">
          <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="filterproducts-tab-main">
  <div class="container">
    <div class="filterproducts-tab" style="margin-top: 55px;">
      <div class="data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
        <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured">
          <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title">Featured Products</a>
        </div>
        <div class="data item content" id="featured" data-role="content">
          <div id="featured_product" class="owl-side-narrow">
            {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="0" image_width="360" image_height="360" template="owl_list.phtml"}}
          </div>
          <script type="text/javascript">
            require([
              'jquery',
              'owl.carousel/owl.carousel.min'
            ], function ($) {
              var featured_owl = $("#featured_product .owl-carousel").owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                loop: true,
                navRewind: true,
                margin: 0,
                nav: true,
                navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                dots: false,
                responsive: {
                  0: {
                    items:2
                  },
                  768: {
                    items:3
                  },
                  992: {
                    items:4
                  },
                  1200: {
                    items:5
                  }
                }
              });
            });

          </script>
        </div>
        <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest">
          <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title">Latest Products</a>
        </div>
        <div class="data item content" id="latest" data-role="content">
          <div id="latest_product" class="owl-side-narrow">
            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" aspect_ratio="0" image_width="360" image_height="360" template="owl_list.phtml"}}
          </div>
          <script type="text/javascript">
            require([
              'jquery',
              'owl.carousel/owl.carousel.min'
            ], function ($) {
              var latest_owl = $("#latest_product .owl-carousel").owlCarousel({
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                loop: true,
                navRewind: true,
                margin: 0,
                nav: true,
                navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                dots: false,
                responsive: {
                  0: {
                    items:2
                  },
                  768: {
                    items:3
                  },
                  992: {
                    items:4
                  },
                  1200: {
                    items:5
                  }
                }
              });
            });
          </script>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="padding-top: 37px;border-top:#e5e8e8 solid 1px;" class="custom-support">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <i class="porto-icon-star" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i>
        <div class="content">
          <h2>Dedicated Service</h2>
          <p>Consult our specialists for help<br>with an order, customization,<br>or design advice</p>
          <a href="#" class="btn btn-default">Get in Touch</a>
        </div>
      </div>
      <div class="col-md-4">
        <i class="porto-icon-reply" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i>
        <div class="content">
          <h2>Free returns</h2>
          <p>We stand behind our goods<br>and services and want you to be<br>satisfied with them.</p>
          <a href="#" class="btn btn-default">Return Policy</a>
        </div>
      </div>
      <div class="col-md-4">
        <i class="porto-icon-paper-plane" style="border-radius:50%;border:2px solid #7aa93c;color:#7aa93c;background-color:transparent;line-height:58px;font-size:25px;"></i>
        <div class="content">
          <h2>International shipping</h2>
          <p>Currently over 50 countries<br>qualify for express international<br>shipping.</p>
          <a href="#" class="btn btn-default">learn more</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="parallax-wrapper" style="margin: 50px 0 20px;">
  <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.75; filter: alpha(opacity=75);"></div>
  <div class="parallax" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/parallax_new_bg.jpg"}});">
    <div class="parallax-slider" style="position: relative; z-index: 3;">
      <div class="container">
        <div class="content">
          <h2>the perfect gift</h2>
          <span>Check off your list with our best gifts</span>
          <a href="#" class="btn btn-default">Shop Now</a>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="our-brands" style="border-bottom: #e5e8e8 solid 1px;padding:15px 0 30px;">
  <div class="container">
    <div class="owl-side-narrow">
      <div id="brands-slider-demo-17" class="brands-slider">
        <div class="owl-carousel">
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#brands-slider-demo-17 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 30,
              nav: true,
              navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
              dots: false,
              loop: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:4
                },
                992: {
                  items:5
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 9 Old Skin</title>
         <identifier>porto_homeslider_9_old</identifier>
         <content><![CDATA[<div id="banner-slider-demo-17" class="owl-carousel owl-banner-carousel owl-middle-narrow">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/layer1.jpg"}}) no-repeat; background-size: cover;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/slider/layer2.png"}}" alt="">
            <div class="content-17 type1" style="position:absolute;top:30%;left:9%;text-align:right">
                <em style="font-weight:300;font-style:normal;color:#a39a8c;float:left;">Feel the real</em>
                <div class="clearfix"></div>
                <h2 style="font-weight:400;font-style:italic;line-height:1;color:#79a939;margin:0;"><b style="font-weight:800">MOBILE</b> music</h2>
                <p style="color:#010101;font-weight:700;line-height:1;margin-bottom:15px">$999</p>
                <a href="#" style="font-weight:600;color:#1e1e1e;"><span>SHOP NOW</span><i class="porto-icon-angle-right theme-bg-color"></i></a>
            </div>
        </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/layer3.jpg"}}) no-repeat; background-size: cover;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/17/slider/layer4.png"}}" alt="">
        </div>
    </div>
</div>
<script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#banner-slider-demo-17").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: false,
            nav: true,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true,
            navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
        });
    });
</script>
<div class="homepage-bar">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <em class="porto-icon-truck" style="font-size:36px;"></em><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
            </div>
            <div class="col-lg-4">
                <em class="porto-icon-dollar"></em><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
            </div>
            <div class="col-lg-4">
                <em class="porto-icon-lifebuoy" style="font-size:32px;"></em><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="filterproducts-tab" style="margin-top: 40px;">
        <div class="data items" data-mage-init='{"tabs":{"openedState":"active"}}'>
            <div class="data item title" aria-labeledby="tab-label-featured-title" data-role="collapsible" id="tab-label-featured">
                <a class="data switch" tabindex="-1" data-toggle="switch" href="#featured" id="tab-label-featured-title">Featured</a>
            </div>
            <div class="data item content" id="featured" data-role="content">
                <div id="featured_product" class="owl-top-narrow hide-addtolinks hide-addtocart">
                    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="0" image_width="212" image_height="263" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#featured_product .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: true,
                            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                            dots: false,
                            responsive: {
                                0: {
                                    items:2
                                },
                                768: {
                                    items:3
                                },
                                992: {
                                    items:3
                                },
                                1200: {
                                    items:4
                                }
                            }
                        });
                    });
                </script>
            </div>
            <div class="data item title" aria-labeledby="tab-label-latest-title" data-role="collapsible" id="tab-label-latest">
                <a class="data switch" tabindex="-1" data-toggle="switch" href="#latest" id="tab-label-latest-title">Latest</a>
            </div>
            <div class="data item content" id="latest" data-role="content">
                <div id="latest_product" class="owl-top-narrow hide-addtolinks hide-addtocart">
                    {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="featured_product" product_count="10" aspect_ratio="0" image_width="212" image_height="263" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#latest_product .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: true,
                            navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                            dots: false,
                            responsive: {
                                0: {
                                    items:2
                                },
                                768: {
                                    items:3
                                },
                                992: {
                                    items:3
                                },
                                1200: {
                                    items:4
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<div style="padding-top: 40px;" class="custom-support">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <em class="porto-icon-star" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Customer Support</h2>
                    <em>YOU WON'T BE ALONE</em>
                    <p>We really care about you and your website as much as you do. Purchasing Porto or any other theme from us you get 100% free support.</p>
                </div>
            </div>
            <div class="col-md-4">
                <em class="porto-icon-reply" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Fully Customizable</h2>
                    <em>TONS OF OPTIONS</em>
                    <p>With Porto you can customize the layout, colors and styles within only a few minutes. Start creating an amazing website right now!</p>
                </div>
            </div>
            <div class="col-md-4">
                <em class="porto-icon-paper-plane" style="border-radius:50%;border:2px solid #cecece;color:#333;background-color:transparent;line-height:58px;font-size:25px;"></em>
                <div class="content">
                    <h2>Powerful Admin</h2>
                    <em>MADE TO HELP YOU</em>
                    <p>Porto has very powerful admin features to help customer to build their own shop in minutes without any special skills in web development.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="parallax-wrapper" style="margin: 50px 0 20px;">
    <div class="overlay overlay-color" style="background-color: #000000; opacity: 0.75; filter: alpha(opacity=75);"></div>
    <div class="parallax" style="background-image: url({{media url="wysiwyg/smartwave/porto/homepage/17/slider/parallax_bg.jpg"}});">
        <div class="parallax-slider" style="position: relative; z-index: 3;">
            <div class="container">
                <div id="parallax-slider-demo-17" class="owl-carousel">
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                    <div class="item">
                        <h2 style="font-weight:600;">EXPLORE <b style="font-weight:800;">PORTO</b></h2>
                        <p style="font-weight:300;">Premium theme, unlimited possibilities...</p>
                        <a href="#" style="font-weight:300;">Purchase now &gt;</a>
                    </div>
                </div>
            </div>
            <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#parallax-slider-demo-17").owlCarousel({
                        items: 1,
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        dots: true,
                        nav: false,
                        loop: true,
                        navRewind: true
                    });
                });
            </script>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 10</title>
         <identifier>porto_homeslider_10</identifier>
         <content><![CDATA[<div class="container">
  <div id="banner-slider-demo-7" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
    <div class="item">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/slider/01n.jpg"}}" alt="" style="width: 100%;" />
    </div>
    <div class="item">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/slider/02n.jpg"}}" alt="" style="width: 100%;" />
      <div class="content" style="position:absolute;top:30%;right:15%;text-align:center;">
        <div class="text-area">
          <p style="color:#111111;">UP TO 70% off</p>
          <h2 style="color:#111111;">Womens Clothing</h2>
          <a href="#" class="btn btn-default">Shop Now</a>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#banner-slider-demo-7").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: true,
        nav: false,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 10 Old Skin</title>
         <identifier>porto_homeslider_10_old</identifier>
         <content><![CDATA[<div class="container">
    <div id="banner-slider-demo-7" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/slider/slide1.jpg"}}" alt="" style="width: 100%;" />
        </div>
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/slider/slide2.jpg"}}" alt="" style="width: 100%;" />
        </div>
        <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/07/slider/slide3.jpg"}}" alt="" style="width: 100%;" />
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#banner-slider-demo-7").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                nav: true,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>

</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 11</title>
         <identifier>porto_homeslider_11</identifier>
         <content><![CDATA[<div class="container">
  <div id="banner-slider-demo-18" class="owl-carousel owl-middle-narrow owl-banner-carousel">
    <div class="item" style="position: relative;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/slider/01n.jpg"}}" alt=""/>
      <div class="content-1 content" style="background-color: #d92a2e; color: #fff;">
        <div style="padding: 30px 26px 30px 45px;">
          <p style="color:#fff;">Furniture & Garden</p>
          <h3 style="color:#fff;">HUGE SALE</h3>
        </div>
        <div style="text-align:right;padding-right: 45px;">
          <h4 style="color:#fff;">40</h4>
          <h5 style="color:#fff;">%<br><b style="font-size:14px;font-weight:300;">OFF</b></h5>
        </div>
        <div class="action">
          <a href="#">Shop Now</a>
        </div>
      </div>
    </div>
    <div class="item" style="position: relative;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/slider/02n.jpg"}}" alt=""/>
      <div class="content-1 content" style="background-color: #2f2727; color: #fff;left:0;right:auto;">
        <div style="padding: 30px 26px 30px 45px;">
          <p style="color:#fff;">Furniture & Garden</p>
          <h3 style="color:#fff;">HUGE SALE</h3>
        </div>
        <div style="text-align:right;padding-right: 45px;">
          <h4 style="color:#fff;">40</h4>
          <h5 style="color:#fff;">%<br><b style="font-size:14px;font-weight:300;">OFF</b></h5>
        </div>
        <div class="action">
          <a href="#" style="background-color:#d92a2e;">Shop Now</a>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#banner-slider-demo-18").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        nav: true,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"]
      });
    });
  </script>
  <div class="single-images" style="margin-top:36px;">
    <div class="row" style="margin-left:-10px;margin-right:-10px;">
      <div class="col-md-4" style="padding:10px">
        <div class="single-image-label">SHOP LIVING ROOM</div>
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/image01n.jpg"}}" alt="">
        </a>
        <div class="caption">LIVING ROOM STARTING <span style="float:right;color:#858585;">Starting at <b style="color:#d92a2e;">$999</b></span></div>
      </div>
      <div class="col-md-4" style="padding:10px">
        <div class="single-image-label">SHOP DINING ROOM</div>
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/image02n.jpg"}}" alt="">
        </a>
        <div class="caption">DINING ROOM STARTING <span style="float:right;color:#858585;">Starting at <b style="color:#d92a2e;">$999</b></span></div>
      </div>
      <div class="col-md-4" style="padding:10px">
        <div class="single-image-label">SHOP BEDROOM</div>
        <a class="image-link" href="#">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/image03n.jpg"}}" alt="">
        </a>
        <div class="caption">DINING ROOM STARTING <span style="float:right;color:#858585;">Starting at <b style="color:#d92a2e;">$999</b></span></div>
      </div>
    </div>
  </div>
  <div style="padding-top: 20px;">
    <h2 class="filterproduct-title"><span class="content"><strong>Top Selling Items</strong></span></h2>
    <div id="featured_product" class="owl-top-narrow hide-addtolinks">
      {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" move_actions="1" aspect_ratio="0" image_width="300" image_height="345" template="owl_list.phtml"}}
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        $("#featured_product .owl-carousel").owlCarousel({
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          loop: true,
          navRewind: true,
          margin: 10,
          nav: false,
          navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
          dots: false,
          responsive: {
            0: {
              items:2
            },
            768: {
              items:3
            },
            992: {
              items:4
            },
            1200: {
              items:4
            }
          }
        });
      });
    </script>
  </div>
</div>
<div class="our-brands" style="border-bottom: #f4f4f4 solid 1px;border-top: #f4f4f4 solid 1px;padding:15px 0 15px;margin-top:15px;">
  <div class="container">
    <div class="owl-side-narrow">
      <div id="brands-slider-demo-18" class="brands-slider">
        <div class="owl-carousel">
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand1.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand2.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand3.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand4.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;"><img src="{{media url="wysiwyg/smartwave/porto/brands/05/brand5.png"}}" alt="" /></div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#brands-slider-demo-18 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 30,
              nav: true,
              navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
              dots: false,
              loop: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:4
                },
                992: {
                  items:5
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div class="our-instagram" style="margin-top: 40px;">
  <h2 class="filterproduct-title"><span class="content"><strong>Follow on instagram</strong></span></h2>
  <div class="main-instagram">
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta1.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta2.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta3.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta4.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta5.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta6.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta7.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta8.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta9.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
    <div class="item">
      <a href="#"><img src="{{media url="wysiwyg/smartwave/porto/homepage/18/content/insta10.jpg"}}" alt/><span class="content"><i class="porto-icon-instagram"></i></span></a>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 11 Old Skin</title>
         <identifier>porto_homeslider_11_old</identifier>
         <content><![CDATA[<div class="container">
    <div id="banner-slider-demo-18" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item" style="position: relative;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/slider/01.jpg"}}" alt=""/>
            <div class="content-1" style="background-color: #b81d21; color: #fff;">
                <div>
                    <p style="color:#fff;">Furniture &amp; Garden</p>
                    <h3 style="color:#fff;">HUGE<br><b>SALE</b></h3>
                </div>
                <div style="text-align:right;">
                    <em style="color:#fff;">up to</em>
                    <h4 style="color:#fff;">40%</h4>
                    <h5 style="color:#fff;">OFF</h5>
                </div>
            </div>
        </div>
        <div class="item" style="position: relative;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/18/slider/02.jpg"}}" alt=""/>
            <div class="content-2" style="background-color: #333333; color: #fff;">
                <div>
                    <p style="color:#fff;">Furniture &amp; Garden</p>
                    <h3 style="color:#fff;">SPECIAL <b>PROMO</b></h3>
                </div>
                <div style="text-align:right;border: 1px solid #ccc;border-width: 0 1px;">
                    <em style="color:#fff;">up to</em>
                    <h4 style="color:#fff;">40%</h4>
                    <h5 style="color:#fff;">OFF</h5>
                </div>
                <div>
                    <a style="color:#fff;" href="#">SHOP NOW <i class="porto-icon-right-dir"></i></a>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#banner-slider-demo-18").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                nav: true,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>

</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 13</title>
         <identifier>porto_homeslider_13</identifier>
         <content><![CDATA[<div class="full-screen-slider">
  <div id="banner-slider-demo-4" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/slide1n.jpg"}}) 80% center no-repeat; background-size:cover;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/02.png"}}" alt=""/>
      <div class="slide1-content content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
        <div class="container" style="height:100%;position:relative;">
          <div class="content-area" style="position:absolute;top:37%;left:20px;text-align:left;">
            <div class="text1" style="">up to<br><b class="inner1">50</b><span class="inner2">%<br><b class="inner3">Off</b></span></div>
            <h2 class="text2">summer sale</h2>
            <p class="text3" style="">Now starting at <b style="font-weight:700;">$99.00</b></p>
            <a href="#" class="btn btn-default">Shop Now</a>
          </div>
        </div>
      </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/slide2n.jpg"}}) 20% center no-repeat; background-size:cover;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/14/slider/02.png"}}" alt=""/>
      <div class="slide2-content content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
        <div class="container" style="height:100%;position:relative;">
          <div class="content-area" style="position:absolute;top:37%;right:20px;text-align:left;">
            <h2 class="text1">COOL SHOES</h2>
            <p class="text2">$ 199</p>
            <p class="text3">* blue of orange while it last</p>
            <a href="#" class="btn btn-default">Shop Now</a>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#banner-slider-demo-4").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        navRewind: true,
        dots: false,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        nav: false,
        dots:true,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
      $(".main-container").remove();
    });
  </script>
</div>
<div class="row" style="margin:0;">
  <div class="col-md-3 col-6" style="padding:0;">
    <a class="image-link" href="#">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image01n.jpg"}}" alt="" />
    </a>
  </div>
  <div class="col-md-3 col-6" style="padding:0;">
    <a class="image-link" href="#">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image02n.jpg"}}" alt="" />
    </a>
  </div>
  <div class="col-md-3 col-6" style="padding:0;">
    <a class="image-link" href="#">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image03n.jpg"}}" alt="" />
    </a>
  </div>
  <div class="col-md-3 col-6" style="padding:0;">
    <a class="image-link" href="#">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image04n.jpg"}}" alt="" />
    </a>
  </div>
</div>
<div class="row" style="margin:0;">
  <div class="col-md-6 md-order-12" style="padding:0;">
    <div id="half-image-1" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/men_new.jpg"}}) center center no-repeat;background-size:cover;width:100%;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/men_new.jpg"}}" style="width:100%;visibility:hidden;" alt="" />
      <div class="content" style="position:absolute;top:41%;left:15%;line-height:1;font-size:60px;font-family:'Oswald';letter-spacing:0.05em;text-transform:uppercase;text-align:left;color:#fff;">Men’s<br>Collection</div>
    </div>
  </div>
  <div id="half-content-1" class="col-md-6" style="padding:4% 6% 1.5%;position:relative;text-align:left;">
    <h3 class="fullwidth-filter-title">New Mens Collection</h3>
    <p class="fullwidth-filter-description">Yes, this is our new collection, check it out our new arrivals.</p>
    <div id="men_product" class="product-padding product-banner owl-top-narrow no-border" style="margin-top: 25px;">
      {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="men_product" product_count="4" aspect_ratio="0" image_width="300" image_height="400" template="owl_list.phtml"}}
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        $("#men_product .owl-carousel").owlCarousel({
          loop: true,
          margin: 0,
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          navRewind: true,
          nav: true,
          dots: false,
          navText: ["<em class='porto-icon-angle-left'></em>","<em class='porto-icon-angle-right'></em>"],
          responsive: {
            0: {
              items:1
            },
            640: {
              items:2
            }
          }
        });
      });
    </script>
  </div>
</div>
<div class="row" style="margin:0;">
  <div class="col-md-6" style="padding:0;">
    <div id="half-image-2" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/women_new.jpg"}}) center center no-repeat;background-size:cover;width:100%;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/women_new.jpg"}}" style="width:100%;visibility:hidden;" alt="" />
      <div class="content" style="position:absolute;top:41%;left:15%;line-height:1;font-size:60px;font-family:'Oswald';letter-spacing:0.05em;text-transform:uppercase;text-align:left;color:#fff;">Woman’s<br>Collection</div>
    </div>
  </div>
  <div id="half-content-2" class="col-md-6" style="padding:4% 6% 1.5%;position:relative;text-align:left;">
    <h3 class="fullwidth-filter-title">New ladies Collection</h3>
    <p class="fullwidth-filter-description">Yes, this is our new collection, check it out our new arrivals.</p>
    <div id="women_product" class="product-padding product-banner owl-top-narrow no-border" style="margin-top: 25px;">
      {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="women_product" product_count="4" aspect_ratio="0" image_width="300" image_height="346" template="owl_list.phtml"}}
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        $("#women_product .owl-carousel").owlCarousel({
          loop: true,
          margin: 0,
          autoplay: true,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          navRewind: true,
          nav: true,
          dots: false,
          navText: ["<em class='porto-icon-angle-left'></em>","<em class='porto-icon-angle-right'></em>"],
          responsive: {
            0: {
              items:1
            },
            640: {
              items:2
            }
          }
        });
      });
    </script>
  </div>
</div>
<div style="text-align:left; padding:95px 15px;background-color:#e0e2e3;">
  <h3 class="fullwidth-filter-title" style="text-align:center;margin-bottom:10px;">Featured Products</h3>
  <span style="text-align:center;display:block;font-size:15px;color:#646a70;letter-spacing:0.025em;margin-bottom:10px;">Check it out our new arrivals.</span>
  <div id="fashion_product" class="product-padding no-border" style="margin-top: 25px;">
    {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" aspect_ratio="1" image_width="400" template="owl_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#fashion_product .owl-carousel").owlCarousel({
        loop: true,
        margin: 0,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        navRewind: true,
        nav: false,
        dots: true,
        responsive: {
          0: {
            items:2
          },
          768: {
            items:3
          },
          992: {
            items:4
          },
          1200: {
            items:5
          }
        }
      });
    });
  </script>
</div>
<script type="text/javascript">
  require([
    'jquery'
  ], function ($) {
    $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
    $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
    setTimeout(function(){
      $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
      $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
    }, 5000);
    $(window).resize(function(){
      setTimeout(function(){
        $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
        $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
      }, 500);
    });
  });
</script>
<style type="text/css">
  .product-item-photo {
    border-radius: 0;
    border: 0;
  }
  #banner-slider-demo-4 .slide1-content .content-area .text1 {
  	position: relative;
    font-family:'Oswald';
    font-size:18px;
    letter-spacing:-0.01em;
    text-transform:uppercase;
    color:#fff;
    line-height:1;
    font-weight:400;
  }
  #banner-slider-demo-4 .slide1-content .content-area .text1 .inner1{
  	font-size:64px;color:#fff;letter-spacing:-0.01em;display:inline-block;display:inline-block;text-shadow: 5px 3px #92a9b3;font-weight:600;margin-top:5px;font-family:'Poppins';margin-left:-4px;margin-right: 5px;
  }
  #banner-slider-demo-4 .slide1-content .content-area .text1 .inner2{
    position:absolute;top:23px;font-size:33px;font-weight: 400;font-family: 'Open Sans';
  }
  #banner-slider-demo-4 .slide1-content .content-area .text1 .inner3{
  	font-family:'Oswald';font-size:18px;letter-spacing:0.075em;color:#fff;font-weight:400;display:block;
  }
  #banner-slider-demo-4 .slide1-content .content-area .text2 {
    font-family:'Oswald';font-size:80px;font-weight:700;text-transform:uppercase;color:#fff;line-height:1;margin-top:30px;
  }
  #banner-slider-demo-4 .slide1-content .content-area .text3 {
    font-weight:400;color:#fff;line-height:1;text-transform: uppercase;font-size: 20px;letter-spacing: 0.075em;margin-bottom:35px;
  }
  #banner-slider-demo-4 .slide1-content .content-area .btn-default {
    text-transform:uppercase;padding:14px 20px;border-radius:2px;font-family:'Oswald';letter-spacing:0.05em;font-size:14px;line-height:1;color:#fff;
  }
  #banner-slider-demo-4 .slide2-content .content-area .text1 {
  	font-family:'Oswald';font-size:80px;font-weight:700;text-transform:uppercase;color:#fff;line-height:1;margin-bottom:25px;
  }
  #banner-slider-demo-4 .slide2-content .content-area .text2 {
    font-family:'Poppins';font-weight:600;color:#fff;line-height:1;text-transform: uppercase;font-size: 64px;letter-spacing: -0.01em;text-shadow: 5px 3px #92a9b3;margin: 0 0 25px;
  }
  #banner-slider-demo-4 .slide2-content .content-area .text3 {
    font-family:'Oswald';font-size:18px;font-weight:400;letter-spacing:-0.01em;color:#fff;margin:0;text-transform:uppercase;margin: 0 0 35px;
  }
  #banner-slider-demo-4 .slide2-content .content-area .btn-default {
    text-transform:uppercase;padding:14px 20px;border-radius:2px;font-family:'Oswald';letter-spacing:0.05em;font-size:14px;width:auto;height:auto;line-height:1;color:#fff;
  }
  @media(max-width:767px){
    #banner-slider-demo-4 .slide1-content .content-area .text1 {
      font-size:10px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text1 .inner1 {
      font-size: 35px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text1 .inner2 {
      top: 18px;
      font-size: 13px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text1 .inner3 {
      font-size: 10px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text2 {
      font-size: 40px;
      margin-top: 10px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text3 {
      font-size: 10px;
      margin-bottom: 15px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .btn-default {
      padding: 8px 10px;
      font-size: 12px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .text1 {
      font-size: 40px;
      margin-bottom: 10px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .text2 {
      font-size: 33px;
      margin: 0 0 7px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .text3 {
      font-size: 10px;
      margin: 0 0 13px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .btn-default {
      padding: 8px 10px;
      font-size: 11px;
    }
    #banner-slider-demo-4 .owl-controls {
      display:none!important;
    }
  }
  @media(max-width:320px){
    #banner-slider-demo-4 .slide1-content .content-area .text1 .inner1 {
      font-size: 33px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text2 {
      font-size: 34px;
      margin-top: 7px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .text3 {
      font-size: 9px;
      margin-bottom: 12px;
    }
    #banner-slider-demo-4 .slide1-content .content-area .btn-default {
      padding: 7px 9px;
      font-size: 10px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .text1 {
      font-size: 33px;
      margin-bottom: 10px;
    }
    #banner-slider-demo-4 .slide2-content .content-area .text2 {
      font-size: 30px;
      margin: 0 0 7px;
      text-shadow: 3px 2px #92a9b3;
    }
    #banner-slider-demo-4 .slide2-content .content-area .btn-default {
      padding: 7px 9px;
      font-size: 10px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 13 Old Skin</title>
         <identifier>porto_homeslider_13_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-4" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/slide1.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide1-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:37%;left:7%;text-align:center;">
                        <div style="margin:0;line-height:1;">
                            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
                            <em style="display:inline-block;vertical-align:middle;line-height:1;color:#fff;font-weight:300;font-style:normal;">DO YOU NEED A NEW</em>
                            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
                        </div>
                        <h2 style="font-weight:800;color:#fff;line-height:1;">eCOMMERCE?</h2>
                        <p style="font-weight:300;color:#fff;line-height:1;">Check our options and features.</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/slide2.jpg"}}) 20% center no-repeat; background-size:cover;"></div>
            <div class="slide2-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:40%;right:20%;text-align:left;">
                        <em style="display:block;line-height:1;color:#fff;font-weight:300;font-style:normal;">up to <b>70%</b> off!</em>
                        <h2 style="font-weight:600;color:#fff;line-height:1;">HUGE <b style="font-weight:800;">SALE</b></h2>
                        <p style="font-weight:600;color:#fff;line-height:1;">Fashion<span class="split">-</span>Electronics<span class="split">-</span>Gifts<span class="split">-</span>Music<span class="split">-</span>Sports</p>
                        <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/slide3.jpg"}}) center center no-repeat; background-size:cover;"></div>
            <div class="slide3-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;left:0;top:40%;text-align:center;width:100%;">
                        <div style="display:inline-block;">
                            <em style="display:block;line-height:1;margin:0;color:#fff;font-weight:300;font-style:normal;text-align:right;">It’s time to feel</em>
                            <h2 style="font-weight:600;color:#fff;line-height:1;text-align:center;">THE <b style="font-weight:800;">POWER</b></h2>
                            <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#banner-slider-demo-4").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                navRewind: true,
                dots: false,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
            $(".main-container").remove();
        });
    </script>
</div>
<div class="row" style="margin:0;">
    <div class="col-md-3 col-6" style="padding:0;">
        <a class="image-link" href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image01.jpg"}}" alt="" />
        </a>
    </div>
    <div class="col-md-3 col-6" style="padding:0;">
        <a class="image-link" href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image02.jpg"}}" alt="" />
        </a>
    </div>
    <div class="col-md-3 col-6" style="padding:0;">
        <a class="image-link" href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image03.jpg"}}" alt="" />
        </a>
    </div>
    <div class="col-md-3 col-6" style="padding:0;">
        <a class="image-link" href="#">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/image04.jpg"}}" alt="" />
        </a>
    </div>
</div>
<div class="row" style="margin:0;background-color:#f9f9f9;">
    <div class="col-md-6 md-order-12" style="padding:0;">
        <div id="half-image-1" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/men.jpg"}}) center left no-repeat;background-size:cover;width:100%;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/men.jpg"}}" style="width:100%;visibility:hidden;" alt="" />
        </div>
    </div>
    <div id="half-content-1" class="col-md-6" style="padding:4% 6% 1.5%;position:relative;text-align:left;">
        <h3 class="fullwidth-filter-title">Amazing New<br/>Collection</h3>
        <p class="fullwidth-filter-description">Yes, this is our new collection, check it<br/>out our new arrivals.</p>
        <div id="men_product" class="hide-addtocart hide-addtolinks no-border" style="margin-top: 25px;">
            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="men_product" product_count="4" aspect_ratio="0" image_width="400" image_height="496" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
            require([
                'jquery',
                'owl.carousel/owl.carousel.min'
            ], function ($) {
                $("#men_product .owl-carousel").owlCarousel({
                    loop: true,
                    margin: 10,
                    autoplay: true,
                    autoplayTimeout: 5000,
                    autoplayHoverPause: true,
                    navRewind: true,
                    nav: false,
                    dots: true,
                    responsive: {
                        0: {
                            items:1
                        },
                        640: {
                            items:2
                        }
                    }
                });
            });
        </script>
    </div>
</div>
<div class="row" style="margin:0;background-color:#f9f9f9;">
    <div class="col-md-6" style="padding:0;">
        <div id="half-image-2" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/04/slider/women.jpg"}}) center right no-repeat;background-size:cover;width:100%;">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/04/slider/women.jpg"}}" style="width:100%;visibility:hidden;" alt="" />
        </div>
    </div>
    <div id="half-content-2" class="col-md-6" style="padding:4% 6% 1.5%;position:relative;text-align:left;">
        <h3 class="fullwidth-filter-title">Amazing New<br/>Collection</h3>
        <p class="fullwidth-filter-description">Yes, this is our new collection, check it<br/>out our new arrivals.</p>
        <div id="women_product" class="hide-addtocart hide-addtolinks no-border" style="margin-top: 25px;">
            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="women_product" product_count="4" aspect_ratio="0" image_width="400" image_height="496" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
            require([
                'jquery',
                'owl.carousel/owl.carousel.min'
            ], function ($) {
            $("#women_product .owl-carousel").owlCarousel({
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                navRewind: true,
                nav: false,
                dots: true,
                responsive: {
                    0: {
                        items:1
                    },
                    640: {
                        items:2
                    }
                }
            });
        });
    </script>
    </div>
</div>
<div style="text-align:left; padding: 30px;">
    <h3 class="fullwidth-filter-title">Amazing New<br/>Collection</h3>
    <div id="fashion_product" class="hide-addtocart hide-addtolinks no-border" style="margin-top: 25px;">
         {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" aspect_ratio="0" image_width="400" image_height="496" template="owl_list.phtml"}}
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#fashion_product .owl-carousel").owlCarousel({
                loop: true,
                margin: 10,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                navRewind: true,
                nav: false,
                dots: true,
                responsive: {
                    0: {
                        items:2
                    },
                    768: {
                        items:3
                    },
                    992: {
                        items:4
                    },
                    1200: {
                        items:5
                    }
                }
            });
        });
    </script>
</div>
<script type="text/javascript">
    require([
        'jquery'
    ], function ($) {
        $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
        $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
    setTimeout(function(){
        $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
        $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
    }, 5000);
    $(window).resize(function(){
        setTimeout(function(){
            $("#half-image-1").css("min-height",$("#half-content-1").outerHeight()+"px");
            $("#half-image-2").css("min-height",$("#half-content-2").outerHeight()+"px");
        }, 500);
    });
});
</script>
<style type="text/css">
.product-item-photo {
    border-radius: 0;
    border: 0;
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 14</title>
         <identifier>porto_homeslider_14</identifier>
         <content><![CDATA[<div class="container">
  <div id="banner-slider-demo-8" class="owl-carousel owl-middle-narrow owl-banner-carousel">
    <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/slider/slide01n.jpg"}}" alt="" />
    </div>
    <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/slider/slide02n.jpg"}}" alt="" />
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      var owl_8 = $("#banner-slider-demo-8").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        nav: true,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
    });
  </script>
</div>
<div class="homepage-bar">
  <div class="container">
    <div class="row">
      <div class="col-lg-4" style="text-align:left;">
        <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
      </div>
    </div>
  </div>
</div> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 14 Old Skin</title>
         <identifier>porto_homeslider_14_old</identifier>
         <content><![CDATA[<div class="container">
    <div id="banner-slider-demo-8" class="owl-carousel owl-middle-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/slider/slide1.jpg"}}" alt="" />
            <div class="slide1-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:37%;width:100%;text-align:center;">
                        <h2 style="font-weight:800;color:#fff;line-height:1;">eCOMMERCE?</h2>
                        <p style="font-weight:300;color:#fff;line-height:1;"><img src="{{media url="wysiwyg/smartwave/porto/homepage/03/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>&nbsp;&nbsp;&nbsp;&nbsp;Check our options and features.&nbsp;&nbsp;&nbsp;&nbsp;<img src="{{media url="wysiwyg/smartwave/porto/homepage/03/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/slider/slide2.jpg"}}" alt="" />
            <div class="slide2-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;top:27%;right:23%;text-align:left;">
                        <em style="display:block;line-height:1;color:#fff;font-weight:300;font-style:normal;">up to <b>70%</b> off!</em>
                        <h2 style="font-weight:600;color:#fff;line-height:1;">HUGE <b style="font-weight:800;">SALE</b></h2>
                        <p style="font-weight:600;color:#fff;line-height:1;">Fashion<span class="split">-</span>Electronics<span class="split">-</span>Gifts<span class="split">-</span>Music<span class="split">-</span>Sports</p>
                        <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/08/slider/slide3.jpg"}}" alt="" />
            <div class="slide3-content" style="width:100%;height:100%;position:absolute;left:0;top:0;">
                <div class="container" style="height:100%;position:relative;">
                    <div class="content-area" style="position:absolute;left:17%;top:32%;">
                        <div style="display:inline-block;">
                            <em style="display:block;line-height:1;margin:0;color:#fff;font-weight:300;font-style:normal;text-align:left;">It’s time to feel</em>
                            <h2 style="font-weight:600;color:#fff;line-height:1;text-align:center;">THE <b style="font-weight:800;">POWER</b></h2>
                            <div style="text-align:right;"><a href="#" class="btn btn-default" style="border:0;background-color:#fefefe;color:#777;font-weight:600;">SHOP NOW</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_8 = $("#banner-slider-demo-8").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: true,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 15</title>
         <identifier>porto_homeslider_15</identifier>
         <content><![CDATA[<div id="parallax_01" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_01n.jpg"}}) 50% 0 no-repeat fixed; color: #fff; height: 100vh;width: 100%; padding: 0; position: relative;">
  <div class="container">
    <div class="parallax-content-13" style="text-align: right; position: absolute; top: 37%;left:22%;">
      <span class="border"><img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/border-text1.png"}}"/></span>
      <div style="position:relative;z-index:2">
        <h2>FASHION SALE</h2>
        <p>50% Off</p>
        <a href="#" class="btn btn-default">Get the offer</a>
      </div>
    </div>
  </div>
</div>
<div id="parallax_02" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_02n.jpg"}}) 50% 0 no-repeat fixed; color: #fff; width: 100%;">
  <div class="parallax-content-13">
    <div class="container" style="text-align: right;">
      <div class="text-content" style="display: inline-block;text-align:left;">
        <span style="color:#161616;line-height:1;font-weight:300;margin:0;text-align:left;">Fashion Dresses</span>
        <h2 style="color: #161616; vertical-align: top;">Fashion Clothes <a href="#" class="btn btn-default">SHOP NOW</a></h2>
      </div>
      <div style="text-align: left;">
        <div id="featured_products_1" class="owl-side-narrow" style="margin: 0 -10px;">
          {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="272" image_height="337" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#featured_products_1 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              loop: true,
              navRewind: true,
              margin: 0,
              nav: true,
              dots: false,
              navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
              responsive: {
                0: {
                  items:2
                },
                768: {
                  items:3
                },
                992: {
                  items:4
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div id="parallax_03" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_03n.jpg"}}) 50% 0 no-repeat fixed; color: #fff; width: 100%;">
  <div class="parallax-content-13">
    <div class="container" style="text-align: left;">
      <div class="text-content" style="display: inline-block;">
        <span style="color: #161616; line-height: 1;font-weight:300;margin:0;">NEW ARRIVALS</span>
        <h2 style="color: #161616; vertical-align: top;">Fashion Sunglasses <a href="#" class="btn btn-default">SHOP NOW</a></p>
      </div>
      <div style="text-align: left;">
        <div id="featured_products_2" class="owl-side-narrow" style="margin: 0 -10px;">
          {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="272" image_height="337" template="owl_list.phtml"}}
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#featured_products_2 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              loop: true,
              navRewind: true,
              margin: 0,
              nav: true,
              dots: false,
              navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
              responsive: {
                0: {
                  items:2
                },
                768: {
                  items:3
                },
                992: {
                  items:4
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<div id="parallax_04" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_04n.jpg"}}) 50% 0 no-repeat fixed; color: #fff; height: 100vh;margin: 0; padding: 0;position: relative;">
  <div class="container">
    <div class="parallax-content-13" style="text-align: right; position: absolute; top: 37%;right:22%;">
      <span class="border"><img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/border-text2.png"}}"/></span>
      <div style="position:relative;z-index:3;">
        <h3>Up to 70% OFF</h3>
        <h2>Connect with</h2>
        <p>the best tech!</p>
        <a href="#" class="btn btn-default">Get the offer</a>
      </div>
    </div>
  </div>
</div>
<style>
  .column.main,.columns .column.main {
    padding:0;
    min-height: auto;
  }
  .page-main {
    padding-top: 0;
    padding-bottom: 0;
  }
  .columns .column.main p {margin:0;}
  #parallax_01 .parallax-content-13 {
    font-family: 'Oswald';
    font-size:63px;
    letter-spacing: 0.01em;
  }
  #parallax_01 .parallax-content-13 .border {
    position: absolute;
    height: 290px;
    width: 178px;
    top: -25.2%;
    z-index: 1;
    left: 65.23%;
  }
  #parallax_01 .parallax-content-13 h2 {
    color:#161616;
    line-height:1;
    font-weight: 600;
    margin-right: 62px;
    margin-bottom: 17px;
    margin-top:15px;
  }
  #parallax_01 .parallax-content-13 p{
    font-size:80px;
    font-weight: 300;
    color:#161616;
    line-height:1;
    margin-right: 62px;
  }
  #parallax_01 .parallax-content-13 a {
    font-size:18px;
    color:#fff;
    padding: 22px 35px;
    letter-spacing: 0.025em;
    text-transform:uppercase;
    margin-top: 22px;
  }
  #parallax_02, #parallax_03 {
    padding: 144px 0;
  }
  #parallax_02 .parallax-content-13 .text-content,#parallax_03 .parallax-content-13 .text-content {
    font-family: 'Oswald';
    font-weight:300;
    letter-spacing:0.075em;
    text-transform:uppercase;
    margin-bottom: 130px;
  }
  #parallax_02 .parallax-content-13 .text-content span, #parallax_03 .parallax-content-13 .text-content span {
    font-size: 26px;
    letter-spacing:0.075em;
  }
  #parallax_02 .parallax-content-13 .text-content h2,#parallax_03 .parallax-content-13 .text-content h2 {
    font-size: 44px;
    font-weight:400;
    letter-spacing:0.075em;
  }
  #parallax_02 .parallax-content-13 .text-content a,#parallax_03 .parallax-content-13 .text-content a {
    font-size: 15px;
    font-weight:600;
    padding: 13px 35px;
    text-transform:uppercase;
    color: #fff;
    letter-spacing:0.075em;
    margin-top:-15px;
    margin-left: 20px;
  }
  #parallax_04 .parallax-content-13 {
    font-family: 'Oswald';
    letter-spacing: 0.01em;
  }
  #parallax_04 .parallax-content-13 .border {
    position: absolute;
    height: 290px;
    width: 178px;
    top: -33.2%;
    z-index: 1;
    left: 67.75%;
  }
  #parallax_04 .parallax-content-13 h3 {
    font-size:24px;
    letter-spacing:0.01em;
    font-weight:300;
    text-align:left;
    color:#161616;
    text-transform:uppercase;
    margin:0;
  }
  #parallax_04 .parallax-content-13 h2 {
    color:#161616;
    line-height:1;
    font-weight: 400;
    margin-right: 80px;
    margin-bottom: 10px;
    margin-top:5px;
    font-size:86px;
    text-transform:uppercase;
  }
  #parallax_04 .parallax-content-13 p{
    font-size:49px;
    font-weight: 400;
    color:#161616;
    line-height:1;
    margin-right: 80px;
    text-transform:uppercase;
  }
  #parallax_04 .parallax-content-13 a.btn.btn-default {
    font-size:18px;
    color:#fff;
    padding: 22px 35px;
    letter-spacing: 0.025em;
    text-transform:uppercase;
    margin-top: 22px;
    position:relative;
    z-index:5;
  }
  @media (max-width: 767px) {
    #parallax_01 .parallax-content-13 {
      left: 13% !important;
    }
    #parallax_01 .parallax-content-13 .border {
      height: 195px;
      width: 95px;
      top: -25.2%;
      z-index: 2;
      left: 59.23%;
    }
    #parallax_01 .parallax-content-13 h2 {
      margin-right: 30px;
      margin-bottom: 10px;
      margin-top: 10px;
      font-size:35px;
    }
    #parallax_01 .parallax-content-13 p{
      font-size: 45px;
      margin-right: 30px;
    }
    #parallax_01 .parallax-content-13 a {
      font-size: 13px;
      padding: 12px 20px;
      margin-top: 10px;
    }
    #parallax_02,#parallax_03 {
      padding: 50px 0;
    }
    #parallax_02 .parallax-content-13 .text-content,#parallax_03 .parallax-content-13 .text-content {
      margin-bottom: 25px;
    }
    #parallax_02 .parallax-content-13 .text-content span,#parallax_03 .parallax-content-13 .text-content span {
      font-size: 20px;
    }
    #parallax_02 .parallax-content-13 .text-content h2,#parallax_03 .parallax-content-13 .text-content h2 {
      font-size: 30px;
    }
    #parallax_02 .parallax-content-13 .text-content a,#parallax_03 .parallax-content-13 .text-content a {
      font-size: 13px;
      padding: 8px 22px;
    }
    #parallax_04 .parallax-content-13 {
      right:15%!important;
    }
    #parallax_04 .parallax-content-13 .border {
      height: 145px;
      width: 68px;
      top: -33.2%;
      left: 69%;
    }
    #parallax_04 .parallax-content-13 h3 {
      font-size: 10px;
      line-height: 1;
    }
    #parallax_04 .parallax-content-13 h2 {
      margin-right: 25px;
      margin-bottom: 5px;
      margin-top: 5px;
      font-size: 35px;
    }
    #parallax_04 .parallax-content-13 p {
      font-size: 17px;
      margin-right: 25px;
    }
    #parallax_04 .parallax-content-13 a.btn.btn-default {
      font-size: 10px;
      padding: 9px 12px;
      margin-top: 0px;
    }
  }
  @media (max-width: 480px) {
    #parallax_02 .parallax-content-13 .text-content a, #parallax_03 .parallax-content-13 .text-content a{
      margin-top: 15px;
      margin-left: 0;
      margin-right:30px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 15 Old Skin</title>
         <identifier>porto_homeslider_15_old</identifier>
         <content><![CDATA[<style type="text/css">
    .page-main, .footer-middle { display: none; }
    .product-item-photo { padding: 0; border: 0; border-radius: 0; }
    #parallax_02 .product-item-name > a, #parallax_02 .product.name a > a, #parallax_02 .price-box .price, #parallax_02 .product-item .rating-summary .rating-result > span:before { color: #333 !important; }
    #parallax_03 .product-item-name > a, #parallax_03 .product.name a > a, #parallax_03 .price-box .price, #parallax_03 .product-item .rating-summary .rating-result > span:before { color: #fff !important; }
</style>
<div id="parallax_01" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_01.jpg"}}) 50% 0 no-repeat fixed; color: #fff; height: 100vh;width: 100%; padding: 0; position: relative;">
    <div class="parallax-content-13" style="width: 100%; text-align: center; position: absolute; top: 37%;">
        <div style="margin:0;line-height:1;">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
            <em style="display:inline-block;vertical-align:middle;line-height:1;color:#fff;font-weight:300;font-style:normal;">DO YOU NEED A NEW</em>
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/quote.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
        </div>
        <h2 style="font-weight:800;color:#fff;line-height:1;">eCOMMERCE?</h2>
        <p style="font-weight:300;color:#fff;line-height:1;">Check our options and features.</p>
    </div>
</div>
<div id="parallax_02" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_02.jpg"}}) 50% 0 no-repeat fixed; color: #fff; width: 100%;">
    <div class="parallax-content-13">
        <div class="container" style="text-align: right;">
            <div class="text-content" style="display: inline-block;">
                <em style="font-style: normal; text-align: right; display: block; color: #333;font-weight:600;">NEW ARRIVALS</em>
                <h2 style="color: #333; line-height: 1;font-weight:800;margin:0;">Fashion Dresses</h2>
                <p><span style="color: #333; vertical-align: top;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span>&nbsp;<a href="#" class="btn btn-default" style="background-color: #333; vertical-align: top; font-weight: 600; color: #fff;">SHOP NOW</a></p>
            </div>
            <div style="text-align: left;">
                <p style="color: #333; font-size: 15px;margin:0;font-weight:600;margin-bottom:15px;">FEATURED PRODUCTS</p>
                <div id="featured_products_1" class="hide-addtocart hide-addtolinks">
                    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="272" image_height="337" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#featured_products_1 .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: false,
                            dots: true,
                            responsive: {
                                0: {
                                    items:2
                                },
                                768: {
                                    items:3
                                },
                                992: {
                                    items:4
                                },
                                1200: {
                                    items:5
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<div id="parallax_03" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_03.jpg"}}) 50% 0 no-repeat fixed; color: #fff; width: 100%;">
    <div class="parallax-content-13">
        <div class="container" style="text-align: left;">
            <div class="text-content" style="display: inline-block;">
                <em style="font-style: normal; text-align: left; display: block; color: #fff;font-weight:600;">NEW ARRIVALS</em>
                <h2 style="color: #fff; line-height: 1;font-weight:800;margin:0;">Fashion Sunglasses</h2>
                <p><span style="color: #fff; vertical-align: top;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span>&nbsp;<a href="#" class="btn btn-default" style="background-color: #fff; color: #333; vertical-align: top; font-weight: 600;">SHOP NOW</a></p>
            </div>
            <div style="text-align: left;">
                <p style="color: #fff; font-size: 15px;margin:0;font-weight:600;text-align: right; margin-bottom: 15px;">FEATURED PRODUCTS</p>
                <div id="featured_products_2" class="hide-addtocart hide-addtolinks">
                    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="10" aspect_ratio="1" image_width="272" image_height="337" template="owl_list.phtml"}}
                </div>
                <script type="text/javascript">
                    require([
                        'jquery',
                        'owl.carousel/owl.carousel.min'
                    ], function ($) {
                        $("#featured_products_2 .owl-carousel").owlCarousel({
                            autoplay: true,
                            autoplayTimeout: 5000,
                            autoplayHoverPause: true,
                            loop: true,
                            navRewind: true,
                            margin: 10,
                            nav: false,
                            dots: true,
                            responsive: {
                                0: {
                                    items:2
                                },
                                768: {
                                    items:3
                                },
                                992: {
                                    items:4
                                },
                                1200: {
                                    items:5
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
</div>
<div id="parallax_04" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/13/slider/parallax_04.jpg"}}) 50% 0 no-repeat fixed; color: #fff; height: 100vh;margin: 0; padding: 0;">
    <div style="width: 100%; height: 100%; position: relative;">
        <div class="parallax-content-13" style="width: 100%; text-align: center; position: absolute; top: 37%;">
            <div style="margin:0;line-height:1;">
                <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/quote_black.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
                <em style="display:inline-block;vertical-align:middle;line-height:1;color:#333;font-weight:300;font-style:normal;">LET THE MUSIC PLAY</em>
                <img src="{{media url="wysiwyg/smartwave/porto/homepage/13/slider/quote_black.png"}}" alt="" class="quote" style="display:inline-block;vertical-align:middle;"/>
            </div>
            <h2 style="font-weight:800;color:#333;line-height:1;">Connect with the best tech!</h2>
            <p style="font-weight:300;color:#333;line-height:1;">Up to 70% OFF in the new collection.</p>
            <a href="#" class="btn btn-default" style="background-color: #333; color: #fff; border-radius: 0; border: 0;">SHOP NOW</a>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 16</title>
         <identifier>porto_homeslider_16</identifier>
         <content><![CDATA[<style type="text/css">
  #banner-slider-demo-16 .text-content h2{font-family:'Oswald';font-size:64px;line-height:85px;letter-spacing:0.01em;color:#292525;font-weight:400;margin:0;}
  #banner-slider-demo-16 .text-content h2 b {position:relative;display:inline-block;padding:0;color:#fff;font-weight:400;border-bottom:85px solid #292525;border-right:15px solid transparent;height:0px;margin:0 -14px;padding-left:14px;padding-right:14px;}
  #banner-slider-demo-16 .text-content h2 b:before {content:'';position:absolute;top:0;left:0;right:0;background-color:#292525;height:100%;}
  #banner-slider-demo-16 .text-content p {font-family:'Oswald';font-size:25px;font-weight:300;line-height:48px;letter-spacing:-0.025em;color:#292525;}
  #banner-slider-demo-16 .text-content a {font-family:'Oswald';font-size:18px;color: #292525;font-weight: 600;display:inline-block;margin-top:20px;}
  @media (max-width: 991px){
    #banner-slider-demo-16 .slide1-content, #banner-slider-demo-16 .slide2-content {
      padding-left: 0;
    }
  }
  @media(max-width:767px){
    #banner-slider-demo-16 .text-content h2 {font-size:40px;line-height:65px;}
    #banner-slider-demo-16 .text-content h2 b {border-bottom-width:65px;}
    #banner-slider-demo-16 .text-content p {font-size: 16px;line-height:35px;}
    #banner-slider-demo-16 .text-content a{font-size:12px;margin-top:10px;}
  }
</style>
<div class="full-screen-slider">
  <div id="banner-slider-demo-16" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
    <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
      <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/16/slider/01n.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
      <div class="slide1-content" style="width:100%;position:absolute;left:10%;top:33%;text-align:left;">
        <div class="text-content" style="display: inline-block;">
          <h2>FASHION<br><b>SUNGLASSES</b></h2>
          <p>Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</p>
          <a href="#">SHOP NOW <i class="porto-icon-chevron-right"></i></a>
        </div>
      </div>
    </div>
    <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
      <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/16/slider/02n.jpg"}}) 20% center no-repeat; background-size:cover;"></div>
      <div class="slide2-content" style="width:100%;position:absolute;right:10%;top:33%;text-align:right;">
        <div class="text-content" style="display: inline-block;text-align:left;">
          <h2>EXPLORE<br><b>OUR DRESSES</b></h2>
          <p>Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</p>
          <a href="#">SHOP NOW <i class="porto-icon-chevron-right"></i></a>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      var owl_16 = $("#banner-slider-demo-16").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        nav: true,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 16 Old Skin</title>
         <identifier>porto_homeslider_16_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-16" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/16/slider/01.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide1-content" style="width:100%;position:absolute;left:0;top:40%;text-align:center;">
                <div class="text-content" style="display: inline-block;">
                    <em style="font-style: normal; text-align: right; display: block; color: #fff;font-weight:600;">NEW ARRIVALS</em>
                    <h2 style="color: #fff; line-height: 1;font-weight:800;margin:0;">Fashion Sunglasses</h2>
                    <p><span style="color: #fff; vertical-align: top;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span>&nbsp;<a href="#" class="btn btn-default" style="background-color: #fff; color: #333; vertical-align: top; font-weight: 600;float:right;">SHOP NOW</a></p>
                </div>
            </div>
        </div>
        <div class="item" style="background:#f0f0f0;background-image:linear-gradient(#e8e8e8,#f0f0f0);position:relative;">
            <div style="width:100%;height:100%;width:100vw;height:100vh;background:url({{media url="wysiwyg/smartwave/porto/homepage/16/slider/02.jpg"}}) 20% center no-repeat; background-size:cover;"></div>
            <div class="slide2-content" style="width:100%;position:absolute;left:0;top:40%;text-align:center;">
                <div class="text-content" style="display: inline-block;">
                    <em style="font-style: normal; text-align: right; display: block; color: #fff;font-weight:600;">NEW COLLECTION</em>
                    <h2 style="color: #fff; line-height: 1;font-weight:800;margin:0;">Women Dresses</h2>
                    <p><span style="color: #fff; vertical-align: top;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span>&nbsp;<a href="#" class="btn btn-default" style="background-color: #fff; color: #333; vertical-align: top; font-weight: 600;float:right;">SHOP NOW</a></p>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_16 = $("#banner-slider-demo-16").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: true,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: false,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 17</title>
         <identifier>porto_homeslider_17</identifier>
         <content><![CDATA[<div id="banner-slider-demo-11" class="owl-carousel owl-banner-carousel owl-middle-narrow">
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide01.jpg"}}) repeat;">
    <div class="container" style="position:relative">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/slider/img_transparent.png"}}" alt="">
    </div>
  </div>
  <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide02.jpg"}}) center center no-repeat;background-size:cover;">
    <div class="container" style="position:relative">
      <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/slider/img_transparent.png"}}" alt="">
      <div class="slide-2" style="position: absolute; bottom: 24%; width:100%;left:0;">
        <div class="container" style="text-align: center;padding:0;">
          <div class="text-content" style="display: inline-block; margin-left: 6%;">
            <em>mega special</em>
            <h2>cosmetics sale</h2>
            <p><span><b style="color:#dd3d60;font-weight:300;">70%</b> off</span></p>
            <a href="#" class="btn btn-default">SHOP NOW</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
  require([
    'jquery',
    'owl.carousel/owl.carousel.min'
  ], function ($) {
    $("#banner-slider-demo-11").owlCarousel({
      items: 1,
      autoplay: true,
      autoplayTimeout: 5000,
      autoplayHoverPause: true,
      dots: false,
      nav: true,
      navRewind: true,
      animateIn: 'fadeIn',
      animateOut: 'fadeOut',
      loop: true,
      navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
    });
  });
</script>
<div class="container">
  {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="flex_grid.phtml"}}
</div>
<div class="our-brands" style="border-bottom: #eceae8 solid 1px;border-top: #eceae8 solid 1px;padding: 45px 0 45px;">
  <div class="container">
    <div class="owl-side-narrow">
      <div id="brands-slider-demo-11" class="brands-slider">
        <div class="owl-carousel">
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand1n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand2n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand3n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand4n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand5n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand6n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand2n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand3n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand4n.png"}}" alt="" /></div>
          <div class="item" style="padding:10px 0;text-align:center;"><img style="display:inline;" src="{{media url="wysiwyg/smartwave/porto/brands/11/brand5n.png"}}" alt="" /></div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#brands-slider-demo-11 .owl-carousel").owlCarousel({
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              margin: 30,
              nav: true,
              navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
              dots: false,
              loop: true,
              responsive: {
                0: {
                  items:2
                },
                640: {
                  items:3
                },
                768: {
                  items:4
                },
                992: {
                  items:5
                },
                1200: {
                  items:5
                }
              }
            });
          });
        </script>
      </div>
    </div>
  </div>
</div>
<style>
  #banner-slider-demo-11 .slide-2 .text-content em {
    font-family:'Oswald';font-size:40px;font-style: normal;display: block;color:#301b24;font-weight:300;letter-spacing:0.1em;text-transform:uppercase;
  }
  #banner-slider-demo-11 .slide-2 .text-content h2{
    font-family:'Oswald';font-size:79px;color: #301b24;line-height:1;font-weight:700;margin:0;letter-spacing:0.035em;text-transform:uppercase;
  }
  #banner-slider-demo-11 .slide-2 .text-content p span{
    font-size:60px;color:#39332d;vertical-align: top; font-weight:300;text-transform:uppercase;
  }
  #banner-slider-demo-11 .slide-2 .text-content a {
    background-color: #301b24;font-family:'Oswald';font-size:13px; color: #fff; vertical-align: top;font-weight:400;letter-spacing:0.075em;padding:13px 28px;margin-top:30px;
  }
  @media (max-width:767px){
    #banner-slider-demo-11 .slide-2 .text-content em {font-size:12px;}
    #banner-slider-demo-11 .slide-2 .text-content h2{font-size:22px;}
    #banner-slider-demo-11 .slide-2 .text-content p span {font-size:14px;}
    #banner-slider-demo-11 .slide-2 .text-content a {
      font-size: 9px;
      padding: 6px 10px;
      margin-top: 5px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 17 Old Skin</title>
         <identifier>porto_homeslider_17_old</identifier>
         <content><![CDATA[<div id="banner-slider-demo-11" class="owl-carousel owl-banner-carousel owl-middle-narrow">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide01_bg.png"}}) repeat;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide01_img.png"}}" alt="">
            <div class="slide-1" style="position: absolute; bottom: 27%; width:100%;">
                <div class="container" style="text-align: left;">
            <div class="text-content" style="display: inline-block; margin-left: 6%;">
            <em style="font-style: normal; text-align: left; display: block; color: #2c3232;font-weight:600;">PROFESSIONAL</em>
            <h2 style="color: #2c3232; line-height: 1;font-weight:800;margin:0;">COSMETICS</h2>
                <p><span style="color: #2c3232; vertical-align: top; font-weight: 300;">Up to <b style="font-weight:800;">70% OFF</b> in the new collection.</span></p>
                <a href="#" class="btn btn-default" style="background-color: #b74173; color: #fff; vertical-align: top; font-weight: 600;">SHOP NOW</a>
            </div>
                </div>
            </div>
        </div>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide02_bg.png"}}) center center no-repeat;background-size:cover;">
        <div class="container" style="position:relative">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/11/slider/slide02_img.png"}}" alt="">
            <div class="slide-2" style="position: absolute; bottom: 27%; width:100%;">
                <div class="container" style="text-align: center;">
            <div class="text-content" style="display: inline-block; margin-left: 6%;">
            <em style="font-style: normal; display: block; color: #2c3232;font-weight:600;">CHECK OUT THE NEW</em>
            <h2 style="color: #2c3232; line-height: 1;font-weight:800;margin:0;">GLOSS FOR LIPS</h2>
                <p><span style="color: #2c3232; vertical-align: top; font-weight: 300;">Starting at $9.99</span></p>
                <a href="#" class="btn btn-default" style="background-color: #b74173; color: #fff; vertical-align: top; font-weight: 600;">SHOP NOW</a>
            </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#banner-slider-demo-11").owlCarousel({
            items: 1,
            autoplay: true,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: false,
            nav: true,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true,
            navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
        });
    });
</script>
<div class="container">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="8" column_count="4" aspect_ratio="0" image_width="250" image_height="250" template="flex_grid.phtml"}}
</div>
<div style="background-color:#efefef">
    <div class="container">
        <div id="brands-slider-demo-11" class="owl-no-narrow flex-owl-slider">
            <div class="owl-carousel">
                <div class="item" style="padding-top:10px;text-align:center;"><img src="{{media url="wysiwyg/smartwave/porto/homepage/brand_logos/brand1.png"}}" alt="" style="display: inline-block;"/></div>
                <div class="item" style="padding-top:10px;text-align:center;"><img src="{{media url="wysiwyg/smartwave/porto/homepage/brand_logos/brand2.png"}}" alt="" style="display: inline-block;"/></div>
                <div class="item" style="padding-top:10px;text-align:center;"><img src="{{media url="wysiwyg/smartwave/porto/homepage/brand_logos/brand3.png"}}" alt="" style="display: inline-block;"/></div>
                <div class="item" style="padding-top:10px;text-align:center;"><img src="{{media url="wysiwyg/smartwave/porto/homepage/brand_logos/brand4.png"}}" alt="" style="display: inline-block;"/></div>
            </div>
        </div>
        <script type="text/javascript">
            require([
                'jquery',
                'owl.carousel/owl.carousel.min'
            ], function ($) {
                $("#brands-slider-demo-11 .owl-carousel").owlCarousel({
                    autoplay: false,
                    autoplayTimeout: 5000,
                    autoplayHoverPause: true,
                    margin: 0,
                    nav: false,
                    dots: false,
                    loop: false,
                    responsive: {
                        0: {
                            items:2
                        },
                        640: {
                            items:2
                        },
                        768: {
                            items:2
                        },
                        992: {
                            items:3
                        },
                        1200: {
                            items:4
                        }
                    }
                });
            });
        </script>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 18</title>
         <identifier>porto_homeslider_18</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/homepage/06/slider/banner-img-new.jpg"}}) 73% 0 no-repeat; color: #3d3734; background-size: cover;">
  <div class="banner-content-6">
    <div class="container" style="text-align: left;">
      <div class="row" style="padding-left:5%">
        <div class="col-md-8">
          <div class="text-content" style="display: inline-block;text-align:center;">
            <em style="color:#39332d;display:block;font-weight:300;">NEW ARRIVALS</em>
            <h2 style="font-family:'Oswald';line-height:1;font-weight:700;margin:0;color:#333333">FASHION</h2>
            <p><span style="vertical-align:top;font-weight:500;color:#515151;">30<b style="font-weight:800;">%</b><strong>OFF</strong></span></p>
            <p><a href="#" class="btn btn-default" style="vertical-align: top; font-weight: 400;border:#515151 solid 2px;background-color:transparent;color:#515151;">New arrivals</a> <a href="#" class="btn btn-default" style="vertical-align: top; font-weight: 400;background-color:#6a737f;color:#fff;">SHOP NOW</a></p>
          </div>
          <div class="owl-middle-outer-narrow" style="text-align: left;">
            <p class="filter-title-type-2"><span style="width:215px">SELECTED PRODUCTS</span></p>
            <div id="featured_products" class = "hide-addtocart hide-addtolinks">
              {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" aspect_ratio="0" image_width="250" image_height="250" template="owl_list.phtml"}}
            </div>
            <script type="text/javascript">
              require([
                'jquery',
                'owl.carousel/owl.carousel.min'
              ], function ($) {
                $("#featured_products .owl-carousel").owlCarousel({
                  autoplay: true,
                  autoplayTimeout: 5000,
                  autoplayHoverPause: true,
                  margin: 0,
                  nav: true,
                  navText: ["<em class='porto-icon-angle-left'></em>","<em class='porto-icon-angle-right'></em>"],
                  dots: false,
                  navRewind: true,
                  animateIn: 'fadeIn',
                  animateOut: 'fadeOut',
                  loop: true,
                  responsive: {
                    0: {
                      items:2
                    },
                    320: {
                      items:2
                    },
                    480: {
                      items:2
                    },
                    768: {
                      items:2
                    },
                    992: {
                      items:3
                    },
                    1200: {
                      items:3
                    }
                  }
                });
              });
            </script>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="masonry-grid" id="masonry_grid_18">
  <div class="grid-sizer"></div>
  <div class="masonry-grid-item w2"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_01n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_02n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_03n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item w3"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_04n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item w4"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_05n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_06n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_07n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item w2"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_08n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_09n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_10n.jpg"}}" alt="" /></a></div>
  <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_11n.jpg"}}" alt="" /></a></div>
</div>
<script type="text/javascript">
  require([
    'jquery',
    'imagesloaded',
    'packery'
  ], function ($, imagesLoaded, Packery) {
    $.bridget( 'packery', Packery );
    var $container = $('#masonry_grid_18').imagesLoaded(function(){
      $container.packery({
        itemSelector: ".masonry-grid-item",
        columnWidth: ".grid-sizer",
        percentPosition: true
      });
    });
  });
</script>
<style type="text/css">
  .banner-content-6 .text-content{padding-left:100px;}
  .banner-content-6 .text-content em {font-size:25px;letter-spacing:0.155em;font-style:normal;margin:0;}
  .banner-content-6 .text-content h2 {font-size:110px;padding: 4px 0;}
  .banner-content-6 .text-content p span {font-size:47px;letter-spacing:0.035em;display:inline-block;line-height:45px;margin-bottom:30px;}
  .banner-content-6 .text-content p b {font-size:33px;display:inline-block;vertical-align:middle;}
  .banner-content-6 .text-content p a {margin-bottom:130px;font-family:'Oswald';font-size:14px;letter-spacing:0.075em;text-transform:uppercase;border:#6a737f solid 2px;box-shadow:none;margin-right:15px;}
  .masonry-grid{margin: 3px;position:relative;}
  .grid-sizer, .masonry-grid-item{width:25%;padding:3px}
  .masonry-grid-item a{display:block;position:relative;}
  .masonry-grid-item a:before{width:100%;height:100%;display:block;content:"";position:absolute;visibility:hidden;opacity:0;filter:alpha(opacity=0);background-color:#000;transition:0.3s all;}
  .masonry-grid-item a:hover:before{visibility:visible;opacity:0.2;filter:alpha(opacity=20);}
  .masonry-grid-item.w2{width:50%;}
  .masonry-grid-item.w3{width:75%;}
  .masonry-grid-item.w4{width:100%;}
  .masonry-grid img{width:100%;}
  .owl-middle-outer-narrow .owl-controls .owl-buttons div{color:#3d3734}
  @media(max-width:767px){
    .banner-content-6 .text-content{padding-left:0;}
    .banner-content-6 .text-content em {font-size:17px;}
    .banner-content-6 .text-content h2 {font-size:80px;}
    .banner-content-6 .text-content p span {font-size:30px;}
    .banner-content-6 .text-content p b {font-size:20px;}
    .banner-content-6 .text-content p a:first-child {margin-bottom:10px;}
    .masonry-grid-item{width:50%}
    .masonry-grid-item.w2,.masonry-grid-item.w3{width:100%}
  }
  @media(max-width:480px){
    .masonry-grid-item{width:100%}
  }
  @media(min-width:768px){
    .page-header.type5 {
      background: transparent;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
    }
  }
</style>
]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 18 Old Skin</title>
         <identifier>porto_homeslider_18_old</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/homepage/06/slider/banner-img.jpg"}}) 73% 0 no-repeat; color: #3d3734; background-size: cover;">
    <div class="banner-content-6">
        <div class="container" style="text-align: left;">
            <div class="row" style="padding-left:5%">
                <div class="col-md-8">
                    <div class="text-content" style="display: inline-block">
                        <em style="font-style: normal; display: block;font-weight:600;">NEW ARRIVALS</em>
                        <h2 style="line-height: 1;font-weight:800;margin:0;color:#3d3734">FASHION</h2>
                        <p><span style="vertical-align: top;font-weight:300;">UP TO <b style="font-weight:800;">70% OFF</b> IN THE NEW COLLECTION</span></p>
                        <p><a href="#" class="btn btn-default" style="vertical-align: top; font-weight: 400;">SHOP NOW</a></p>
                    </div>
                    <div class="owl-middle-outer-narrow" style="text-align: left;">
                        <p class="filter-title-type-2"><span style="width:215px">SELECTED <b>PRODUCTS</b></span><span class="title-line">&nbsp;</span></p>
                        <div id="featured_products" class = "hide-addtocart hide-addtolinks">
                            {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product" product_count="8" aspect_ratio="0" image_width="250" image_height="250" template="owl_list.phtml"}}
                        </div>
                        <script type="text/javascript">
                            require([
                                'jquery',
                                'owl.carousel/owl.carousel.min'
                            ], function ($) {
                                $("#featured_products .owl-carousel").owlCarousel({
                                    autoplay: true,
                                    autoplayTimeout: 5000,
                                    autoplayHoverPause: true,
                                    margin: 10,
                                    nav: true,
                                    navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                                    dots: false,
                                    navRewind: true,
                                    animateIn: 'fadeIn',
                                    animateOut: 'fadeOut',
                                    loop: true,
                                    responsive: {
                                        0: {
                                            items:1
                                        },
                                        320: {
                                            items:1
                                        },
                                        480: {
                                            items:2
                                        },
                                        768: {
                                            items:2
                                        },
                                        992: {
                                            items:3
                                        },
                                        1200: {
                                            items:3
                                        }
                                    }
                                });
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="masonry-grid" id="masonry_grid_18">
    <div class="grid-sizer"></div>
    <div class="masonry-grid-item w2"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_01.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_02.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_03.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item w3"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_04.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item w4"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_05.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_06.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_07.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item w2"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_08.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_09.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_10.jpg"}}" alt="" /></a></div>
    <div class="masonry-grid-item"><a href="javascript:void(0)"><img src="{{media url="wysiwyg/smartwave/porto/homepage/06/slider/grid_item_11.jpg"}}" alt="" /></a></div>
</div>
<script type="text/javascript">
    require([
        'jquery',
        'imagesloaded',
        'packery'
    ], function ($, imagesLoaded, Packery) {
        $.bridget( 'packery', Packery );
        var $container = $('#masonry_grid_18').imagesLoaded(function(){
            $container.packery({
                itemSelector: ".masonry-grid-item",
                columnWidth: ".grid-sizer",
                percentPosition: true
            });
        });
    });
</script>
<style type="text/css">
    .masonry-grid{margin: 3px;position:relative;}
    .grid-sizer, .masonry-grid-item{width:25%;padding:3px}
    .masonry-grid-item a{display:block;position:relative;}
    .masonry-grid-item a:before{width:100%;height:100%;display:block;content:"";position:absolute;visibility:hidden;opacity:0;filter:alpha(opacity=0);background-color:#000;transition:0.3s all;}
    .masonry-grid-item a:hover:before{visibility:visible;opacity:0.2;filter:alpha(opacity=20);}
    .masonry-grid-item.w2{width:50%;}
    .masonry-grid-item.w3{width:75%;}
    .masonry-grid-item.w4{width:100%;}
    .masonry-grid img{width:100%;}
    .owl-middle-outer-narrow .owl-controls .owl-buttons div{color:#3d3734}
    @media(max-width:767px){
        .masonry-grid-item{width:50%}
        .masonry-grid-item.w2,.masonry-grid-item.w3{width:100%}
    }
    @media(max-width:480px){
        .masonry-grid-item{width:100%}
    }
    @media(min-width:768px){
        .page-header.type5 {
            background: transparent;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
        }
    }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 19</title>
         <identifier>porto_homeslider_19</identifier>
         <content><![CDATA[<div class="full-screen-slider">
  <div id="banner-slider-demo-19" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
    <div class="item">
      <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/19/slider/slide1n.jpg"}}) center center no-repeat; background-size:cover;"></div>
      <div class="slide-content" style="position: absolute; z-index: 5; left: 20.7%; top: 25%; text-align: center;">
        <p class="content-top" style="color: #575757;">It’s the best time of the year!</p>
        <h3 style="color:#575757;">HAPPY HOLIDAYS</h3>
        <h2 style="color: #000;">GET UP TO<br/>70% OFF</h2>
        <a class="btn-line" href="#">SHOP NOW</a>
      </div>
    </div>
    <div class="item">
      <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/19/slider/slide2n.jpg"}}) center center no-repeat; background-size:cover;"></div>
      <div class="slide-content" style="position: absolute; z-index: 5; right: 20.7%; left:auto; top: 35%; text-align: left;">
        <p style="color: #575757;">It’s the best time of the year!</p>
        <h3 style="color:#575757;">BRAND NEW PROMO</h3>
        <h2 style="color: #000;">WOMAN`S SUMMER HAT</h2>
        <a class="btn-line" href="#">SHOP NOW</a>
      </div>
    </div>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      var owl_3 = $("#banner-slider-demo-19").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: true,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        loop: true,
        nav: false,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
    });
  </script>
</div>
<style type="text/css">
  #banner-slider-demo-19 .slide-content {
    font-family:'Oswald';
    width:auto;
    display:inline-block;
    text-align:center;
  }
  #banner-slider-demo-19 .slide-content p {
    font-family:'Georgia';
    font-size:16px;
    margin-bottom:0;
    line-height:24px;
    padding-bottom:4px;
  }
  #banner-slider-demo-19 .slide-content h3 {
    font-size:32px;
    letter-spacing:0.1em;
    font-weight:400;
    line-height:44px;
    padding:3px 0;
    margin:0;
  }
  #banner-slider-demo-19 .slide-content h2 {
    font-size:53px;
    letter-spacing:0.1em;
    font-weight:700;
    line-height:60px;
    margin-bottom:30px;
    margin-top:0;
  }
  #banner-slider-demo-19 .slide-content.content1 h2 {
    font-size:72px;
    line-height:87px;
  }
  #banner-slider-demo-19 .slide-content a.btn-line {
    font-size: 14px;
    height: 49px;
    padding: 0 36px;
    line-height: 46px;
    border-radius: 0;
    letter-spacing: 0.1em;
    font-weight: 400;
    transition: all 0.3s;
  }
  @media(max-width:991px){
    #banner-slider-demo-19 .slide-content {
      right: 10% !important;
    }
    #banner-slider-demo-19 .slide-content.content1 {
      left:10% !important;
      right: auto !important;
    }
    #banner-slider-demo-19 .slide-content p {font-size:12px;padding:0;}
    #banner-slider-demo-19 .slide-content h3 {
      font-size:23px;
      line-height:30px;
      padding:3px 0;
    }
    #banner-slider-demo-19 .slide-content h2 {
      font-size:35px;
      line-height:40px;
      margin-bottom:30px;
    }
    #banner-slider-demo-19 .slide-content.content1 h2 {
      font-size:50px;
      line-height:60px;
    }
  }
  @media(max-width:767px){
    #banner-slider-demo-19 .slide-content {
      right: 0 !important;
      left: 5% !important;
    }
  }
  #banner-slider-demo-19 .owl-controls {
    text-align: left;
    padding-left: 10%;
    bottom: 8%;
  }
  #banner-slider-demo-19 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-width: 2px;
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 19 Old Skin</title>
         <identifier>porto_homeslider_19_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-19" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
        <div class="item">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/19/slider/slide1.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide-content" style="position: absolute; z-index: 5; left: 10.5%; top: 35%; text-align: left;">
                <h2 style="color: #000;">WINTER SALE<br/>70% OFF</h2>
                <p style="color: #000;">Shop new styles added to sale online.</p>
                <a class="btn-line" href="#">SHOP NOW</a>
            </div>
        </div>
        <div class="item">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/19/slider/slide2.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide-content" style="position: absolute; z-index: 5; left: 10.5%; top: 35%; text-align: left;">
                <h2 style="color: #000;">NEW SUMMER<br/>COLLECTION</h2>
                <p style="color: #000;">New styles added to summer collection.</p>
                <a class="btn-line" href="#">SHOP NOW</a>
            </div>
        </div>
        <div class="item">
            <div style="width:100%;height:100%;background:url({{media url="wysiwyg/smartwave/porto/homepage/19/slider/slide3.jpg"}}) 80% center no-repeat; background-size:cover;"></div>
            <div class="slide-content" style="position: absolute; z-index: 5; left: 10.5%; top: 35%; text-align: left;">
                <h2 style="color: #000;">CONVERSE<br/>30% OFF</h2>
                <p style="color: #000;">Outlet converse 30% off for you.</p>
                <a class="btn-line" href="#">SHOP NOW</a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            var owl_3 = $("#banner-slider-demo-19").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: true,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                loop: true,
                nav: false,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
    </script>
</div>
<style type="text/css">
#banner-slider-demo-19 .owl-controls {
    text-align: left;
    padding-left: 10%;
    bottom: 8%;
}
#banner-slider-demo-19 .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-width: 2px;
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 20</title>
         <identifier>porto_homeslider_20</identifier>
         <content><![CDATA[<div class="full-screen-slider">
  <div id="banner-slider-demo-20" class="owl-carousel owl-banner-carousel" data-slider-id="1">
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/20/slider/01n.jpg"}}) center center / cover no-repeat; position: relative;">
      <div class="content" style="left:20%;top:30%;width:auto;">
        <p>do it now. run on air</p>
        <h2 style="color: #fff;">Running shoes</h2>
        <a href="#">SEE MORE</a>
      </div>
      <ul class="scene" style="width:100%;height:100%:">
        <li class="layer" data-depth="0.05">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/white-shoes.png"}}" alt="" />
        </li>
        <li class="layer" data-depth="0.06">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake1.png"}}" style="position:absolute;top:31%;left:46.5%" alt="" />
        </li>
        <li class="layer" data-depth="0.07">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake2.png"}}" class="animation-spin" style="position:absolute;top:25%;left:66%" alt="" />
        </li>
        <li class="layer" data-depth="0.10">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake3.png"}}" class="animation-wave" style="position:absolute;top:50%;left:80%" alt="" />
        </li>
        <li class="layer" data-depth="0.15">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake4.png"}}" style="position:absolute;top:70%;left:55%" alt="" />
        </li>
      </ul>
    </div>
    <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/20/slider/02n.jpg"}}) center center / cover no-repeat; position: relative;">
      <ul class="scene" style="width:100%;height:100%:">
        <li class="layer" data-depth="0.05">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/ball2.png"}}" alt="" />
        </li>
        <li class="layer" data-depth="0.06">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake1.png"}}" style="position:absolute;top:42%;left:35%" alt="" />
        </li>
        <li class="layer" data-depth="0.07">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake2.png"}}" class="animation-spin" style="position:absolute;top:20%;left:50%" alt="" />
        </li>
        <li class="layer" data-depth="0.10">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake3.png"}}" class="animation-wave" style="position:absolute;top:50%;left:80%" alt="" />
        </li>
        <li class="layer" data-depth="0.15">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake4.png"}}" style="position:absolute;top:70%;left:55%" alt="" />
        </li>
      </ul>
      <div class="content" style="left:20%;top:30%;width:auto;">
        <p>Quality skins</p>
        <h2 style="color: #fff;">super soccer</h2>
        <a href="#">SEE MORE</a>
      </div>
    </div>
  </div>
  <div class="owl-thumbs" data-slider-id="1">
    <button class="owl-thumb-item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/01n_thumb.jpg"}}"/></button>
    <button class="owl-thumb-item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/02n_thumb.jpg"}}"/></button>
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel'
    ], function ($) {
      var thumbs_20 = $('.owl-thumbs');
      var owl_20 = $("#banner-slider-demo-20").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        dots: false,
        navRewind: true,
        animateIn: 'fadeIn',
        animateOut: 'fadeOut',
        thumbs: true,
        thumbImage: false,
        thumbsPrerendered: true,
        thumbContainerClass: 'owl-thumbs',
        thumbItemClass: 'owl-thumb-item',
        loop: false,
        nav: false,
        navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
      });
      thumbs_20.on('click', '.owl-thumb-item', function(e) {
          var i = $(this).index();
          owl_20.trigger('to.owl.carousel', i);
        });
      owl_20.on('changed.owl.carousel', function(e) {
          var i = e.item.index;
          thumbs_20.find('.active').removeClass('active');
          thumbs_20.find('.owl-thumb-item').eq(i).addClass('active');
        });
        thumbs_20.find('.owl-thumb-item').eq(0).addClass('active');
    });
    require([
      'jquery',
      'js/jquery.parallax.min'
    ], function ($) {
      $(document).ready(function(){
        $('.scene').parallax();
      });
    });
  </script>
</div>
<style>
  .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
    font-size: 60px;
    font-family: 'Oswald';
    line-height: 80px;
    letter-spacing: 0.025em;
    font-weight: 400;
    text-transform: uppercase;
    margin:0 0 18px;
  }
  .full-screen-slider #banner-slider-demo-20 .item > div.content > p {
    font-family: Poppins;
    font-size: 25.5px;
    font-weight: 500;
    letter-spacing: 0.18em;
    margin: 0;
    text-transform: uppercase;
    color:#fff;
    padding-bottom: 5px;
  }
  .full-screen-slider #banner-slider-demo-20 .item > div.content > a {
    box-shadow: none;
    font-family: 'Oswald';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 700;
    padding: 21px 82px;
  }
  #banner-slider-demo-20+.owl-thumbs {
    position: absolute;
    right: 50px;
    bottom: 50px;
    width: 24%;
    z-index: 2;
  }
  @media (max-width: 991px) {
    .full-screen-slider #banner-slider-demo-20 .item > div.content > h2 {
      font-size: 45px;
      line-height: 65px;
    }
    .full-screen-slider #banner-slider-demo-20 .item > div.content > p {
      font-size: 14px;
      font-weight: 500;
    }
    .full-screen-slider #banner-slider-demo-20 .item > div.content > a {
      padding: 18px 62px;
    }
  }
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 20 Old Skin</title>
         <identifier>porto_homeslider_20_old</identifier>
         <content><![CDATA[<div class="full-screen-slider">
    <div id="banner-slider-demo-20" class="owl-carousel owl-banner-carousel" data-slider-id="1">
        <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/20/slider/01.jpg"}}) center center / cover no-repeat; position: relative;">
            <div class="content" style="left:20%;top:30%;width:auto;">
                <h2 style="color: #fff;">Running<br>shoes</h2>
                <a href="#">SEE MORE</a>
            </div>
            <ul class="scene" style="width:100%;height:100%:">
                <li class="layer" data-depth="0.05">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/green_shoes.png"}}" alt="" />
                </li>
                <li class="layer" data-depth="0.06">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake1.png"}}" style="position:absolute;top:40%;left:35%" alt="" />
                </li>
                <li class="layer" data-depth="0.07">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake2.png"}}" class="animation-spin" style="position:absolute;top:20%;left:50%" alt="" />
                </li>
                <li class="layer" data-depth="0.10">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake3.png"}}" class="animation-wave" style="position:absolute;top:50%;left:80%" alt="" />
                </li>
                <li class="layer" data-depth="0.15">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/blurflake4.png"}}" style="position:absolute;top:70%;left:55%" alt="" />
                </li>
            </ul>
        </div>
        <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/20/slider/02.jpg"}}) center center / cover no-repeat; position: relative;">
            <ul class="scene" style="width:100%;height:100%:">
                <li class="layer" data-depth="0.05">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/watch.png"}}" alt="" />
                </li>
            </ul>
            <div class="content" style="left:20%;top:30%;width:auto;">
                <h2 style="color: #fff;">Running smart<br>watch</h2>
                <a href="#">SEE MORE</a>
            </div>
        </div>
        <div class="item" style="background:url({{media url="wysiwyg/smartwave/porto/homepage/20/slider/03.jpg"}}) center center / cover no-repeat; position: relative;">
            <ul class="scene" style="width:100%;height:100%:">
                <li class="layer" data-depth="0.05">
                    <img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/ball.png"}}" alt="" />
                </li>
            </ul>
            <div class="content" style="left:20%;top:30%;width:auto;">
                <h2 style="color: #fff;">Football<br>accessories</h2>
                <a href="#">SEE MORE</a>
            </div>
        </div>
    </div>
    <div class="owl-thumbs" data-slider-id="1">
        <button class="owl-thumb-item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/01_thumb.jpg"}}"/></button>
        <button class="owl-thumb-item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/02_thumb.jpg"}}"/></button>
        <button class="owl-thumb-item"><img src="{{media url="wysiwyg/smartwave/porto/homepage/20/slider/03_thumb.jpg"}}"/></button>
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel'
        ], function ($) {
            var owl_20 = $("#banner-slider-demo-20").owlCarousel({
                items: 1,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplayHoverPause: true,
                dots: false,
                navRewind: true,
                animateIn: 'fadeIn',
                animateOut: 'fadeOut',
                thumbs: true,
                thumbImage: false,
                thumbsPrerendered: true,
                thumbContainerClass: 'owl-thumbs',
                thumbItemClass: 'owl-thumb-item',
                loop: true,
                nav: false,
                navText: ["<em class='porto-icon-chevron-left'></em>","<em class='porto-icon-chevron-right'></em>"]
            });
        });
        require([
            'jquery',
            'js/jquery.parallax.min'
        ], function ($) {
            $(document).ready(function(){
                $('.scene').parallax();
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Homepage Slider 21</title>
         <identifier>porto_homeslider_21</identifier>
         <content><![CDATA[<div style="padding:30px 0 15px;">
  <div class="container">
    <div class="slider-with-side" style="margin: 0 -15px;">
      <div class="slider-area" style="padding:0 15px;">
        <div id="banner-slider-demo-21" class="owl-carousel owl-bottom-narrow owl-banner-carousel">
          <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/slide1.jpg"}}" width="770" height="449" alt="" />
            <div class="content content-slide-1">
              <div class="text-area">
                <h2 style="color:#151515;">Chairs</h2>
                <p style="color:#151515;">Custom Designs<br>you can afford</p>
                <a href="#" class="btn btn-default">View the collection</a>
              </div>
            </div>
          </div>
          <div class="item">
            <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/slide2.jpg"}}" width="770" height="449" alt="" />
            <div class="content content-slide-2" style="position:absolute;z-index:1;top:29%;width:50%;right:0%;left:auto;text-align:left;">
              <span style="color: #010204;">up to <b style="font-size:26px;font-family:'Oswald';">40%</b> off</span>
              <h2 style="color: #010204;">NEW ARRIVALS</h2>
              <p style="color:#585b5f;font-weight:300;">Starting at $9</p>
              <a href="#" class="btn btn-default" style="background-color:#010204;color:#fff;font-family:'Oswald';font-size:14px;letter-spacing:0.025em;font-weight:400;">shop now</a>
            </div>
          </div>
        </div>
        <script type="text/javascript">
          require([
            'jquery',
            'owl.carousel/owl.carousel.min'
          ], function ($) {
            $("#banner-slider-demo-21").owlCarousel({
              items: 1,
              autoplay: true,
              autoplayTimeout: 5000,
              autoplayHoverPause: true,
              dots: true,
              nav: false,
              navRewind: true,
              animateIn: 'fadeIn',
              animateOut: 'fadeOut',
              loop: true
            });
          });
        </script>
      </div>
      <div class="side-area" style="padding:0 15px;">
        <div class="form-find-area theme-border-color">
          <h3 class="form-title">Find a product</h3>
          <form action="#" class="form-find">
            <select>
              <option value="">By Category</option>
            </select>
            <select>
              <option value="">By Brand</option>
            </select>
          </form>
        </div>
        <div class="banner">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner-code.jpg"}}" />
        </div>
      </div>
    </div>
  </div>
</div>
<div style="padding-top: 20px;">
  <div class="container">
    <div class="row">
      <div class="list-category">
        <h2 class="filterproduct-title"><span class="content"><strong>Feature Categories</strong></span></h2>
        <div class="group"><div class="row">
          <div class="col-md-4">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner1.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Fashion</h3></a>
            </div>
          </div>
          <div class="col-md-5">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner2.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Furniture</h3></a>
            </div>
          </div>
          <div class="col-md-3">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner3.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Decore</h3></a>
            </div>
            </div>
          </div>
        </div>
        <div class="group"><div class="row">
          <div class="col-md-4">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner4.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Fashion</h3></a>
            </div>
          </div>
          <div class="col-md-3">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner5.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Furniture</h3></a>
            </div>
          </div>
          <div class="col-md-5">
            <div class="content">
              <img src="{{media url="wysiwyg/smartwave/porto/homepage/21/slider/banner6.jpg"}}" alt="fashion"/>
              <a href="#"><h3>Decore</h3></a>
            </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
  .slider-with-side .slider-area {
    width: 65.84%;
  }
  .slider-with-side .side-area {
    width: 34.16%;
  }
  #banner-slider-demo-21 .content {
    position:absolute;width:100%;height:100%;left:0;top:0;
  }
  #banner-slider-demo-21 .content .text-area{
    left:20%;bottom:26%;position:absolute;text-align:left;text-transform:uppercase;
  }
  #banner-slider-demo-21 .content-slide-1 h2{
    font-size: 52px;
    font-weight: 600;
    font-family: 'Oswald';
    display: block;
    padding: 0;
    margin: 0;
  }
  #banner-slider-demo-21 .content-slide-1 p {
    font-weight: 400;
    font-family: 'Oswald';
      text-transform:uppercase;
    font-size:22px;
    line-height: 35px;
    display:block;
    padding: 5px 0 34px;
  }
  #banner-slider-demo-21 .content-slide-1 a {
    background-color:#151515;
    font-family: 'Oswald';
    color: #fff;
    font-size: 15px;
    line-height: 35px;
    text-transform: uppercase;
    padding: 5.5px 27px;
  }

  #banner-slider-demo-21 .content-slide-2 h2 {
    font-size: 44px;
    font-weight: 900;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    line-height: 38px;
    margin-bottom: 10px;
    margin-top: 0;
  }
  #banner-slider-demo-21 .content-slide-2 span {
    font-size:18px;
    line-height:38px;
    font-weight: 700;
    text-transform:uppercase;
  }
  #banner-slider-demo-21 .content-slide-2 p {
    font-size:14px;
    font-weight:300;
    margin-bottom:10px;
  }
  #banner-slider-demo-21 .content-slide-2 .btn-default {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.025em;
    padding: 10px 34px;
    border-radius:3px;
    background-color: #010204;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    margin-top: 28px;
  }
  @media(max-width: 1199px){
    #banner-slider-demo-21 .content .text-area {
      bottom: 29% !important;
    }
    #banner-slider-demo-21 .content-slide-2 {
      top: 20% !important;
      width: 60% !important;
    }
  }
  @media(max-width:991px){
    .slider-with-side .slider-area {
      width: 100%;
      margin-bottom: 30px;
    }
    .slider-with-side .side-area img, .slider-with-side .slider-area img {
      width: 100%;
    }
    .slider-with-side .side-area {
      width: 100%;
    }
  }
  @media(max-width:767px){
    #banner-slider-demo-21 .content-slide-1 h2{
      font-size: 30px;
    }
    #banner-slider-demo-21 .content-slide-1 p {
      font-size: 13px;
      line-height: 21px;
      padding: 0px 0 20px;
    }
    #banner-slider-demo-21 .content-slide-1 a {
      font-size: 11px;
      line-height: 30px;
      padding: 2px 16px;
    }
    #banner-slider-demo-21 .content-slide-2 {
      top: 29% !important;
      width: 55% !important;
    }
    #banner-slider-demo-21 .content-slide-2 h2 {
      font-size: 27px;
      line-height: 30px;
      margin-bottom: 5px;
    }
    #banner-slider-demo-21 .content-slide-2 span {
      font-size:14px;
      line-height:25px;
    }
    #banner-slider-demo-21 .content-slide-2 span b {font-size: 18px !important;}
    #banner-slider-demo-21 .content-slide-2 p {
      font-size:11px;
      margin-bottom:8px;
    }
    #banner-slider-demo-21 .content-slide-2 .btn-default {
      font-size: 11px !important;
      line-height: 25px;
      padding: 1px 15px;
      margin-top: 8px;
    }
  }
</style>

]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header</title>
         <identifier>porto_custom_block_for_header</identifier>
         <content><![CDATA[<em class="porto-icon-phone" style="margin-right: 5px;"></em><span>(+404) 158 14 25 78</span><span class="split"></span><a href="#">CONTACT US</a>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 5</title>
         <identifier>porto_custom_block_for_header_home5</identifier>
         <content><![CDATA[<span style="margin-top:4px;color:#787d7f;display:block;">CALL US NOW<br><b style="color:#606669;font-size:18px;font-weight:600;display:block;line-height:27px;">+123 5678 890</b></span> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 4</title>
         <identifier>porto_custom_block_for_header_home4</identifier>
         <content><![CDATA[<i class="porto-icon-phone-1" style="margin-right: 11px;font-size:30px;color:#40aee5;"></i><span style="margin-top:-2px;">CALL US NOW<br><b style="color:#fff;font-size:18px;font-weight:600;display:block;line-height:27px;">+123 5678 890</b></span> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 13</title>
         <identifier>porto_custom_block_for_header_home13</identifier>
         <content><![CDATA[<span style="color:#fff;line-height:33px;">+000 1584 2578</span>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 15</title>
         <identifier>porto_custom_block_for_header_home15</identifier>
         <content><![CDATA[<span style="color:#161616;line-height:33px;"><i class="porto-icon-phone"></i> 123.457.9012</span>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 16</title>
         <identifier>porto_custom_block_for_header_home16</identifier>
         <content><![CDATA[<div style="margin-bottom:25px;">
  <div class="social-icons">
    <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
    <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
    <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
  </div>
  <i class="porto-icon-phone"></i><span>123 456 77890</span>
</div>
<address style="line-height:1.4;margin-top:25px;">&copy;Copyright 2018 by SW-THEMES.</address>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Links</title>
         <identifier>porto_footer_links</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>My Account</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><em class="porto-icon-right-dir theme-color"></em><a href="{{store url="about-porto"}}" title="About us">About us</a></li>
            <li><em class="porto-icon-right-dir theme-color"></em><a href="{{store url="contact"}}" title="Contact us">Contact us</a></li>
            <li><em class="porto-icon-right-dir theme-color"></em><a href="{{store url="customer/account"}}" title="My account">My account</a></li>
            <li><em class="porto-icon-right-dir theme-color"></em><a href="{{store url="sales/order/history"}}" title="Orders history">Orders history</a></li>
            <li><em class="porto-icon-right-dir theme-color"></em><a href="{{store url="catalogsearch/advanced"}}" title="Advanced search">Advanced search</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Contact Information</title>
         <identifier>porto_footer_contact_information</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>Contact Information</strong></div>
    <div class="block-content">
        <ul class="contact-info">
            <li><em class="porto-icon-location"></em><p><b>Address:</b><br/>123 Street Name, City, England</p></li>
            <li><em class="porto-icon-phone"></em><p><b>Phone:</b><br/>(123) 456-7890</p></li>
            <li><em class="porto-icon-mail"></em><p><b>Email:</b><br/><a href="mailto:mail@example.com">mail@example.com</a></p></li>
            <li><em class="porto-icon-clock"></em><p><b>Working Days/Hours:</b><br/>Mon - Sun / 9:00AM - 8:00PM</p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Contact Information New</title>
         <identifier>porto_footer_contact_information_new</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-content">
        <ul class="contact-info">
            <li><i class="porto-icon-location">&nbsp;</i><p><b>Address:</b><br/>123 Street Name, City, England</p></li>
            <li><i class="porto-icon-phone">&nbsp;</i><p><b>Phone:</b><br/>(123) 456-7890</p></li>
            <li><i class="porto-icon-mail">&nbsp;</i><p><b>Email:</b><br/><a href="mailto:mail@example.com">mail@example.com</a></p></li>
            <li><i class="porto-icon-clock">&nbsp;</i><p><b>Working Days/Hours:</b><br/>Mon - Sun / 9:00AM - 8:00PM</p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - Newsletter</title>
         <identifier>porto_footer_newsletter</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>Newsletter</span></strong></div>
    <div class="block-content">
        <p style="margin-bottom:22px;">Get all the latest information on Events,Sales<br>and Offers. Sign up for newsletter today</p>
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Features</title>
         <identifier>porto_footer_features</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>Main Features</strong></div>
    <div class="block-content">
        <ul class="features">
            <li><em class="porto-icon-ok theme-color"></em><a href="#">Super Fast Magento Theme</a></li>
            <li><em class="porto-icon-ok theme-color"></em><a href="#">1st Fully working Ajax Theme</a></li>
            <li><em class="porto-icon-ok theme-color"></em><a href="#">20 Unique Homepage Layouts</a></li>
            <li><em class="porto-icon-ok theme-color"></em><a href="#">Powerful Admin Panel</a></li>
            <li><em class="porto-icon-ok theme-color"></em><a href="#">Mobile &amp; Retina Optimized</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Footer Bottom Area</title>
         <identifier>porto_footer_bottom_custom_block</identifier>
         <content><![CDATA[<ul class="social-icons">
    <li><a class="facebook-link" href="#"><em class="porto-icon-facebook"></em></a></li>
    <li><a class="twitter-link" href="#"><em class="porto-icon-twitter"></em></a></li>
    <li><a class="linkedin-link" href="#"><em class="porto-icon-linkedin-squared"></em></a></li>
</ul>
<img src="{{media url="wysiwyg/smartwave/porto/footer/payments.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Footer Bottom Area(for Home 1)</title>
         <identifier>porto_footer_bottom_custom_block_1_1</identifier>
         <content><![CDATA[<ul class="social-icons">
    <li><a class="facebook-link" href="#"><em class="porto-icon-facebook"></em></a></li>
    <li><a class="twitter-link" href="#"><em class="porto-icon-twitter"></em></a></li>
    <li><a class="linkedin-link" href="#"><em class="porto-icon-linkedin-squared"></em></a></li>
</ul>
<ul class="links">
<li class="first">(+404) 158 14 25 78</li>
<li class="last"><a href="http://newsmartwave.net/magento/porto/index.php/blog">BLOG</a></li>
</ul>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block(Right) for Footer Bottom Area(for Home 1)</title>
         <identifier>porto_footer_bottom_custom_block_2_1</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/footer/payments.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block</title>
         <identifier>porto_footer_top_custom_block</identifier>
         <content><![CDATA[<div class="homepage-bar" style="background-color: #08c;color: #fff;padding: 10px 0;border: 0;">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <i class="porto-icon-truck" style="font-size:36px;color: #fff;"></i><div class="text-area"><h3 style="color: #fff;">FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
            </div>
            <div class="col-lg-4" style="border-color: #149ce0;">
                <i class="porto-icon-dollar" style="color: #fff;"></i><div class="text-area"><h3 style="color: #fff;">MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
            </div>
            <div class="col-lg-4" style="border-color: #149ce0;">
                <i class="porto-icon-lifebuoy" style="font-size:32px;color: #fff;"></i><div class="text-area"><h3 style="color: #fff;">ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - for Demo 5</title>
         <identifier>porto_footer_top_1_for_5</identifier>
         <content><![CDATA[<div class="footer-top-inner">
  <div class="row">
    <div class="col-md-5">
      <div class="block" style="margin-bottom: 15px;">
        <div class="block-title"><strong><span>BE THE FIRST TO KNOW</span></strong></div>
        <div class="block-content">
          <p>Get all the latest information on Events, Sales and Offers.<br>Sign up for newsletter today.</p>
        </div>
      </div>
    </div>
    <div class="col-md-7">
      <div class="block-content" style="width:100%;float:right;margin:38px 0px;">
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
        <div class="social-icons">
          <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
          <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
          <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo 5</title>
         <identifier>porto_footer_middle_1_for_5</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Contact Information</span></strong></div>
  <div class="block-content">
    <ul class="contact-info" style="padding-top: 7px;">
      <li><p><b style="color: #fff;text-transform:uppercase;">Address</b><br/>123 Street Name, City, England</p></li>
      <li><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br/>(123) 456-7890</p></li>
      <li><p><b style="color: #fff;text-transform:uppercase;">Email</b><br/><a href="mailto:mail@example.com">mail@example.com</a></p></li>
    </ul>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2st Column for Demo 5</title>
         <identifier>porto_footer_middle_2_for_5</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-12">
    <div class="block-right">
      <div class="row">
        <div class="col-lg-5">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-4"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-7">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="row">
        <div class="col-md-5">
          <address style="float:left;font-size:13px;">Porto eCommerce. © 2018. All Rights Reserved</address>
        </div>
        <div class="col-md-7">
          <div class="working" style="float:left;">
            <span>Working Days/Hours<br><b>Mon - Sun / 9:00AM - 8:00PM</b></span>
          </div>
          <div class="custom-block" style="float:right;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}"  style="max-width: 100%;" alt="" /></div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo 4</title>
         <identifier>porto_footer_middle_1_for_4</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>Contact Information</span></strong></div>
    <div class="block-content">
        <ul class="contact-info" style="padding-top: 7px;">
            <li><p><b style="color: #fff;text-transform:uppercase;">Address</b><br/>123 Street Name, City, England</p></li>
            <li><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br/>(123) 456-7890</p></li>
            <li><p><b style="color: #fff;text-transform:uppercase;">Email</b><br/><a href="mailto:mail@example.com">mail@example.com</a></p></li>
            <li><p><b style="color: #fff;text-transform:uppercase;">Working Days/Hours</b><br/>Mon - Sun / 9:00AM - 8:00PM</p></li>
        </ul>
        <div class="social-icons" style="float:left;margin-top: 15px;">
        <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
        <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
        <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
      </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2st Column for Demo 4</title>
         <identifier>porto_footer_middle_2_for_4</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-6">
    <div class="block" style="margin-bottom: 20px;">
      <div class="block-title"><strong><span>BE THE FIRST TO KNOW</span></strong></div>
      <div class="block-content">
        <p>Get all the latest information on Events, Sales and Offers.<br>Sign up for newsletter today.</p>
      </div>
    </div>
  </div>
  <div class="col-md-6">
    <div class="block-content" style="margin-top: 33px;margin-bottom: 37px;width:100%;float:right;">
      {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="row">
        <div class="col-md-5">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-4"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-7">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Custom Block Demo 4</title>
         <identifier>porto_footer_bottom_custom_block_demo4</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Block Demo8</title>
         <identifier>porto_footer_bottom_custom_block_demo8</identifier>
         <content><![CDATA[<div class="block-bottom">
  <div class="custom-block" style="float:left;margin-right:86px;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}" style="max-width: 100%;" alt="" /></div>
  <div class="social-icons" style="float:right;">
    <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook" aria-hidden="true"></i></a>
    <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter" aria-hidden="true"></i></a>
    <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared" aria-hidden="true"></i></a>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home13</title>
         <identifier>porto_footer_top_custom_block_home13</identifier>
         <content><![CDATA[<div class="homepage-bar" style="background-color: transparent;color: #fff;padding: 10px 0;border: 0;">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <em class="porto-icon-truck" style="font-size:36px;color: #fff;"></em><div class="text-area"><h3 style="color: #fff;">FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
            </div>
            <div class="col-lg-4" style="border-color: #149ce0;">
                <em class="porto-icon-dollar" style="color: #fff;"></em><div class="text-area"><h3 style="color: #fff;">MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
            </div>
            <div class="col-lg-4" style="border-color: #149ce0;">
                <em class="porto-icon-lifebuoy" style="font-size:32px;color: #fff;"></em><div class="text-area"><h3 style="color: #fff;">ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
.footer-top > .container {
    width: 100%;
}
.footer-top > .container > .row > .col-lg-12 {
    padding: 0;
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home13 New</title>
         <identifier>porto_footer_top_custom_block_home13_new</identifier>
         <content><![CDATA[<div class="container">
    <div class="homepage-bar" style="margin:0;">
      <div class="row">
        <div class="col-lg-4" style="text-align:left;">
          <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING &amp; RETURN</h3><p>Free shipping on all orders over $99.</p></div>
        </div>
        <div class="col-lg-4" style="text-align:center;">
          <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
        </div>
        <div class="col-lg-4" style="text-align:center;">
          <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
      </div>
    </div>
  </div>
<div class="footer-top-inner">
  <div class="row">
    <div class="col-md-5">
      <div class="block" style="margin-bottom: 0;">
        <div class="block-title"><strong><span>BE THE FIRST TO KNOW</span></strong></div>
        <div class="block-content">
          <p>Get all the latest information on Events, Sales and Offers.<br>Sign up for newsletter today.</p>
        </div>
      </div>
    </div>
    <div class="col-md-7">
      <div class="block-content" style="width:100%;float:right;margin:48px 0px 28px;">
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
        <div class="social-icons">
          <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
          <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
          <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - for Demo 10</title>
         <identifier>porto_footer_top_1_for_10</identifier>
         <content><![CDATA[<div class="footer-top-inner">
  <div class="row">
    <div class="col-md-5">
      <div class="block" style="margin-bottom: 15px;">
        <div class="block-title"><strong><span>BE THE FIRST TO KNOW</span></strong></div>
        <div class="block-content">
          <p>Get all the latest information on Events, Sales and Offers.<br>Sign up for newsletter today.</p>
        </div>
      </div>
    </div>
    <div class="col-md-7">
      <div class="block-content" style="width:100%;float:right;margin:38px 0px;">
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Category Page Side bar</title>
         <identifier>porto_category_side_custom_block</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-bottom: 20px;">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="featured_product" product_count="9" aspect_ratio="1" image_width="150" template="side_list.phtml"}}
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#featured_product .owl-carousel").owlCarousel({
                loop: false,
                items: 1,
                nav: true,
                navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                dots: false
            });
        });
    </script>
</div>
<h2 style="font-weight:600;font-size:16px;color:#000;line-height:1;margin-bottom:15px;">Custom HTML Block</h2>
<h5 style="font-family:Arial;font-weight:400;font-size:11px;color:#878787;line-height:1;margin-bottom:13px;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size:14px;color:#666;line-height:1.42;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras non placerat mi. Etiam non tellus </p>
<div class="space" style="margin-bottom: 45px;"></div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar</title>
         <identifier>porto_product_side_custom_block</identifier>
         <content><![CDATA[<div class="custom-block custom-block-1">
    <div>
        <em class="porto-icon-truck"></em>
        <h3>FREE SHIPPING</h3>
        <p>Free shipping on all orders over $99.</p>
    </div>
    <div>
        <em class="porto-icon-dollar"></em>
        <h3>MONEY BACK GUARANTEE</h3>
        <p>100% money back guarantee.</p>
    </div>
    <div>
        <em class="porto-icon-lifebuoy"></em>
        <h3>ONLINE SUPPORT 24/7</h3>
        <p>Lorem ipsum dolor sit amet.</p>
    </div>
</div>
<div class="custom-block">
    <div id="custom-owl-slider-product" class="owl-carousel">
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad1.jpg"}}" alt="" />
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad2.jpg"}}" alt="" />
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $('#custom-owl-slider-product.owl-carousel').owlCarousel({
                items:1,
                lazyLoad:true
            });
        });
    </script>
</div>
<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-top:0;padding-bottom:0;margin-bottom:0;">
  <div id="featured_product" class="owl-top-narrow">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="product_detail_featured_product" product_count="9" aspect_ratio="1" image_width="150" template="Smartwave_Filterproducts::side_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        loop: false,
        items: 1,
        nav: true,
        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
        dots: false
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar New</title>
         <identifier>porto_product_side_custom_block_new</identifier>
         <content><![CDATA[<div class="custom-block custom-block-1">
    <div>
        <em class="porto-icon-truck"></em>
        <h3>FREE SHIPPING</h3>
        <p>Free shipping on all orders over $99.</p>
    </div>
    <div>
        <em class="porto-icon-dollar"></em>
        <h3>MONEY BACK GUARANTEE</h3>
        <p>100% money back guarantee.</p>
    </div>
    <div>
        <em class="porto-icon-lifebuoy"></em>
        <h3>ONLINE SUPPORT 24/7</h3>
        <p>Lorem ipsum dolor sit amet.</p>
    </div>
</div>
<div class="custom-block">
    <div id="custom-owl-slider-product" class="owl-carousel">
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad1.jpg"}}" alt="" />
        <img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/product/ad2.jpg"}}" alt="" />
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $('#custom-owl-slider-product.owl-carousel').owlCarousel({
                items:1,
                lazyLoad:true
            });
        });
    </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo8</title>
         <identifier>porto_product_side_custom_block_demo8</identifier>
         <content><![CDATA[<div class="custom-block custom-block-1">
  <div>
    <i class="porto-icon-shipped"></i><h3>FREE<br>SHIPPING</h3>
  </div>
  <div>
    <i class="porto-icon-us-dollar"></i><h3>100% MONEY<br>BACK GUARANTEE</h3>
  </div>
  <div>
    <i class="porto-icon-online-support"></i><h3>ONLINE<br>SUPPORT 24/7</h3>
  </div>
</div>
<div class="custom-block">
  <img src="{{media url="wysiwyg/smartwave/porto/product/sidebar-banner5.jpg"}}" class="img-responsive" alt="" />
</div>
<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-top:0;padding-bottom:0;margin-bottom:0;">
  <div id="featured_product" class="owl-top-narrow">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="product_detail_featured_product" product_count="9" aspect_ratio="1" image_width="150" template="Smartwave_Filterproducts::side_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        loop: false,
        items: 1,
        nav: true,
        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
        dots: false
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo9</title>
         <identifier>porto_product_side_custom_block_demo9</identifier>
         <content><![CDATA[<div class="custom-block custom-block-1">
  <div>
    <i class="porto-icon-shipped"></i><h3>FREE<br>SHIPPING</h3>
  </div>
  <div>
    <i class="porto-icon-us-dollar"></i><h3>100% MONEY<br>BACK GUARANTEE</h3>
  </div>
  <div>
    <i class="porto-icon-online-support"></i><h3>ONLINE<br>SUPPORT 24/7</h3>
  </div>
</div>
<div class="custom-block">
  <img src="{{media url="wysiwyg/smartwave/porto/product/sidebar-banner17.jpg"}}" class="img-responsive" alt="" />
</div>
<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-top:0;padding-bottom:0;margin-bottom:0;">
  <div id="featured_product" class="owl-top-narrow">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="product_detail_featured_product" product_count="9" aspect_ratio="1" image_width="150" template="Smartwave_Filterproducts::side_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        loop: false,
        items: 1,
        nav: true,
        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
        dots: false
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo3</title>
         <identifier>porto_product_side_custom_block_demo3</identifier>
         <content><![CDATA[<div class="custom-block custom-block-1">
<div>
<i class="porto-icon-shipped"></i><h3>FREE<br>SHIPPING</h3>
</div>
<div>
<i class="porto-icon-us-dollar"></i><h3>100% MONEY<br>BACK GUARANTEE</h3>
</div>
<div>
<i class="porto-icon-online-support"></i><h3>ONLINE<br>SUPPORT 24/7</h3>
</div>
</div>
<div class="custom-block"><img src="{{media url="wysiwyg/smartwave/porto/product/sidebar-banner15.jpg"}}" class="img-responsive" alt="" /></div>
<h2 class="sidebar-title">Featured</h2>
<div class="sidebar-filterproducts custom-block" style="padding-top:0;padding-bottom:0;margin-bottom:0;">
  <div id="featured_product" class="owl-top-narrow">
    {{block class="Smartwave\Filterproducts\Block\Home\FeaturedList" name="product_detail_featured_product" product_count="9" aspect_ratio="1" image_width="150" template="Smartwave_Filterproducts::side_list.phtml"}}
  </div>
  <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#featured_product .owl-carousel").owlCarousel({
        loop: false,
        items: 1,
        nav: true,
        navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
        dots: false
      });
    });
  </script>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Menu(before)</title>
         <identifier>porto_custom_menu_before</identifier>
         <content><![CDATA[<ul>
    <li class="ui-menu-item level0">
        <a href="{{store url=''}}" class="level-top"><span>Home</span></a>
    </li>
</ul>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Menu(after)</title>
         <identifier>porto_custom_menu</identifier>
         <content><![CDATA[<ul>
    <li class="ui-menu-item level0">
        <a href="#" class="level-top"><span>Features</span></a>
    </li>
</ul>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - About Porto</title>
         <identifier>porto_footer_about_porto</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>ABOUT PORTO</span></strong></div>
    <div class="block-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique augue eget enim feugiat blandit. Phasellus bibendum ex leo, at egestas lacus pellentesque in x leo, at egestas lacus pellentesque in. x leo, at egestas lacus pellentesque.</p>
        <a href="http://themeforest.net/item/porto-ultimate-responsive-magento-theme/9725864" style="font-weight:600;">Buy Porto eCommerce</a>
    </div>
    <ul class="contact-info" style="margin-top: 30px;">
        <li><em class="porto-icon-phone" style="color: #bbb;"></em><p><b>Need Help?</b><br>(123) 456-7890</p></li>
    </ul>
    <div style="margin: 20px 0 0 20px;">
        <ul class="social-icons">
            <li><a class="facebook-link" href="#"><em class="porto-icon-facebook"></em></a></li>
            <li><a class="twitter-link" href="#"><em class="porto-icon-twitter"></em></a></li>
            <li><a class="linkedin-link" href="#"><em class="porto-icon-linkedin-squared"></em></a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - About Porto Demo14</title>
         <identifier>porto_footer_about_porto_demo14</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>About Us</span></strong></div>
  <div class="block-content">
    <p style="margin-bottom:15px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique<br>augue eget enim feugiat blandit. Phasellus bibendum ex leo, at<br>egestas lacus pellentesque in x leo, at egestas lacus.</p>
  </div>
</div>
<div class="block">
  <div class="block-title"><strong><span>Contact info</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-md-6">
        <ul class="contact-info" style="padding-top: 7px;">
            <li><p><b style="color: #fff;text-transform:uppercase;">Address</b><br>123 Street Name, City, England<br>Pintrest street oklar</p></li>
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="contact-info" style="margin-top:-35px;">
          <li><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br>(123) 456-7890</p></li>
          <li><p><b style="color: #fff;text-transform:uppercase;">Email</b><br><a href="mailto:mail@example.com">mail@example.com</a></p></li>
        </ul>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - Featured Products</title>
         <identifier>porto_footer_featured_products</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>FEATURED PRODUCTS</span></strong></div>
  <div class="block-content">
    {{block class="Smartwave\Filterproducts\Block\FeaturedList" name="featured_product" product_count="3" aspect_ratio="1" image_width="150" image_height="150" template="small_list.phtml"}}
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - Featured Products New</title>
         <identifier>porto_footer_featured_products_new</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>FEATURED PRODUCTS</span></strong></div>
  <div class="block-content">
    {{block class="Smartwave\Filterproducts\Block\FeaturedList" name="featured_product" product_count="2" aspect_ratio="1" image_width="150" image_height="150" template="small_list.phtml"}}
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle Twitter Widget</title>
         <identifier>porto_footer_middle_twitter_widget</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>FOLLOW US</span></strong></div>
    <div class="block-content">
        <a class="twitter-timeline" href="//twitter.com/twitterdev" data-widget-id="362597660089274368" data-screen-name="eternalfriend38" data-theme="dark" height="285">Tweets by @eternalfriend38</a>
        <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle Twitter Widget New</title>
         <identifier>porto_footer_middle_twitter_widget_new</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>FOLLOW US</span></strong></div>
    <div class="block-content">
        <a class="twitter-timeline" href="//twitter.com/twitterdev" data-widget-id="362597660089274368" data-screen-name="eternalfriend38" data-theme="dark" height="200">Tweets by @eternalfriend38</a>
        <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));</script>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 - 1st Column for Demo 14</title>
         <identifier>porto_footer_middle2_1_for_14</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-12">
    <div class="block-middle2">
      <div class="row">
        <div class="col-md-4">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-3"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-8">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-4">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-4">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
                <div class="col-md-4">
                  <div class="social-icons">
                    <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
                    <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
                    <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="row">
        <div class="col-md-4">
          <address style="float:left;font-size:13px;">© Porto eCommerce. 87. All Rights Reserved</address>
        </div>
        <div class="col-md-8">
          <div class="subcribe" style="float:left;">
            <div class="block-title"><strong><span>Newsletter</span></strong></div>
            {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
          </div>
          <div class="custom-block" style="float:right;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}" alt="" /></div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - 2nd Row - Shop</title>
         <identifier>porto_footer_2nd_row_shop</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>SHOP</span></strong></div>
    <div class="block-content">
        <ul class="links">
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Fashion Promo</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Discounts</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Outlet</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - 2nd Row - Popular Tags</title>
         <identifier>porto_footer_2nd_row_popular_tags</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>CUSTOM LINKS</span></strong></div>
    <div class="block-content">
    <ul class="links">
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Advanced Search</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Promotions</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="#">Terms and Conditions</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - 2nd Row - My Account</title>
         <identifier>porto_footer_2nd_row_myaccount</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
    <div class="block-content">
        <ul class="links">
            <li><em class="porto-icon-right-open theme-color"></em><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="{{store url="about-porto-3"}}" title="About us">About Us</a></li>
            <li><em class="porto-icon-right-open theme-color"></em><a href="{{store url="contact"}}" title="Contact us">Store Locations</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer - 2nd Row - Contact Information</title>
         <identifier>porto_footer_2nd_row_contact_information</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>CONTACT INFORMATION</span></strong></div>
    <div class="block-content">
        <ul class="contact-info" style="padding-left: 5px;">
            <li><em class="porto-icon-location theme-color">&nbsp;</em>&nbsp;&nbsp;<p>123 Street Name, City, England</p></li>
            <li><em class="porto-icon-phone theme-color">&nbsp;</em>&nbsp;&nbsp;<p>(123)456-7890</p></li>
            <li><em class="porto-icon-mail theme-color">&nbsp;</em>&nbsp;&nbsp;<p><a href="mailto:mail@example.com">mail@example.com</a></p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo 10</title>
         <identifier>porto_footer_middle_1_for_10</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Contact Info</span></strong></div>
  <div class="block-content">
    <ul class="contact-info" style="padding-top: 7px;">
      <li><p><b style="text-transform:uppercase;">Address</b><br/>123 Street Name, City, England</p></li>
      <li><p><b style="text-transform:uppercase;">Phone</b><br/>(123) 456-7890</p></li>
    </ul>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2st Column for Demo 10</title>
         <identifier>porto_footer_middle_2_for_10</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-12">
    <div class="block-right">
      <div class="row">
        <div class="col-md-5">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-2"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-7">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2st Column for Demo 13</title>
         <identifier>porto_footer_middle_2_for_13</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-12">
    <div class="block-right">
      <div class="row">
        <div class="col-md-4">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-13"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-5">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-3">
          <div class="block">
            <div class="block-title"><strong><span>Working Days/Hours</span></strong></div>
            <div class="block-content">
              Mon - Sun / 9:00AM - 8:00PM
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="row">
        <div class="col-md-5">
          <address style="float:left;font-size:13px;">© Porto eCommerce. 2018. All Rights Reserved</address>
        </div>
        <div class="col-md-7">
          <div class="custom-block" style="float:right;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}"  style="max-width: 100%;" alt="" /></div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Social Icon Demo10</title>
         <identifier>porto_footer_bottom_social_icon_demo10</identifier>
         <content><![CDATA[<div class="social-icons">
  <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
  <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter" aria-hidden="true"></i></a>
  <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared" aria-hidden="true"></i></a>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Footer Bottom Area for Home 14</title>
         <identifier>porto_footer_bottom_custom_block_home14</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/footer/payments.png"}}" alt="" style="margin-left: 15px;" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home 17</title>
         <identifier>porto_footer_top_custom_block_home17</identifier>
         <content><![CDATA[<div class="homepage-bar">
    <div class="row">
        <div class="col-lg-3 col-md-6">
            <em class="porto-icon-truck" style="color: #fff;"></em>
            <div class="text-area"><h3 style="color: #fff;">FREE SHIPPING</h3><p>Free shipping on all orders over $99.</p></div>
        </div>
        <div class="col-lg-3 col-md-6">
            <em class="porto-icon-dollar" style="color: #fff;"></em>
            <div class="text-area"><h3 style="color: #fff;">MONEY BACK GUARANTEE</h3><p>100% money back guarantee</p></div>
        </div>
        <div class="col-lg-3 col-md-6 sm-bd-0">
            <em class="porto-icon-lifebuoy" style="color: #fff;"></em>
            <div class="text-area"><h3 style="color: #fff;">ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
        <div class="col-lg-3 col-md-6">
            <em class="porto-icon-chat" style="color: #fff;"></em>
            <div class="text-area"><h3 style="color: #fff;">LIVE CHAT</h3><p>Lorem ipsum dolor sit amet.</p></div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - for Demo 17 New</title>
         <identifier>porto_footer_top_custom_block_home17_new</identifier>
         <content><![CDATA[<div class="homepage-bar">
  <div class="container">
    <div class="row">
      <div class="col-lg-4" style="text-align:left;">
        <i class="porto-icon-shipping" style="font-size:35px;"></i><div class="text-area"><h3>FREE SHIPPING & RETURN</h3><p>Free shipping on all orders over $99.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-us-dollar" style="font-size:37px;"></i><div class="text-area"><h3>MONEY BACK GUARANTEE</h3><p>100% money back guarantee.</p></div>
      </div>
      <div class="col-lg-4" style="text-align:center;">
        <i class="porto-icon-support" style="font-size:37px;"></i><div class="text-area"><h3>ONLINE SUPPORT 24/7</h3><p>Lorem ipsum dolor sit amet.</p></div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home12</title>
         <identifier>porto_footer_top_custom_block_home12</identifier>
         <content><![CDATA[<div class="footer-top-inner">
  <div class="row">
    <div class="col-md-5">
      <div class="block" style="margin-bottom:0;padding: 23px 0;">
        <div class="block-title"><span>Start Selling Today, <b style="color:#e73d79;text-decoration: underline;font-weight:400;">Buy Porto eCommerce</b></span></div>
      </div>
    </div>
    <div class="col-md-7" style="text-align:right;margin-top:15px;">
      <div class="block-title" style="display:inline-block;margin-top:15px;margin-right:30px;"><strong><span>Subscribe newsletter</span></strong></div>
      {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
    </div>
  </div>
</div> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Logo</title>
         <identifier>porto_footer_logo</identifier>
         <content><![CDATA[<span class="footer-logo" style="display:block;text-align:left;"><img src="{{media url="wysiwyg/smartwave/porto/aboutus/logo_white_new.png"}}" alt="" /></span>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home15</title>
         <identifier>porto_footer_top_custom_block_home15</identifier>
         <content><![CDATA[<div class="row">
<div class="col-md-7">
  <div class="block">
    <div class="block-title"><strong><span>About Us</span></strong></div>
    <div class="block-content">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique augue eget enim<br>feugiat blandit. Phasellus bibendum ex leo, at egestas lacus pellentesque in x leo, at<br>egestas lacus.</p>
    </div>
  </div>
</div>
<div class="col-md-5">
  <div class="block">
    <div class="block-title"><strong><span>Contact info</span></strong></div>
    <div class="block-content">
      <div class="row">
        <div class="col-md-6">
          <ul class="contact-info" style="padding-top: 7px;">
            <li><p><b style="color: #fff;text-transform:uppercase;">Address</b><br>123 Street Name, City, England<br>Pintrest street oklar</p></li>
          </ul>
        </div>
        <div class="col-md-6">
          <ul class="contact-info" style="margin-top:-35px;">
            <li><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br>(123) 456-7890</p></li>
            <li><p><b style="color: #fff;text-transform:uppercase;">Email</b><br><a href="mailto:mail@example.com">mail@example.com</a></p></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top Custom Block for Home19</title>
         <identifier>porto_footer_top_custom_block_home19</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-xl-5 col-lg-4">
    <div class="block">
      <div class="block-title"><strong><span>About Us</span></strong></div>
      <div class="block-content">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique augue eget enim<br>feugiat blandit. Phasellus bibendum ex leo, at egestas lacus pellentesque in x leo, at<br>egestas lacus.</p>
      </div>
    </div>
  </div>
  <div class="col-xl-7 col-lg-8">
    <div class="row">
      <div class="col-lg-5">
        <div class="block">
          <div class="subcribe">
            <div class="block-title"><strong><span>Newsletter</span></strong></div>
            {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form_footer.phtml"}}
          </div>
        </div>
      </div>
      <div class="col-lg-7">
        <div class="block">
          <div class="block-title"><strong><span>Contact info</span></strong></div>
          <div class="block-content">
            <div class="row">
              <div class="col-md-6">
                <ul class="contact-info" style="padding-top: 7px;">
                  <li><p><b style="color: #fff;text-transform:uppercase;">Address</b><br>123 Street Name, City, England<br>Pintrest street oklar</p></li>
                </ul>
              </div>
              <div class="col-md-6">
                <ul class="contact-info" style="margin-top:-35px;">
                  <li><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br>(123) 456-7890</p></li>
                  <li><p><b style="color: #fff;text-transform:uppercase;">Email</b><br><a href="mailto:mail@example.com">mail@example.com</a></p></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle Custom Block Demo 19</title>
         <identifier>porto_footer_middle_custom_block_home19</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-12">
    <div class="block-middle2">
      <div class="row">
        <div class="col-md-4">
          <div class="block">
            <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="about-porto-19"}}" title="About us">About us</a></li>
                    <li><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
                    <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
                  </ul>
                </div>
                <div class="col-md-6">
                  <ul class="links">
                    <li><a href="{{store url="sales/order/history"}}" title="Order history">Order history</a></li>
                    <li><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
                    <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-8">
          <div class="block">
            <div class="block-title"><strong><span>Main Features</span></strong></div>
            <div class="block-content">
              <div class="row">
                <div class="col-md-4">
                  <ul class="features">
                    <li><a href="#">Super Fast Magento Theme</a></li>
                    <li><a href="#">1st Fully working Ajax Theme</a></li>
                    <li><a href="#">20 Unique Homepage Layouts</a></li>
                  </ul>
                </div>
                <div class="col-md-4">
                  <ul class="features">
                    <li><a href="#">Powerful Admin Panel</a></li>
                    <li><a href="#">Mobile &amp; Retina Optimized</a></li>
                  </ul>
                </div>
                <div class="col-md-4">
                  <div class="social-icons">
                    <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
                    <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
                    <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="row">
        <div class="col-md-4">
          <address style="float:left;font-size:13px;">© Porto eCommerce. 2018. All Rights Reserved</address>
        </div>
        <div class="col-md-8">
          <div class="custom-block" style="float:right;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}" alt="" /></div>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo 2 New</title>
         <identifier>porto_footer_middle_1_for_2_new</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>Contact Information</span></strong></div>
    <div class="block-content">
        <ul class="contact-info" style="padding-top: 7px;">
            <li><i class="porto-icon-direction">&nbsp;</i><p><b style="color: #fff;text-transform:uppercase;">Address</b><br/>123 Street Name, City, England</p></li>
            <li><i class="porto-icon-phone-1">&nbsp;</i><p><b style="color: #fff;text-transform:uppercase;">Phone</b><br/>(123) 456-7890</p></li>
            <li><i class="porto-icon-mail">&nbsp;</i><p><b style="color: #fff;text-transform:uppercase;">Email</b><br/><a href="mailto:mail@example.com">mail@example.com</a></p></li>
            <li><i class="porto-icon-clock-1">&nbsp;</i><p><b style="color: #fff;text-transform:uppercase;">Working Days/Hours</b><br/>Mon - Sun / 9:00AM - 8:00PM</p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2nd Column for Demo 2 New</title>
         <identifier>porto_footer_middle_2_for_2_new</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-3">
    <div class="block">
      <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
      <div class="block-content">
        <ul class="links">
          <li><i class="porto-icon-right-dir theme-color"></i><a href="{{store url="about-porto-3"}}" title="About us">About us</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="{{store url="contact"}}" title="Contact Us">Contact us</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="{{store url="sales/order/history"}}" title="My Account">Order history</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="{{store url="catalogsearch/advanced"}}" title="Contact us">Advanced search</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-md-5">
    <div class="block">
      <div class="block-title"><strong><span>Main Features</span></strong></div>
      <div class="block-content">
        <ul class="features">
          <li><i class="porto-icon-right-dir theme-color"></i><a href="#">Super Fast Magento Theme</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="#">1st Fully working Ajax Theme</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="#">20 Unique Homepage Layouts</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="#">Powerful Admin Panel</a></li>
          <li><i class="porto-icon-right-dir theme-color"></i><a href="#">Mobile &amp; Retina Optimized</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="block" style="margin-bottom: 20px;">
      <div class="block-title"><strong><span>BE THE FIRST TO KNOW</span></strong></div>
      <div class="block-content">
        <p style="margin-bottom: 35px;">Get all the latest information on Events, Sales and Offers. Sign up for newsletter today.</p>
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-12">
    <div class="block-bottom">
      <div class="custom-block" style="float:left;"><img src="{{media url="wysiwyg/smartwave/porto/footer/payment-icon.png"}}"  style="max-width: 100%;" alt="" /></div>
      <address style="float:left; margin-left: 44px;margin-top:9px;margin-bottom: 9px;">© Porto eCommerce. 2018. All Rights Reserved</address>
      <div class="social-icons" style="float:right;">
        <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
        <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="porto-icon-twitter"></i></a>
        <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>

      <cms_item>
         <title>Porto - Category Banner(Fashion)</title>
         <identifier>porto_category_banner_fashion</identifier>
         <content><![CDATA[<div id="fashion-category-banner" class="owl-carousel owl-banner-carousel category-boxed-banner owl-bottom-narrow">
    <div class="item">
        <img src="{{media url="wysiwyg/smartwave/porto/category/fashion/02-01.png"}}" alt="" />
        <div class="banner-text" style="top:37%;">
            <h2 style="background-color:transparent;color:#2b2b2b;margin:0;">CATEGORY <b>BANNER</b></h2><br>
            <p style="max-width: 280px;background-color:transparent;color:#2b2b2b;font-weight:400;">Set banners and description for any category of your website.</p>
        </div>
    </div>
    <div class="item">
        <img src="{{media url="wysiwyg/smartwave/porto/category/fashion/02-02.png"}}" alt="" />
        <div class="banner-text" style="top:45%;">
            <img src="{{media url="wysiwyg/smartwave/porto/category/fashion/02-02-01.png"}}" alt="" style="vertical-align:middle;width:auto;max-width:50%;display:inline-block;">
            <a href="#" class="shop-now" style="color:#2b2b2b;vertical-align:middle;">Shop now &gt;</a>
        </div>
    </div>
</div>
<script type="text/javascript">
    require([
        'jquery',
        'owl.carousel/owl.carousel.min'
    ], function ($) {
        $("#fashion-category-banner").owlCarousel({
            items: 1,
            autoplay: false,
            autoplayTimeout: 5000,
            autoplayHoverPause: true,
            dots: true,
            nav: false,
            navRewind: true,
            animateIn: 'fadeIn',
            animateOut: 'fadeOut',
            loop: true
        });
    });
</script>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Fashion Category Banner Demo 5</title>
         <identifier>porto_fashion_category_banner_demo5</identifier>
         <content><![CDATA[<p class="category-image"><img src="{{media url="wysiwyg/smartwave/porto/category/fashion/fashion-banner.jpg"}}" alt="" /></p>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Fashion Category Banner Demo 8</title>
         <identifier>porto_fashion_category_banner_demo8</identifier>
         <content><![CDATA[<p class="category-image"><img src="{{media url="wysiwyg/smartwave/porto/category/fashion/fashion-banner5.jpg"}}" alt="" /></p>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Fashion Category Banner Demo 9</title>
         <identifier>porto_fashion_category_banner_demo9</identifier>
         <content><![CDATA[<p class="category-image"><img src="{{media url="wysiwyg/smartwave/porto/category/fashion/fashion-banner17.jpg"}}" alt="" /></p>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Fashion Category Banner Demo 3</title>
         <identifier>porto_fashion_category_banner_demo3</identifier>
         <content><![CDATA[<p class="category-image"><img src="{{media url="wysiwyg/smartwave/porto/category/fashion/fashion-banner15.jpg"}}" alt="" /></p>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Tab</title>
         <identifier>porto_custom_tab</identifier>
         <content><![CDATA[<table class="table table-sizing-guide">
    <thead>
        <tr>
            <th colspan="6"><b>Clothing - Single Size Conversion (Continued)</b></th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>UK</td>
            <td>18</td>
            <td>20</td>
            <td>22</td>
            <td>24</td>
            <td>26</td>
        </tr>
        <tr>
            <td>European</td>
            <td>46</td>
            <td>48</td>
            <td>50</td>
            <td>52</td>
            <td>54</td>
        </tr>
        <tr>
            <td>US</td>
            <td>14</td>
            <td>16</td>
            <td>18</td>
            <td>20</td>
            <td>22</td>
        </tr>
        <tr>
            <td>Australia</td>
            <td>8</td>
            <td>10</td>
            <td>12</td>
            <td>14</td>
            <td>16</td>
        </tr>
    </tbody>
</table>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block - Product Page Demo 2</title>
         <identifier>porto_custom_block_product_for_demo2</identifier>
         <content><![CDATA[<div class="custom-block-bar">
        <div class="item" style="text-align:left;width:28%;">
              <i class="porto-icon-shipped" style="font-size:36px;"></i><div class="text-area"><h3>FREE SHIPPING<br>& RETURN</h3></div>
         </div>
         <div class="item" style="text-align:left;width:35%;">
              <i class="porto-icon-us-dollar"></i><div class="text-area"><h3>100% MONEY<br>BACK GUARANTEE.</h3></div>
         </div>
         <div class="item" style="text-align:left;width:35%;">
              <i class="porto-icon-online-support" style="font-size:32px;"></i><div class="text-area"><h3>ONLINE<br>SUPPORT 24/7</h3></div>
         </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block Tab - Product Page Demo 2</title>
         <identifier>porto_custom_block_product_tab_for_demo2</identifier>
         <content><![CDATA[<h2 class="sidebar-title" style="padding:0;margin:0;margin-bottom:5px;">Featured</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\FeaturedList" name="featured_product" product_count="9" aspect_ratio="1" image_width="150" template="side_list.phtml"}}
    </div>
    <script type="text/javascript">
        require([
            'jquery',
            'owl.carousel/owl.carousel.min'
        ], function ($) {
            $("#featured_product .owl-carousel").owlCarousel({
                loop: false,
                items: 1,
                nav: true,
                navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
                dots: false
            });
        });
    </script>
</div> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Header Block for Type 14</title>
         <identifier>porto_custom_block_type_14</identifier>
         <content><![CDATA[<a href="#">FASHION PROMO</a>
<a href="#">WOMAN SHOES</a>
<a href="#">50% OFF FASHION</a>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle Logo Block for Home12</title>
         <identifier>porto_footer_middle_logo_block_for_12</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>Who We Are</span></strong></div>
    <div class="block-content">
        <img src="{{media url="wysiwyg/smartwave/porto/footer/footer_logo_red.png"}}" alt="" />
        <p style="margin: 20px 0 0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/><br/>
        <span style="font-weight: 600;"><a href="http://themeforest.net/item/porto-ecommerce-ultimate-magento-theme/9725864?ref=SW-THEMES&amp;license=regular&amp;open_purchase_for_item_id=9725864&amp;purchasable=source">Buy Porto eCommerce</a></span></p>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle Logo Block for Home3</title>
         <identifier>porto_footer_middle_logo_block_for_3</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong><span>Who We Are</span></strong></div>
    <div class="block-content">
        <img src="{{media url="wysiwyg/smartwave/porto/footer/footer_logo_black.png"}}" alt="" />
        <p style="margin: 20px 0 0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/><br/>
        <span style="font-weight: 600;"><a href="http://themeforest.net/item/porto-ecommerce-ultimate-magento-theme/9725864?ref=SW-THEMES&amp;license=regular&amp;open_purchase_for_item_id=9725864&amp;purchasable=source">Buy Porto eCommerce</a></span></p>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice Block</title>
         <identifier>porto_custom_notice</identifier>
         <content><![CDATA[<div class="top-newsletter" style="background-color: #2b262f; padding: 10px 0;text-align:left">
    <div class="container">
        <div class="row">
            <div class="col-md-6 a-left-sm">
                <span style="color: #fff; font-size: 16px; font-family: Georgia; line-height: 30px;"><b>SALE:</b> use coupon code <b>PORTO</b> to save 30%</span>
            </div>
            <div class="col-md-6 a-right-sm">
                <div style="display: inline-block; vertical-align: middle; padding-right: 20px;">
                    <p style="margin: 0; color: #fff; font-family: Georgia; font-size: 15px; font-weight: 700; line-height: 15px;">Be the First to Know</p>
                    <p style="margin: 0; font-size: 12px; color: #a7a7a7; line-height: 15px;">Sign up for newsletter today.</p>
                </div>
                <div style="display: inline-block; vertical-align: middle; position: relative;">
                    {{block class="Magento\Newsletter\Block\Subscribe" name="subscribe_form" template="subscribe_form.phtml"}}
                </div>
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice Block New</title>
         <identifier>porto_custom_notice_new</identifier>
         <content><![CDATA[<div class="top-block-header" style="background-color:#0e0e0e;color:#fff;padding:7px 0;">
  <div class="container">
    <div class="row">
      <div class="col-md-9" style="font-size:11px;text-transform:uppercase;font-weight:400;line-height:24px;text-align:left;">
        <span style="margin-right: 30px;">Free shipping & Return</span>
        <span style="margin-right: 30px;">money back guarantee</span>
        <span>online support 24/7</span>
      </div>
      <div class="col-md-3" style="font-size:11px;text-align:right;font-weight:400;line-height:24px;">
        <span>CALL US <b style="font-weight:600;padding-left:6px;">+ 000 1584 2578</b></span>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Type 7</title>
         <identifier>porto_custom_block_for_header_type_7</identifier>
         <content><![CDATA[<div style="font-size:15px;color:#fff;line-height:1.4;margin-bottom:15px;">
<em class="porto-icon-phone" style="margin-right: 5px;"></em><span>(+404) 158 14 25 78</span>
</div>
<ul class="social-icons">
    <li><a class="facebook-link" href="#"><em class="porto-icon-facebook"></em></a></li>
    <li><a class="twitter-link" href="#"><em class="porto-icon-twitter"></em></a></li>
    <li><a class="linkedin-link" href="#"><em class="porto-icon-linkedin-squared"></em></a></li>
</ul>
<address>©Copyright 2018 by SW-THEMES.</address>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Home 12</title>
         <identifier>porto_custom_block_for_header_home12</identifier>
         <content><![CDATA[<span style="margin-top:4px;color:#fff;display:block;">CALL US NOW<br><b style="color:#fff;font-size:18px;font-weight:600;display:block;line-height:27px;">+123 5678 890</b></span> ]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header Type12</title>
         <identifier>porto_custom_block_for_header_type12</identifier>
         <content><![CDATA[<a href="https://www.facebook.com/" title="Facebook" target="_blank"><em class="porto-icon-facebook"></em></a>
<a href="https://twitter.com/" title="Twitter" target="_blank"><em class="porto-icon-twitter"></em></a>
<a href="https://www.instagram.com/" title="Instagram" target="_blank"><em class="porto-icon-instagram"></em></a>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo19</title>
         <identifier>porto_footer_middle_1_for_19</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/footer/logo_white_plus.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2nd Column for Demo19</title>
         <identifier>porto_footer_middle_2_for_19</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>SHOP</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="#" title="Fashion & Clothes">Fashion & Clothes</a></li>
            <li><a href="#" title="Electronics & Computers">Electronics & Computers</a></li>
            <li><a href="#" title="Toys & Hobbies">Toys & Hobbies</a></li>
            <li><a href="#" title="Home & Garden">Home & Garden</a></li>
            <li><a href="#" title="Decor & Furniture">Decor & Furniture</a></li>
            <li><a href="#" title="Sports & Fitness">Sports & Fitness</a></li>
            <li><a href="#" title="Gifts">Gifts</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 3rd Column for Demo19</title>
         <identifier>porto_footer_middle_3_for_19</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>MENU</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
            <li><a href="{{store url=""}}" title="Daily Deal">Daily Deal</a></li>
            <li><a href="{{store url="wishlist"}}" title="My Wishlist">My Wishlist</a></li>
            <li><a href="{{store url="blog"}}" title="Blog">Blog</a></li>
            <li><a href="{{store url="customer/login"}}" title="Login">Login</a></li>
            <li><a href="{{store url="about-porto-9"}}" title="About Us">About Us</a></li>
            <li><a href="{{store url="contact"}}" title="Contact">Contact</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 4th Column for Demo19</title>
         <identifier>porto_footer_middle_4_for_19</identifier>
         <content><![CDATA[<div class="block" style="margin-bottom:50px;">
    <div class="block-title"><strong>FOLLOW US</strong></div>
    <div class="block-content">
        <a href="https://www.facebook.com/" title="Facebook" target="_blank" style="font-size: 22px;margin: 0 10px;margin-left: -10px;"><i class="porto-icon-facebook"></i></a>
        <a href="https://twitter.com/" title="Twitter" target="_blank" style="font-size: 22px;margin: 0 10px;"><i class="porto-icon-twitter"></i></a>
        <a href="https://www.instagram.com/" title="Instagram" target="_blank" style="font-size: 22px;margin: 0 10px;"><i class="porto-icon-instagram"></i></a>
    </div>
</div>
<div class="block">
    <div class="block-title"><strong>NEWSLETTER</strong></div>
    <div class="block-content">
        {{block class="Magento\Newsletter\Block\Subscribe" name="subscribe_form" template="subscribe_form.phtml"}}
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo20</title>
         <identifier>porto_footer_middle_1_for_20</identifier>
         <content><![CDATA[<div class="row">
    <div class="col-lg-6">
        <div class="block">
            <div class="block-content">
                <img src="{{media url="wysiwyg/smartwave/porto/footer/logo_white_plus.png"}}" alt="" />
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="block">
            <div class="block-title"><strong>Features</strong></div>
            <div class="block-content">
                <ul class="links">
                    <li><a href="#" title="Men">MEN</a></li>
                    <li><a href="#" title="Women">WOMEN</a></li>
                    <li><a href="#" title="Boys">BOYS</a></li>
                    <li><a href="#" title="Girls">GIRLS</a></li>
                    <li><a href="#" title="New Arrivals">NEW ARRIVALS</a></li>
                    <li><a href="#" title="Shoes">SHOES</a></li>
                    <li><a href="#" title="Clothes">CLOTHES</a></li>
                    <li><a href="#" title="Accessories">ACCESSORIES</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2nd Column for Demo20</title>
         <identifier>porto_footer_middle_2_for_20</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>Menu</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="{{store url="about-porto-20"}}" title="About Us">ABOUT US</a></li>
            <li><a href="{{store url="contact"}}" title="Contact Us">CONTACT US</a></li>
            <li><a href="{{store url="customer/account"}}" title="My Account">MY ACCOUNT</a></li>
            <li><a href="{{store url="sales/order/history"}}" title="Blog">ORDERS HISTORY</a></li>
            <li><a href="{{store url="wishlist"}}" title="My Wishlist">MY WISHLIST</a></li>
            <li><a href="{{store url="blog"}}" title="Blog">BLOG</a></li>
            <li><a href="{{store url="customer/login"}}" title="Login">LOGIN</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 3rd Column for Demo20</title>
         <identifier>porto_footer_middle_3_for_20</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>Contact us</strong></div>
    <div class="block-content">
        <ul class="contact-info">
            <li><p><b style="color:#fff;">ADDRESS:</b><br/>123 STREET NAME, CITY, ENGLAND</p></li>
            <li><p><b style="color:#fff;">PHONE:</b><br/>(123) 456-7890</p></li>
            <li><p><b style="color:#fff;">EMAIL:</b><br/><a href="mailto:mail@example.com">MAIL@EXAMPLE.COM</a></p></li>
            <li><p><b style="color:#fff;">WORKING DAYS/HOURS:</b><br/>MON - SUN / 9:00AM - 8:00PM<br/><span style="color: #0f0;">OPEN NOW</span></p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 4th Column for Demo20</title>
         <identifier>porto_footer_middle_4_for_20</identifier>
         <content><![CDATA[<div class="row">
    <div class="col-lg-6">
        <div class="block" style="margin-bottom:50px;">
            <div class="block-title"><strong>Follow us</strong></div>
            <div class="block-content">
                <p><a href="https://www.facebook.com/" title="Facebook" target="_blank" style="font-size: 22px;"><i class="porto-icon-facebook" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">FACEBOOK</span></a></p>
                <p><a href="https://twitter.com/" title="Twitter" target="_blank" style="font-size: 22px;"><i class="porto-icon-twitter" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">TWITTER</span></a></p>
                <p><a href="https://www.instagram.com/" title="Instagram" target="_blank" style="font-size: 22px;"><i class="porto-icon-instagram" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">INSTAGRAM</span></a></p>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="block">
            <div class="block-title"><strong>Join us</strong></div>
            <div class="block-content">
                <p>JOIN THE WORLD<br/>OF PORTO ECOMMERCE</p>
                {{block class="Magento\Newsletter\Block\Subscribe" name="subscribe_form" template="subscribe_form.phtml"}}
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Main Area</title>
         <identifier>porto_product_main_custom_block</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/product/custom_image.jpg"}}" alt="" style="max-width: 100%; float: right;" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 1st Column for Demo1</title>
         <identifier>porto_footer_middle_1_for_1</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>MENU</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="{{store url="about-porto-1"}}" title="About Us">About Us</a></li>
            <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
            <li><a href="{{store url="sales/order/history"}}" title="Orders History">Orders History</a></li>
            <li><a href="{{store url="catalogsearch/advanced"}}" title="Advanced Search">Advanced Search</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 2nd Column for Demo1</title>
         <identifier>porto_footer_middle_2_for_1</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>FEATURES</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="#" title="Page 1 - Lorem ipsum dolor">Page 1 - Lorem ipsum dolor</a></li>
            <li><a href="#" title="Page 2 - Consectetur">Page 2 - Consectetur</a></li>
            <li><a href="#" title="Page 3 - Adipiscing elit">Page 3 - Adipiscing elit</a></li>
            <li><a href="#" title="Page 4 - Integer iaculis nisl">Page 4 - Integer iaculis nisl</a></li>
            <li><a href="#" title="Page 5 - Pretium Ligula ornare">Page 5 - Pretium Ligula ornare</a></li>
            <li><a href="#" title="Page 6 - Pellentesque">Page 6 - Pellentesque</a></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 3rd Column for Demo1</title>
         <identifier>porto_footer_middle_3_for_1</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>CONTACT US</strong></div>
    <div class="block-content">
        <ul class="contact-info">
            <li><p>Address:<br/>123 Street Name, City,<br/>United States</p></li>
            <li><p>Phone:<br/>(123) 456-7890</p></li>
            <li><p>Email:<br/>mail@example.com</p></li>
            <li><p>Working Days/Hours:<br/>Mon - Sun / 9:00AM - 8:00PM<br/><span style="color: #0f0;">Open now</span></p></li>
        </ul>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle - 4th Column for Demo1</title>
         <identifier>porto_footer_middle_4_for_1</identifier>
         <content><![CDATA[<div class="row">
    <div class="col-lg-6">
        <div class="block" style="margin-bottom:50px;">
            <div class="block-title"><strong>FOLLOW US</strong></div>
            <div class="block-content">
                <p><a href="https://www.facebook.com/" title="Facebook" target="_blank" style="font-size: 22px;"><i class="porto-icon-facebook" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">FACEBOOK</span></a></p>
                <p><a href="https://twitter.com/" title="Twitter" target="_blank" style="font-size: 22px;"><i class="porto-icon-twitter" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">TWITTER</span></a></p>
                <p><a href="https://www.instagram.com/" title="Instagram" target="_blank" style="font-size: 22px;"><i class="porto-icon-instagram" style="color:#fff;vertical-align:middle;"></i><span style="font-size: 13px;vertical-align:middle;margin-left:5px;">INSTAGRAM</span></a></p>
            </div>
        </div>
    </div>
    <div class="col-lg-6">
        <div class="block">
            <div class="block-title"><strong>JOIN US</strong></div>
            <div class="block-content">
                <p style="margin-bottom: 20px;">Get all the latest information on Events,<br>Sales and Offers. Sign up for newsletter today.</p>
                {{block class="Magento\Newsletter\Block\Subscribe" name="subscribe_form" template="subscribe_form.phtml"}}
            </div>
        </div>
    </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 4 - Top Block</title>
         <identifier>porto_about_us_4_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/4/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 80px 0;">
  <div class="container">
    <em style="font-family:'Open Sans';font-size:18px;font-weight: 700;color: #1e3636;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">ABOUT US</em>
    <h2 style="font-family:'Open Sans';font-size:36px;font-weight: 800;color: #1e3636;font-style: normal;line-height: 1;margin: 0;margin-bottom: 30px;">OUR COMPANY</h2>
    <button class="btn" style="font-family:'Oswald';font-size:14px;font-weight:400;line-height:1;color:#fff;background-color: #010204;padding: 13px 25px;border-radius: 2px;height:auto;border:0;">CONTACT</button>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 7 - Top Block</title>
         <identifier>porto_about_us_7_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/7/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
  <div class="container">
    <em style="font-family:'Open Sans';font-size:18px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">SUCCESS WAY OF</em>
    <h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">OUR HISTORY</h2>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 8 - Top Block</title>
         <identifier>porto_about_us_8_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/8/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
  <div class="container">
    <h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 9 - Top Block</title>
         <identifier>porto_about_us_9_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/9/top-bg.jpg"}}) 66% 0 no-repeat;background-size: cover;text-align: left;padding: 100px 0;">
  <div class="container">
    <em style="font-family:'Open Sans';font-size:18px;font-weight: 400;color: #000;font-style: normal;line-height: 1;display: block;margin-bottom: 5px;">OUR HISTORY</em>
    <h2 style="font-family:'Oswald';font-size:60px;font-weight: 700;color: #000;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 13 - Top Block</title>
         <identifier>porto_about_us_13_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/13/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 210px 0 200px;">
  <div class="container">
    <h2 style="font-family:'Oswald';font-size:46px;font-weight: 700;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 16 - Top Block</title>
         <identifier>porto_about_us_16_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/16/top-bg.jpg"}}) right no-repeat;background-size: cover;text-align: left;padding: 210px 0 200px;">
  <div class="container">
    <h2 class="bg-title" style="font-family:'Oswald';font-size:60px;font-weight: 400;color: #fff;font-style: normal;line-height: 1;margin: 0;margin-left: 50px;display:inline-block;"><span style="display:inline-block;">ABOUT US<span></h2>
  </div>
</div>
<style type="text/css">
h2.bg-title {
  position: relative;
}
h2.bg-title:before {
  content: '';
  position: absolute;
  border: 70px solid transparent;
  border-bottom-color: #292525;
  border-left-width: 0;
  border-right-width: 15px;
  border-top: 0;
  width: 270px;
  height: 70px;
  left: -15px;
}
h2.bg-title span {
  position: relative;
  z-index: 1;
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 18 - Top Block</title>
         <identifier>porto_about_us_18_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/18/top-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding: 130px 0;">
  <div class="container">
    <h2 style="font-family:'Oswald';font-size:36px;font-weight: 700;color: #333;font-style: normal;line-height: 1;margin: 0;">WHO WE ARE</h2>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - About Us 20 - Top Block</title>
         <identifier>porto_about_us_20_top_block</identifier>
         <content><![CDATA[<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/top-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:205px 0 115px;">
  <div class="not-fullwidth container">
    <em style="font-family: 'Poppins';font-size: 25.5px;font-weight: 500;color: #fff;font-style: normal;line-height: 1;display: block;margin-bottom: 10px;letter-spacing: 4px;">HISTORY</em>
    <h2 style="font-family:'Oswald';font-size: 60px;font-weight: 400;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
  </div>
</div>
<div class="content-row main-container" style="padding-top:65px;padding-bottom:80px;">
  <div class="row">
    <div class="col-xl-6">
      <img src="{{media url="wysiwyg/smartwave/porto/aboutus/20/about.jpg"}}" style="width:100%;" alt="" />
    </div>
    <div class="col-xl-6 p-xl-45">
      <h2 style="margin-top:50px;">WHAT WE ARE</h2>
      <p style="max-width:735px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p>
      <ul class="features-ul">
        <li><i class="porto-icon-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
        <li><i class="porto-icon-angle-right"></i>Nulla id nisi a nulla rhoncus sodales et ac lectus.</li>
        <li><i class="porto-icon-angle-right"></i>In sagittis diam et lorem egestas, ac sodales dolor venenatis.</li>
      </ul>
    </div>
  </div>
</div>
<div class="content-row main-container" style="padding-top:0;padding-bottom:0;">
  <div style="padding-top:40px;padding-bottom:75px;border-top:1px solid #e3e3e3;">
    <div class="row">
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR MISSION</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR VISION</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR VALUE</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
    </div>
  </div>
</div>
<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/middle-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:95px 0 75px;">
  <div class="not-fullwidth container">
    <div class="counters">
      <div class="row">
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="300">
            <strong data-to="32561" data-append="M+">32561M+</strong>
            <label>Sold Products</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="600">
            <strong data-to="42561" data-append="M+">42561M+</strong>
            <label>Happy Buyers</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="900">
            <strong data-to="866" data-append="+">866+</strong>
            <label>Employees</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
            <strong data-to="58584" data-append="M+">58584M+</strong>
            <label>Products</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
            <strong data-to="24" data-append="HR+">24HR+</strong>
            <label>Support Available</label>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        // Counter
        require([
          'jquery'
        ], function ($) {
          'use strict';
          if ($.isFunction($.fn['themePluginCounter'])) {
            $(function() {
              $('[data-plugin-counter]:not(.manual), .counters [data-to]').each(function() {
                var $this = $(this), opts;
                var pluginOptions = $this.data('plugin-options');
                if (pluginOptions)
                  opts = pluginOptions;
                $this.themePluginCounter(opts);
              });
            });
          }
        });
      </script>
    </div>
  </div>
</div>
<div class="content-row main-container" style="padding-top:80px;padding-bottom:80px;text-align:center;">
  <h2 style="margin-bottom:35px;">BUYERS REVIEW</h2>
  <div class="owl-side-narrow">
    <div id="review-slider-about" class="owl-carousel owl-theme">
      <div class="item">
        <div class="buyers-review">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
          <div class="buyer-info">
            <h4>Client Name</h4>
            <div class="ratings">
              <div class="rating-box">
                <div class="rating" style="width:80%"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="buyers-review">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
          <div class="buyer-info">
            <h4>Client Name</h4>
            <div class="ratings">
              <div class="rating-box">
                <div class="rating" style="width:80%"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#review-slider-about").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        margin: 0,
        nav: true,
        dots: false,
        navRewind: true,
        loop: true,
        navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"]
      });
    });
    </script>
  </div>
</div>
<div class="content-row" style="background-color:#ebebeb;">
  <div class="main-container" style="padding-top:40px;padding-bottom:40px;">
    <div class="support-block row">
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-support"></i>
          <h3>ONLINE SUPPORT</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-shipping"></i>
          <h3>FREE SHIPPING &amp; RETURN</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-money"></i>
          <h3>MONEY BACK GUARANTEE</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-shirt"></i>
          <h3>NEW STYLES EVERY DAY</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
.main-container {
  padding: 30px 15px 50px 15px;
}
@media (min-width:768px){
    .main-container {
        padding: 30px 85px 50px 85px;
  }
  .columns .column.main, .page-main {
    min-height: 0;
    padding: 0;
  }
}
.counter {
  text-align:center;
  padding-bottom: 20px;
}
.counter > label {
  display: block;
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}
.counter > strong {
  font-family: 'Oswald';
  font-size: 38px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-bottom: 15px;
  display: block;
}
.counter > strong span {
  font-size: 19px;
}
@media (min-width: 992px) {
  .counters .col-lg-2 {
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.support-block .support-item {
  padding: 0;
  line-height: 1.4;
  margin-bottom: 12px;
}
.support-block .support-item:after {
  content: '';
  display: table;
  clear: both;
}
.support-block .support-item > i {
  font-size: 50px;
  color: #141a1f;
  float: left;
  margin: -10px 15px 0 0;
}
.support-block .support-item > h3 {
  color: #141a1f;
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.support-block .support-item > p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #646a70;
  line-height: 1.8;
  margin-left: 85px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 81px;
}
.owl-side-narrow {
    margin: 0 -10px;
}
.owl-side-narrow .owl-controls .owl-nav [class*=owl-] {
    color: #717171;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 24px;
    position: absolute;
    top: 15px;
}
.owl-side-narrow .owl-controls .owl-nav .owl-prev {
  left: 0;
}
.owl-side-narrow .owl-controls .owl-nav .owl-next {
  right: 0;
}
.owl-side-narrow .owl-carousel {
  padding: 0 80px;
}
.owl-side-narrow .owl-carousel .owl-item.loading {
  min-height: 60px;
}
.owl-side-narrow .owl-controls {
  margin: 0;
}
#brands-slider-about img {
  opacity: 0.5;
}
.content-row {
  text-align: left;
}
.content-row h2 {
  font-family: 'Oswald';
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  color: #080808;
}
.content-row p {
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.features-ul {
  font-size: 16px;
  line-height: 2;
  margin-top: 30px;
  list-style: none;
  padding: 0;
}
.features-ul li {
  margin: 0;
}
.features-ul i {
  color: #080808;
  margin-right: 15px;
}
@media (min-width: 1200px) {
  .p-xl-45 {
    padding: 0 45px;
  }
}
.page-wrapper {
  background-color: #f5f5f5;
}
.content-row.main-container, .content-row .main-container {
  min-height: 0;
}
.buyers-review p {
  font-size:18px;
  max-width: 940px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 35px;
}
.buyers-review .buyer-info {
  padding-top: 25px;
  position: relative;
}
.buyers-review .buyer-info:before {
  content: '';
  display: block;
  width: 25px;
  border-top: 2px solid #161616;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.5px;
}
.buyers-review h4 {
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 500;
  color: #080808;
  margin-bottom: 5px;
}
.buyers-review .ratings {
  margin: 5px 0 0;
}
.buyers-review .rating-box:before {
  font-size: 14px;
  color: #9b9b9b;
}
.buyers-review .ratings .rating-box {
  height: 14px;
  width: 83px;
}
.buyers-review .rating-box:before {
  font-size: 14px;
  color: #9b9b9b;
  height: 14px;
  line-height: 14px;
  width: 83px;
}
.buyers-review .rating-box .rating {
  height: 14px;
}
.buyers-review .rating-box .rating:before {
  color: #080808;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  width: 83px;
}
</style>]]></content>
         <is_active>1</is_active>
      </cms_item>
   </blocks>
</root>
