<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-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/slide2.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:33%;left:7%;text-align:left;">
                    <h2 style="font-family:'Oswald';font-weight:700;color:#000;line-height:1.2;">Winter Sale<br/>Get 30% OFF<br/>On JACKETS.</h2>
                    <p style="font-size: 16px;color: #666;margin-bottom: 20px;">It’s Time To Start Shopping Porto’s Winter Sale</p>
                    <div style="text-align:left;"><a href="http://www.newsmartwave.net/magento2/porto/demo3_en/categories.html" 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/slide3.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:33%;left:7%;text-align:left;">
                    <h2 style="font-family:'Oswald';font-weight:700;color:#000;line-height:1.2;">New Campaign Sale<br/>UP to 70%</h2>
                    <p style="font-size: 16px;color: #666;margin-bottom: 20px;">Fashion for Women | Spring/Summer Collection</p>
                    <div style="text-align:left;"><a href="http://www.newsmartwave.net/magento2/porto/demo3_en/categories.html" 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>
    <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>
<div class="container" style="padding-top: 65px;padding-bottom: 45px;">
    <h2 class="filterproduct-title"><span class="content"><strong>Shop By Category</strong></span></h2>
    <p>Browse in all our categories</p>
  <div class="row" style="margin: 0 -10px;">
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item01.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Accessories</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item02.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Bags</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item03.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Electronics</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item04.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Fashion</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item05.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Headphone</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
    <div class="col-6 col-md-4 col-xl-2" style="padding: 0 10px;">
      <a href="#" class="shop-by-cat-item">
        <span class="cat-thumb">
          <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/cat_item06.jpg"}}" alt="" />
        </span>
        <span class="cat-detail">
          <h3>Shoes</h3>
          <p>8 Products</p>
        </span>
      </a>
    </div>
  </div>
</div>
<div class="container" style="background-color: #f4f4f4;padding-top: 65px;padding-bottom: 45px;">
  <div class="row" style="margin: 0 -10px;">
    <div class="col-md-6 col-xl-3" style="padding: 0 10px;">
      <div class="porto-ibanner home-ads1 text-left">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/home_ads01.jpg"}}" alt="" />
        <div class="porto-ibanner-desc" style="top: auto;bottom: 1%;">
          <h2>Sunglasses Sale</h2>
          <p>See all and find yours</p>
          <p><a class="btn" href="#">SHOP BY JACKETS</a></p>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xl-3" style="padding: 0 10px;">
      <div class="porto-ibanner home-ads2 text-center">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/home_ads02.jpg"}}" alt="" />
        <div class="porto-ibanner-desc" style="top: 11%;bottom: auto;">
          <h2>Cosmetics Trends</h2>
          <p>Browse in all our categories</p>
          <p><a class="btn" href="#">SHOP BY GLASSES</a></p>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xl-3" style="padding: 0 10px;">
      <div class="porto-ibanner home-ads3 text-center">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/home_ads03.jpg"}}" alt="" />
        <div class="porto-ibanner-desc">
          <h2 style="color: #fff;">Fashion Summer Sale</h2>
          <p style="color: rgba(255,255,255,.8);">Browse in all our categories</p>
          <p><a class="btn btn-light" href="#">SHOP BY GLASSES</a></p>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xl-3" style="padding: 0 10px;">
      <div class="porto-ibanner home-ads4 text-center">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/home_ads04.jpg"}}" alt="" />
        <div class="porto-ibanner-desc" style="top: auto;bottom: 0">
          <h2>UP TO 70% IN ALL BAGS</h2>
          <p>Starting at $99</p>
          <p><a class="btn" href="#">SHOP BY BAGS</a></p>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container" style="padding-top: 65px;padding-bottom: 45px;">
    <h2 class="filterproduct-title"><span class="content"><strong>Popular Products</strong></span></h2>
    <p>Check all our popular products</p>
  {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest" aspect_ratio="1" column_count="6" product_count="12" image_width="212" product_type="3" template="grid.phtml"}}
</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" product_type="4" 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: 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" product_type="4" 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: 0,
            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" product_type="3" 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: 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="masonry_9" product_count="10" aspect_ratio="0" image_width="300" image_height="337" masonry_layout="9" product_type="3" gap_width="4" grid_height="500" 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: 20,
          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" product_type="1" 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:30px;"> 
  <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: 20,
              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" product_type="1" 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: 20,
              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">
      {{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" product_type="1" 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: 20,
              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" product_type="3" 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:2
            },
            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" product_type="3" 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:2
            },
            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" product_type="3" 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" product_type="1" 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" product_type="1" 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;background-position:center;">
    <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" product_type="2" template="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: 20,
              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" product_type="1" 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%;display: block;}
  .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',
      'owlcarousel',
      'owlcarousel_thumbs'
    ], 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',
      'parallax'
    ], 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;
  }
.full-screen-slider {
    width: 100%;
}
  @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 2020 by PORTO.</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[<img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/payment-icon.png"}}" alt="" />]]></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. © 2020. 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. 2020. 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. 2020. 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. 2020. 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="https://1.envato.market/j61Ob">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="https://1.envato.market/j61Ob">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 2020 by PORTO.</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 Top for Demo1</title>
         <identifier>porto_footer_top_1_for_1</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>SUBSCRIBE NEWSLETTER</span></strong></div> 
        <div class="block-content">
          <p>Get all the latest information on Events, Sales and Offers.</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 Demo1</title>
         <identifier>porto_footer_middle_1_for_1</identifier>
         <content><![CDATA[<div class="block">
    <div class="block-title"><strong>CONTACT INFO</strong></div>
    <div class="block-content">
        <ul class="contact-info">
            <li><strong>Address:</strong><span>1234 Street Name, City, England</span></li>
            <li><strong>Phone:</strong><span>(123) 456-7890</span></li>
            <li><strong>Email:</strong><span><a href="mailto:mail@example.com">mail@example.com</a></span></li>
            <li><strong>Working Days/Hours:</strong><span>Mon - Sun / 9:00 AM - 8:00 PM</span></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>MY ACCOUNT</strong></div>
    <div class="block-content">
    <div class="row">
      <div class="col-xl-6">
        <ul class="links">
          <li><a href="{{store url=""}}about-porto" 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-xl-6">
        <ul class="links">
          <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>
    </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>MAIN FEATURES</strong></div>
    <div class="block-content">
    <div class="row">
      <div class="col-xl-6">
        <ul class="links">
          <li><a href="javascript:void(0)">Super Fast Magento Theme</a></li>
          <li><a href="javascript:void(0)">1st Fully working Ajax Theme</a></li>
          <li><a href="javascript:void(0)">21 Unique Shop Layouts</a></li>
        </ul>
      </div>
      <div class="col-xl-6">
        <ul class="links">
          <li><a href="javascript:void(0)">Powerful Admin Panel</a></li>
          <li><a href="javascript:void(0)">Mobile & Retina Optimized</a></li>
        </ul>
      </div>
    </div>
    </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>
      <cms_item>
         <title>Porto - Footer Top - Custom Block 22</title>
         <identifier>porto_footer_top_custom_block_22</identifier>
         <content><![CDATA[<div class="row align-items-center">
  <div class="col-md-6 col-lg-3">
    <h4 style="font-size: 18px;color: #ffffff">Sign Up to Newsletter</h4>
  </div>
  <div class="col-md-6 col-lg-4">
    <h4 style="font-size: 13px;color: #ffffff;line-height: 20px;font-weight:400;margin: 0;">Get all the latest information on Events, Sales and Offers.</h4>
    <h2 style="font-size: 16px;color: #ffffff;line-height: 20px;font-weight:700;margin: 0;">Receive $10 coupon for first shopping.</h2>
  </div>
  <div class="col-md-12 col-lg-5">
    {{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 Middle 1 for 22</title>
         <identifier>porto_footer_middle_1_for_22</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 60px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/footer_logo.png"}}" alt="" />
</div>
<div style="">
  <div style="display: inline-block;vertical-align:top;margin-right: 30px;">
    <p style="font-size: 11px;font-weight: 600;line-height: 1;color: #777;margin: 0;">CALL US NOW:</p>
    <p style="font-size: 16px;color: #222529;font-weight: 700;line-height: 1.8;">+123 5678 890</p>
  </div>
  <div style="display: inline-block;vertical-align:top;margin-right: 30px;">
    <p style="font-size: 11px;font-weight: 600;line-height: 1;color: #777;margin: 0;">E-MAIL ADDRESS:</p>
    <p style="font-size: 16px;color: #222529;font-weight: 700;line-height: 1.8;">mail@example.com</p>
  </div>
  <div style="display: inline-block;vertical-align:top;">
    <p style="font-size: 11px;font-weight: 600;line-height: 1;color: #777;margin: 0; margin-bottom: 5px;">FOLLOW US</p>
    <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>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 22</title>
         <identifier>porto_footer_middle_2_for_22</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Categories</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="{{store url=""}}" title="Electronics">Electronics</a></li>
      <li><a href="{{store url=""}}" title="Fashion">Fashion</a></li>
      <li><a href="{{store url=""}}" title="Gifts">Gifts</a></li>
      <li><a href="{{store url=""}}" title="Music">Music</a></li>
      <li><a href="{{store url=""}}" title="Trousers">Trousers</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 22</title>
         <identifier>porto_footer_middle_3_for_22</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>About</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="{{store url="about-porto"}}" 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=""}}" title="All Collections">All Collections</a></li>
      <li><a href="{{store url=""}}" title="Privacy policy">Privacy policy</a></li>
      <li><a href="{{store url=""}}" title="Terms & Conditions">Terms & Conditions</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 4 for 22</title>
         <identifier>porto_footer_middle_4_for_22</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Customer Care</span></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="wishlist"}}" title="Wishlist">Wishlist</a></li>
      <li><a href="{{store url="checkout/cart"}}" title="Shopping Cart">Shopping Cart</a></li>
      <li><a href="{{store url=""}}" title="Terms & Conditions">Terms & Conditions</a></li>
      <li><a href="{{store url=""}}" title="FAQs">FAQs</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Custom Block 22</title>
         <identifier>porto_footer_bottom_custom_block_22</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/homepage/03/content/payment-icon.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice 23</title>
         <identifier>porto_custom_notice_23</identifier>
         <content><![CDATA[<div class="custom-html" style="text-align: center;color: #222529;font-weight: 600;background: #f5f6f8;padding: 9px 20px;">
  <i class="porto-icon-shipping" style="font-size: 26px; vertical-align: middle; margin-right: 4px;"></i><b>FREE SHIPPING</b> on orders of $80 or more! Code: <b>PORTOMAGIC</b> | Restrictions Apply. <a href="#" style="text-decoration: underline;color: #222529;"><i>See All Offers</i><button class="mfp-close"></button></a>
</div>
<script type="text/javascript">
    require([
        'jquery'
    ], function ($) {
        $("body > .custom-html button.mfp-close").off("click").on("click", function(){
            $("body > .custom-html").addClass("hide");
        });
    });
</script>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header 21</title>
         <identifier>porto_custom_block_for_header_21</identifier>
         <content><![CDATA[<a href="{{store url="customer/account"}}" title="My Account"><i class="porto-new-icon-user-2"></i><span><span style="display: block;font-size: 12px;line-height: 1;letter-spacing: -0.3px;margin-bottom: 3px;">Hello!</span><span style="line-height: 1;display: block;font-weight: 700;">My Account</span></span> </a>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 23</title>
         <identifier>porto_footer_middle_1_for_23</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 30px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/23/logo_grey_italic.png"}}" alt="" />
</div>
<div class="row contact-info">
  <div class="col-md-6">
    <strong>Address:</strong>
    <span>123 Street Name, City, England</span>
  </div>
  <div class="col-md-6">
    <strong>Phone:</strong>
    <span>Toll Free (123) 456-7890</span>
  </div>
  <div class="col-md-6">
    <strong>Email:</strong>
    <span><a href="mailto:mail@example.com">mail@example.com</a></span>
  </div>
  <div class="col-md-6">
    <strong>Working Days/Hours:</strong>
    <span>Mon - Sun / 9:00AM - 8:00PM</span>
  </div>
</div>
<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>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 23</title>
         <identifier>porto_footer_middle_2_for_23</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Account</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
          <li><a href="{{store url=""}}" title="Track Your Order">Track Your Order</a></li>
          <li><a href="{{store url=""}}" title="Payment Methods">Payment Methods</a></li>
          <li><a href="{{store url=""}}" title="Shipping Guide">Shipping Guide</a></li>
          <li><a href="{{store url=""}}" title="FAQs">FAQs</a></li>
          <li><a href="{{store url=""}}" title="Product Support">Product Support</a></li>
          <li><a href="{{store url=""}}" title="Privacy">Privacy</a></li>
        </ul>
      </div>
      <div class="col-sm-6">
        <ul class="links">
          <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>
          <li><a href="{{store url=""}}" title="Affiliate Program">Affiliate Program</a></li>
        </ul>
      </div>
    </div>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 23</title>
         <identifier>porto_footer_middle_3_for_23</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>About</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url="about-porto"}}" title="About Porto">About Porto</a></li>
          <li><a href="{{store url=""}}" title="Our Guarantees">Our Guarantees</a></li>
          <li><a href="{{store url=""}}" title="Terms And Conditions">Terms And Conditions</a></li>
          <li><a href="{{store url=""}}" title="Privacy policy">Privacy policy</a></li>
          <li><a href="{{store url=""}}" title="Return Policy">Return Policy</a></li>
          <li><a href="{{store url=""}}" title="Intellectual Property ">Intellectual Property</a></li>
          <li><a href="{{store url=""}}" title="Site Map">Site Map</a></li>
        </ul>
      </div>
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url=""}}" title="Site Index">Site Index</a></li>
          <li><a href="{{store url=""}}" title="Porto for the Press">Porto for the Press</a></li>
          <li><a href="{{store url=""}}" title="Business Accounts">Business Accounts</a></li>
        </ul>
      </div>
    </div>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Custom Block 23</title>
         <identifier>porto_footer_bottom_custom_block_23</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/homepage/23/payment_logo.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice 24</title>
         <identifier>porto_custom_notice_24</identifier>
         <content><![CDATA[<div class="custom-html" style="background-color: #f4f4f4;padding: 10px 0;text-align: center;"><span style="font-size:11px; color: #ea6253;">USE <b style="font-weight:600;">PORTO24</b> AND GET 20% OFF IN ALL PRODUCTS</span></div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 24</title>
         <identifier>porto_footer_middle_1_for_24</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong>CONTACT INFO</strong></div>
  <div class="block-content">
    <ul class="contact-info">
      <li><p>ADDRESS:<br>123 Street Name, City, England</p></li>
      <li><p>PHONE:<br>(123) 456-7890</p></li>
    </ul>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 24</title>
         <identifier>porto_footer_middle_2_for_24</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>MY ACCOUNT</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url="about-porto"}}" 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-sm-6">
        <ul class="links">
          <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>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 24</title>
         <identifier>porto_footer_middle_3_for_24</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Main Features</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-sm-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-sm-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>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2nd Row 1 for 24</title>
         <identifier>porto_footer_middle_2_1_for_24</identifier>
         <content><![CDATA[<div class="row" style="align-items:center;">
  <div class="col-lg-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 class="col-lg-4">
    <h2 style="font-family: Poppins;font-size: 14px;font-weight: 700;line-height: 1.4;color: #2b2b2d;margin: 0;">SUBSCRIBE NEWSLETTER</h2>
    <p style="margin: 0;">Get all the latest information on Events, Sales and Offers.</p>
  </div>
  <div class="col-lg-4">
    {{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 - Custom Notice 25</title>
         <identifier>porto_custom_notice_25</identifier>
         <content><![CDATA[<div class="row no-padding">
  <div class="col-md-6 col-lg-4 theme-bg-color" style="color: #fff;font-size: 13px;font-weight: 600;padding: 10px 2vw !important;">
    <i class="porto-icon-shipping" style="font-size: 24px;vertical-align: middle;"></i>
    <span style="vertical-align: middle;margin-left: 20px;">Free Shipping on Orders Over $99</span>
  </div>
  <div class="col-md-6 col-lg-4 d-none d-md-block theme-bg-color" style="color: #fff;font-size: 13px;font-weight: 600;padding: 10px 2vw !important;background-color: #284cea !important;">
    <i class="porto-icon-money" style="font-size: 24px;vertical-align: middle;margin-top: 2px;margin-bottom: -2px;display: inline-block;"></i>
    <span style="vertical-align: middle;margin-left: 20px;">Up to 40% OFF on Selected Items</span>
  </div>
  <div class="col-lg-4 d-none d-lg-block theme-bg-color" style="color: #fff;font-size: 13px;font-weight: 600;padding: 10px 2vw !important;">
    <i class="porto-icon-support" style="font-size: 24px;vertical-align: middle;"></i>
    <span style="vertical-align: middle;margin-left: 20px;">15% OFF Student Discount</span>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 25</title>
         <identifier>porto_footer_middle_1_for_25</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 24px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/22/footer_logo.png"}}" alt="" />
</div>
<p style="line-height: 24px;margin-bottom: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar feugiat quam, vitae aliquam urna egestas nec. Phasellus sit amet consequat tortor.</p>
<div style="">
  <div style="display: inline-block;vertical-align:top;margin-right: 20px;">
    <p style="font-size: 13px;font-weight: 600;line-height: 18px;color: #222529;margin: 0;">QUESTIONS?</p>
    <p class="theme-color" style="font-size: 22px;color: #222529;font-weight: 700;line-height: 1.4;">(123) 456-7890</p>
  </div>
  <div style="display: inline-block;vertical-align:top;">
    <p style="font-size: 13px;font-weight: 600;line-height: 18px;color: #222529;margin: 0;">PAYMENT METHODS</p>
    <p><img src="{{media url="wysiwyg/smartwave/porto/homepage/25/shop25_payment_logo.jpg"}}" alt="" /></p>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 25</title>
         <identifier>porto_footer_middle_2_for_25</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Account</span></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="Track Your Order">Track Your Order</a></li>
      <li><a href="{{store url=""}}" title="Payment Methods">Payment Methods</a></li>
      <li><a href="{{store url=""}}" title="Shipping Guide">Shipping Guide</a></li>
      <li><a href="{{store url=""}}" title="FAQs">FAQs</a></li>
      <li><a href="{{store url=""}}" title="Product Support">Product Support</a></li>
      <li><a href="{{store url=""}}" title="Privacy">Privacy</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 25</title>
         <identifier>porto_footer_middle_3_for_25</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>About</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="{{store url="about-porto"}}" title="About Porto">About Porto</a></li>
      <li><a href="#" title="Our Guarantees">Our Guarantees</a></li>
      <li><a href="#" title="Terms And Conditions">Terms And Conditions</a></li>
      <li><a href="{{store url=""}}" title="Privacy policy">Privacy policy</a></li>
      <li><a href="{{store url=""}}" title="Return Policy">Return Policy</a></li>
      <li><a href="{{store url=""}}" title="Intellectual Property Claims">Intellectual Property Claims</a></li>
      <li><a href="{{store url=""}}" title="Return Policy">Site Map</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 4 for 25</title>
         <identifier>porto_footer_middle_4_for_25</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Features</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="#">Powerful Admin Panel</a></li>
      <li><a href="#">Mobile & Retina Optimized</a></li>
      <li><a href="#">Super Fast WordPress Theme</a></li>
      <li><a href="#">1st Fully Working Ajax Theme</a></li>
      <li><a href="#">26 Unique Shop Demos</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Custom Block 25</title>
         <identifier>porto_footer_bottom_custom_block_25</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"></i></a>
  <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header 23</title>
         <identifier>porto_custom_block_for_header_23</identifier>
         <content><![CDATA[<span class="separator"></span>
<div style="display: inline-block;vertical-align: middle;">
  <p style="font-size: 11px;font-weight: 16px;margin: 0;">Call Us Now</p>
  <h3 style="font-size: 18px;font-weight: 700;line-height: 24px;letter-spacing: -0.18px;margin: 0;">1-888-123-456</h3>
  <a href="#" class="theme-color" style="font-size: 12px;text-decoration: underline;font-weight: 500;">or Chat Online</a>
</div>
<span class="separator"></span>
<a href="{{store url="customer/account"}}" title="My Account"><i class="porto-new-icon-user-2"></i><span>Hello!<br/><b>My Account</b></span> </a>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice 26</title>
         <identifier>porto_custom_notice_26</identifier>
         <content><![CDATA[<div style="background-color: #f4f4f4;letter-spacing: -0.26px;">
  <div class="container">
    <div class="row">
      <div class="d-flex justify-content-center justify-content-lg-end order-lg-2 col-md-12 col-lg-5 align-items-center" style="margin: 12px 0;">
        <i class="porto-icon-shipping" style="font-size: 24px;color: #222529;line-height: 1;margin-right: 15px;"></i>
        <div>
          <h3 class="porto-sicon-title" style="font-weight:700;font-size:18px;line-height:18px;margin:0 0 3px;color: #222529;letter-spacing: 0.18px">FREE NEXT DAY DELIVERY*</h3>
          <p style="font-weight:500;font-size:11px;line-height:13px;margin:0;">* On Business Days - Purchases $100 or More</p>
        </div>
      </div>
      <div class="d-block justify-content-center justify-content-lg-start col-md-12 col-lg-7 align-items-center d-md-flex text-center" style="margin: 7px 0;">
        <h2 style="font-size: 18px;color: #777777;line-height: 1;font-weight:500;margin: 0;margin-right: 16px;letter-spacing: -0.36px;" class="align-left"><i style="font-weight: 700;font-style: normal;display: inline-block;padding: 8px 9px;margin-right: 5px;background: linear-gradient(to right,#ec7200,#ffaa01);color: #fff;transform: rotate(-1deg);">30% OFF</i> <b style="color: #222529;">$200*</b> Use Code: <b style="color: #222529;">PORTOCARS</b></h2>
        <div class="porto-u-heading text-md-left">
          <h4 style="font-weight:600;color:#323232;font-size:14px;line-height:14px;margin: 0;">Online Purchases Only</h4>
          <h5 style="font-weight:500;font-size:11px;line-height:17px;margin: 0;">* Minimal Purchase Price</h5>
        </div>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 26</title>
         <identifier>porto_footer_middle_1_for_26</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 24px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/logo_ecommerce_white.png"}}" alt="" />
</div>
<p style="line-height: 24px;margin-bottom: 13px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pulvinar feugiat quam, vitae aliquam urna egestas nec. Phasellus sit amet consequat tortor.</p>
<div style="">
  <div style="display: inline-block;vertical-align:top;margin-right: 20px;">
    <p style="font-size: 13px;font-weight: 600;line-height: 18px;color: #fff;margin: 0;">QUESTIONS?</p>
    <p class="theme-color" style="font-size: 22px;font-weight: 700;line-height: 1.4;">1-888-123-456</p>
  </div>
  <div style="display: inline-block;vertical-align:top;">
    <p style="font-size: 13px;font-weight: 600;line-height: 18px;color: #fff;margin: 0;">PAYMENT METHODS</p>
    <p><img src="{{media url="wysiwyg/smartwave/porto/homepage/26/payments.png"}}" alt="" style="max-width: 295px;" /></p>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice 27</title>
         <identifier>porto_custom_notice_27</identifier>
         <content><![CDATA[<div class="row no-padding" style="letter-spacing: -0.28px;">
  <div class="col-md-6 col-lg-4 theme-bg-color" style="color: #fff;font-size: 14px;font-weight: 700;padding: 7px 2vw !important;text-align: center;">
    <i class="porto-icon-shipping" style="font-size: 26px;vertical-align: middle;"></i>
    <span style="vertical-align: middle;margin-left: 3px;">FREE SHIPPING & RETURN</span>
  </div>
  <div class="col-md-6 col-lg-4 d-none d-md-block theme-bg-color" style="color: #fff;font-size: 14px;font-weight: 700;padding: 7px 2vw !important;background-color: #43ada9 !important;text-align: center;">
    <i class="porto-icon-money" style="font-size: 26px;vertical-align: middle;margin-top: 2px;margin-bottom: -2px;display: inline-block;"></i>
    <span style="vertical-align: middle;margin-left: 3px;">MONEY BACK GUARANTEE</span>
  </div>
  <div class="col-lg-4 d-none d-lg-block theme-bg-color" style="color: #fff;font-size: 14px;font-weight: 700;padding: 7px 2vw !important;text-align: center;">
    <i class="porto-icon-support" style="font-size: 26px;vertical-align: middle;"></i>
    <span style="vertical-align: middle;margin-left: 3px;">ONLINE SUPPORT 24/7</span>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - Custom Block 27</title>
         <identifier>porto_footer_top_custom_block_27</identifier>
         <content><![CDATA[<div class="row" style="margin: 0;background-color: #222529;">
  <div class="py-4 py-lg-5 col-md-4 col-lg-3" style="padding-left: 6vw !important;display: flex;align-items: center;">
    <div class="porto-sicon-box style_1 default-icon" style="margin: 0;display: flex;align-items: center;">
      <i class="fab fa-instagram" style="color:#ffffff;font-size:50px;display:inline-block;vertical-align:middle;margin-right:15px;"></i>
      <div class="d-inline-block" style="vertical-align:middle;">
        <h2 class="porto-sicon-title" style="font-weight:600;font-size:18px;line-height:18px;color:#ffffff;margin:0 0 3px;">Follow Us on Instagram</h2>
        <p style="font-weight:400;font-size:13px;line-height:13px;color:rgba(255,255,255,0.7);margin:0;">@portoecommerce</p>
      </div>
    </div>
  </div>
  <div class="col-md-8 col-lg-9" style="padding: 0;">
    <div class="instagram-photos">
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_01.jpg"}}" alt="" />
      </div>
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_02.jpg"}}" alt="" />
      </div>
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_03.jpg"}}" alt="" />
      </div>
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_04.jpg"}}" alt="" />
      </div>
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_05.jpg"}}" alt="" />
      </div>
      <div class="photo-item">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/instagram_06.jpg"}}" alt="" />
      </div>
    </div>
  </div>
</div>
<div class="newsletter-section" style="background-color: #4db7b3;padding: 10px 0;">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-auto d-flex align-items-center" style="margin: 10px 0;">
        <i class="far fa-envelope" style="color:#fff;font-size:45px;display:inline-block;margin: 0 15px 0 0;"></i>
        <div>
          <h2 style="font-weight:600;font-size:18px;line-height:18px;color:#fff;margin:0;margin-bottom: 3px;">Get Special Offers and Savings</h2>
          <p style="font-weight:400;font-size:13px;line-height:15px;margin:0;color:rgba(255,255,255,0.7);">Get all the latest information on Events, Sales and Offers.</p>
        </div>
      </div>
      <div class="" style="width: 650px;flex: 0 0 auto;margin: 10px;">
        {{block class="Magento\Newsletter\Block\Subscribe" name="home.newsletter" template="subscribe_form.phtml"}}
      </div>
      <div class="text-lg-right" style="flex: 1;min-width: 152px;">
        <div class="social-icons d-inline-block" style="margin: 10px 0;margin-left: -30px;">
          <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 1 for 27</title>
         <identifier>porto_footer_middle_1_for_27</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 24px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/26/logo_ecommerce_white.png"}}" alt="" />
</div>
<p style="line-height: 24px;margin-bottom: 13px;">Lorem ipsum dolor sit amet, consectetur adipis.</p>
<div style="">
  <div style="">
    <p style="font-size: 13px;font-weight: 600;line-height: 18px;color: #fff;margin: 0;">QUESTIONS?</p>
    <p class="theme-color" style="font-size: 22px;font-weight: 700;line-height: 1.4;">1-888-123-456</p>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 27</title>
         <identifier>porto_footer_middle_2_for_27</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Account</span></strong></div>
  <div class="block-content">
    <div class="row">
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url="customer/account"}}" title="My Account">My Account</a></li>
          <li><a href="{{store url=""}}" title="Track Your Order">Track Your Order</a></li>
          <li><a href="{{store url=""}}" title="Payment Methods">Payment Methods</a></li>
          <li><a href="{{store url=""}}" title="Shipping Guide">Shipping Guide</a></li>
        </ul>
      </div>
      <div class="col-sm-6">
        <ul class="links">
          <li><a href="{{store url=""}}" title="FAQs">FAQs</a></li>
          <li><a href="{{store url=""}}" title="Product Support">Product Support</a></li>
          <li><a href="{{store url=""}}" title="Privacy">Privacy</a></li>
        </ul>
      </div>
    </div>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 27</title>
         <identifier>porto_footer_middle_3_for_27</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>About</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"}}" title="About Porto">About Porto</a></li>
          <li><a href="#" title="Our Guarantees">Our Guarantees</a></li>
          <li><a href="#" title="Terms And Conditions">Terms And Conditions</a></li>
          <li><a href="{{store url=""}}" title="Privacy policy">Privacy policy</a></li>
        </ul>
      </div>
      <div class="col-md-6">
        <ul class="links">
          <li><a href="{{store url=""}}" title="Return Policy">Return Policy</a></li>
          <li><a href="{{store url=""}}" title="Intellectual Property Claims">Intellectual Property Claims</a></li>
          <li><a href="{{store url=""}}" title="Return Policy">Site Map</a></li>
        </ul>
      </div>
    </div>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 4 for 27</title>
         <identifier>porto_footer_middle_4_for_27</identifier>
         <content><![CDATA[<div class="block text-lg-right">
  <div class="block-title"><strong><span>Features</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="#">Powerful Admin Panel</a></li>
      <li><a href="#">Mobile & Retina Optimized</a></li>
      <li><a href="#">Super Fast WordPress Theme</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Notice 28</title>
         <identifier>porto_custom_notice_28</identifier>
         <content><![CDATA[<div class="container">
  <div style="background-color: #fcf6ef;min-height: 46px;text-align: center;">
    <h5 style="color: #ed7e63;font-size: 14px;line-height: 24px;letter-spacing: -0.14px;margin: 0;font-weight: 500;line-height: 46px;">Get 10% OFF at the Porto Kitchen Selection - <a href='{{store url="shop.html"}}' style="font-weight: 700;color: #ed7e63;">Shop Now!</a></h5>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - Custom Block 28</title>
         <identifier>porto_footer_top_custom_block_28</identifier>
         <content><![CDATA[<div class="brands-slider-section">
  <div id="brands-slider-demo-28" class="brands-slider" style="text-align: center;">
    <div class="owl-carousel">
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand1.png"}}" alt="" style="display: inline-block;" /></div>
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand2.png"}}" alt="" style="display: inline-block;" /></div>
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand3.png"}}" alt="" style="display: inline-block;" /></div>
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand4.png"}}" alt="" style="display: inline-block;" /></div>
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand5.png"}}" alt="" style="display: inline-block;" /></div>
      <div class="item"><img class="owl-lazy" data-src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_brand6.png"}}" alt="" style="display: inline-block;" /></div>
    </div>
    <script type="text/javascript">
      require([
        'jquery',
        'owl.carousel/owl.carousel.min'
      ], function ($) {
        $("#brands-slider-demo-28 .owl-carousel").owlCarousel({
          autoplay: false,
          autoplayTimeout: 5000,
          autoplayHoverPause: true,
          margin: 0,
          nav: false,
          navText: ["<em class='porto-icon-left-open-huge'></em>","<em class='porto-icon-right-open-huge'></em>"],
          dots: false,
          loop: false,
          lazyLoad: true,
          responsive: {
            0: {
              items:2
            },
            640: {
              items:3
            },
            768: {
              items:4
            },
            992: {
              items:5
            },
            1200: {
              items:6
            }
          }
        });
      });
    </script>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 28</title>
         <identifier>porto_footer_middle_1_for_28</identifier>
         <content><![CDATA[<div class="footer-logo" style="margin-bottom: 30px;">
  <img src="{{media url="wysiwyg/smartwave/porto/homepage/28/logo_ecommerce_black.png"}}" alt="" />
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 2 for 28</title>
         <identifier>porto_footer_middle_2_for_28</identifier>
         <content><![CDATA[<div style="margin-bottom: 30px;">
  <div style="display: inline-block;vertical-align: bottom;">
    <p style="font-size: 13px;font-weight: 700;line-height: 24px;color: #222529;margin: 0;">Questions</p>
    <p class="theme-color" style="font-size: 22px;font-weight: 700;line-height: 30px;margin: 0;letter-spacing: 0.25px;margin-right: 20px;padding-right: 30px;border-right: 1px solid #e7e7e7;">1-888-123-456</p>
  </div>
  <div class="social-icons" style="display: inline-block;vertical-align: bottom;">
    <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://instagram.com/" title="Instagram" target="_blank"><i class="porto-icon-instagram"></i></a>
    <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 3 for 28</title>
         <identifier>porto_footer_middle_3_for_28</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-6 mb-4 mb-md-0">
    <div class="block">
      <div class="block-title"><strong><span>Account</span></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="Track Your Order">Track Your Order</a></li>
          <li><a href="{{store url=""}}" title="Payment Methods">Payment Methods</a></li>
          <li><a href="{{store url=""}}" title="Shipping Guide">Shipping Guide</a></li>
        </ul>
      </div> 
    </div>
  </div>
  <div class="col-md-6">
    <div class="block">
      <div class="block-title"><strong><span>About</span></strong></div>
      <div class="block-content">
        <ul class="links">
          <li><a href="{{store url="about-porto"}}" title="About Porto">About Porto</a></li>
          <li><a href="#" title="Our Guarantees">Our Guarantees</a></li>
          <li><a href="#" title="Terms And Conditions">Terms And Conditions</a></li>
          <li><a href="{{store url=""}}" title="Privacy policy">Privacy policy</a></li>
        </ul>
      </div>
    </div>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 4 for 28</title>
         <identifier>porto_footer_middle_4_for_28</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Features</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="#">Powerful Admin Panel</a></li>
      <li><a href="#">Mobile & Retina Optimized</a></li>
      <li><a href="#">Super Fast WordPress Theme</a></li>
      <li><a href="#">1st Fully working Ajax Theme</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Bottom Custom Block 28</title>
         <identifier>porto_footer_bottom_custom_block_28</identifier>
         <content><![CDATA[<img src="{{media url="wysiwyg/smartwave/porto/homepage/28/shop28_payment_icons.png"}}" alt="" />]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header 25</title>
         <identifier>porto_custom_block_for_header_25</identifier>
         <content><![CDATA[<div style="display: inline-block;vertical-align: middle;margin-right: 34px;">
  <span class="d-block" style="font-size: 11px;font-weight: 500;line-height: 16px;">CALL US NOW</span>
  <h4 class="theme-color" style="margin: 0;font-weight: 700;font-size: 18px;line-height: 24px;">1-888-123-456</h4>
</div>
<div style="display: inline-block;vertical-align: middle;">
  <a href="{{store url='wishlist'}}" title="My Wish List" style="margin-right: 20px;color: #777;text-decoration: none;font-size: 12px;font-weight: 500;line-height: 24px;">Wishlist</a>
  <a href="{{store url='contact'}}" title="Contact Us" style="color: #777;text-decoration: none;font-size: 12px;font-weight: 500;line-height: 24px;">Contact Us</a>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Secondary Menu for Header 25</title>
         <identifier>porto_secondary_menu_for_header_25</identifier>
         <content><![CDATA[<nav class="navigation sw-megamenu " role="navigation">
  <ul>
    <li class="ui-menu-item level0 staticwidth parent ">
      <div class="open-children-toggle"></div>
      <a href="{{store url='shop.html'}}" class="level-top"><span>Categories</span></a>
      <div class="level0 submenu" style="width:630px;">
        <div class="container">
          <div class="row">
            <ul class="subchildmenu col-md-8 mega-columns columns2">
              <li class="ui-menu-item level1 parent ">
                <div class="open-children-toggle"></div>
                <a href="javascript:void(0)" style="pointer-events:none;"><span>Variations 1</span></a>
                <ul class="subchildmenu ">
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/electronics.html"><span>Fullwidth Banner</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Boxed Image Banner</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>Boxed Slider Banner</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Left Sidebar</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion/women.html"><span>Right Sidebar</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo17_en/fashion.html"><span>Product Flex Grid</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-product-list-types'}}"><span>Product List Item Types</span></a>
                  </li>
                </ul>
              </li>
              <li class="ui-menu-item level1 parent ">
                <div class="open-children-toggle"></div>
                <a href="javascript:void(0)" style="pointer-events:none;"><span>Variations 2</span></a>
                <ul class="subchildmenu ">
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>Ajax Infinite Scroll</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo10_en/fashion.html"><span>3 Columns Products</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/fashion.html"><span>4 Columns Products</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo11_en/fashion.html"><span>5 Columns Products</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo13_en/fashion.html"><span>6 Columns Products</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="javascript:void(0)"><span>7 Columns Products</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="javascript:void(0)"><span>8 Columns Products</span></a>
                  </li>
                </ul>
              </li>
            </ul>
            <div class="menu-right-block col-md-4">
              <a href="#" style="padding: 0;"><img style="width:100%;float:right;margin-top: 0;height: 100%;object-fit: cover;" src="{{media url="wysiwyg/smartwave/porto/megamenu/menu-banner9.jpg"}}" alt=""> </a> 
            </div>
          </div>
        </div>
      </div>
    </li>
    <li class="ui-menu-item level0 staticwidth parent">
      <div class="open-children-toggle"></div>
      <a href="{{store url='porto-evolution-headset-default.html'}}" class="level-top"><span>Products</span></a>
      <div class="level0 submenu" style="width:630px;">
        <div class="container">
          <div class="row">
            <ul class="subchildmenu col-md-8 mega-columns columns2">
              <li class="ui-menu-item level1 parent ">
                <div class="open-children-toggle"></div>
                <a href="javascript:void(0)" style="pointer-events:none;"><span>Variations</span></a>
                <ul class="subchildmenu ">
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-default.html"><span>Product Page With Sidebar</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo2_en/catalog/product/view/id/2349/s/jane-dress/"><span>Product Page Without Sidebar</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-default.html"><span>Horizontal Thumbnails</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-wide-grid.html"><span>Vertical Thumbnails</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo10_en/porto-evolution-headset-default.html"><span>Addtocart Sticky</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo5_en/porto-evolution-headset-wide-grid.html"><span>Vertical Tabs</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo8_en/porto-evolution-headset-default.html"><span>Accordion Tabs</span></a>
                  </li>
                </ul>
              </li>
              <li class="ui-menu-item level1 parent ">
                <div class="open-children-toggle"></div>
                <a href="javascript:void(0)" style="pointer-events:none;"><span>Product Layout Types</span></a>
                <ul class="subchildmenu ">
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-default.html'}}"><span>Default Layout</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-carousel.html'}}"><span>Extended Layout</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-fullwidth.html'}}"><span>Full Width Layout</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-grid.html'}}"><span>Grid Images Layout</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-sticky-right-info.html'}}"><span>Sticky Right Side Info</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{store url='porto-evolution-headset-wide-grid.html'}}"><span>Vertical Layout</span><span class="cat-label cat-label-label1">New</span></a>
                  </li>
                  <li class="ui-menu-item level2">
                    <a href="{{config path='web/unsecure/base_url'}}demo13_en/porto-evolution-headset-fullwidth.html"><span>Sticky Tabs</span></a>
                  </li>
                </ul>
              </li>
            </ul>
            <div class="menu-right-block col-md-4">
              <a href="#" style="padding: 0;"><img style="width:100%;float:right;margin-top: 0;" src="{{media url="wysiwyg/smartwave/porto/megamenu/menu-banner-static-width2.jpg"}}" alt=""> </a> 
            </div>
          </div>
        </div>
      </div>
    </li>
    <li class="ui-menu-item level0" style="margin: 0;">
      <a class="level-top" href="#"><span>New Arrivals</span></a>
    </li>
    <li class="ui-menu-item level0" style="margin: 0;">
      <a class="level-top" href="#"><span>Clearance</span></a>
    </li>
  </ul>
</nav>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - Custom Block 29</title>
         <identifier>porto_footer_top_custom_block_29</identifier>
         <content><![CDATA[<div class="row align-items-center">
  <div class="col-md-6">
    <h4 style="font-size: 20px;line-height: 1;font-weight: 600;color: #ffffff;margin: 0;margin-bottom: 4px;">Sign Up to Newsletter</h4>
    <p style="font-size: 13px;color: #999999;line-height: 20px;margin: 0;">Get all the latest information on Events, Sales and Offers.</p>
  </div>
  <div class="col-md-6">
    {{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 Middle 3 for 29</title>
         <identifier>porto_footer_middle_3_for_29</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Features</span></strong></div>
  <div class="block-content">
    <ul class="links">
      <li><a href="#">Super Fast WordPress Theme</a></li>
      <li><a href="#">Mobile & Retina Optimized</a></li>
      <li><a href="#">Powerful Admin Panel</a></li>
      <li><a href="#">1st Fully Working Ajax Theme</a></li>
      <li><a href="#">10 Unique Homepage Layouts</a></li>
    </ul>
  </div> 
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 4 for 29</title>
         <identifier>porto_footer_middle_4_for_29</identifier>
         <content><![CDATA[<div class="block">
  <div class="block-title"><strong><span>Follow Us</span></strong></div>
  <div class="block-content">
    <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://instagram.com/" title="Instagram" target="_blank"><i class="porto-icon-instagram"></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 - Custom Block for Header 26</title>
         <identifier>porto_custom_block_for_header_26</identifier>
         <content><![CDATA[<span style="display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;letter-spacing: 0.07px;line-height: 26px;">Get 10% OFF at the Porto GAMES Selection</span>
<span class="separator"></span>
<span style="display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;letter-spacing: 0.07px;line-height: 26px;"><a href="{{store url='shop.html'}}" class="theme-color" style="text-decoration: none;">Shop Now!</a></span>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Top - Custom Block 30</title>
         <identifier>porto_footer_top_custom_block_30</identifier>
         <content><![CDATA[<ul class="footer-top-links">
  <li><a href="{{store url=''}}customer/account" title="My account">My account</a></li>
  <li><a href="{{store url=''}}" title="Track Your Order">Track Your Order</a></li>
  <li><a href="{{store url=''}}" title="Shipping Guide">Shipping Guide</a></li>
  <li><a href="{{store url=''}}" title="Faqs">Faqs</a></li>
  <li><a href="{{store url=''}}" title="Product Support">Product Support</a></li>
</ul>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle 1 for 30</title>
         <identifier>porto_footer_middle_1_for_30</identifier>
         <content><![CDATA[<div class="row align-items-center">
  <div class="col-lg-2">
    <div class="footer-logo" style="margin-bottom: 30px;"><a href="{{store url=''}}"><img src="{{media url="wysiwyg/smartwave/porto/homepage/30/logo_ecommerce_white.png"}}" style="display: block;" alt="" /></a></div>
  </div>
  <div class="col-lg-7">
    <div class="social-icons" style="margin-bottom: 30px;">
      <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://instagram.com/" title="Instagram" target="_blank"><i class="porto-icon-instagram"></i></a>
      <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="porto-icon-linkedin-squared"></i></a>
    </div>
  </div>
  <div class="col-lg-3 text-left text-lg-right">
    <img src="{{media url="wysiwyg/smartwave/porto/homepage/30/shop30_payment.png"}}" style="margin-bottom: 30px;" alt="" />
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Category Page Side bar for Demo24</title>
         <identifier>porto_category_side_custom_block_24</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 Category Page Side bar for Demo25</title>
         <identifier>porto_category_side_custom_block_25</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured Products</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\LatestList" 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 Block for Category Page Side bar for Demo26</title>
         <identifier>porto_category_side_custom_block_26</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured Products</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\LatestList" 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: false,
                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 Category Page Side bar for Demo27</title>
         <identifier>porto_category_side_custom_block_27</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured Products</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\LatestList" 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: false,
                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 Category Page Side bar for Demo29</title>
         <identifier>porto_category_side_custom_block_29</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured Products</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>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Category Page Side bar for Demo30</title>
         <identifier>porto_category_side_custom_block_30</identifier>
         <content><![CDATA[<h2 class="sidebar-title">Featured Products</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: false,
                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 Demo25</title>
         <identifier>porto_product_side_custom_block_demo25</identifier>
         <content><![CDATA[<h2 class="sidebar-title" style="border: 0;">FEATURED PRODUCTS</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" 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: false,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                dots: false
            });
        });
    </script>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
<h2 style="font-size: 12px;font-weight: 600;color: #141a1f;text-transform: uppercase;margin: 0;">Custom HTML Block</h2>
<h5 style="font-weight: 600;font-size: 14px;color: #7a7d82;line-height: 25px;margin: 5px 0 20px;letter-spacing: -0.01em;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size: 15px;color: #222529;line-height: 27px;margin-bottom: 40px;">Lorem ipsum dolor sit amet, con sec tetur elitad adipiscing Cras non placerat mi.</p>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
  <div class="row no-padding justify-content-end" style="background: url({{media url="wysiwyg/smartwave/porto/homepage/25/shop25_product_banner.jpg"}}) no-repeat;background-size: cover;padding: 150px 0 20px;">
    <div class="col-auto" style="padding-right: 24px !important;">
      <h2 style="font-size: 19px;line-height: 1;font-weight:600;margin: 0;margin-bottom: 8px;text-transform: uppercase;color: #fff;">Award Winners</h2>
      <p style="color: rgba(255,255,255,0.5);margin-bottom: 16px;">12 Books</p>
      <p style="margin: 0;"><a href="#" class="btn" style="background-color: #3256f4;color: #fff;font-size: 12px;font-weight: 600;line-height: 1.4;padding: 9px 15px;"><span>VIEW COLLECTIONS</span><i class="fas fa-long-arrow-alt-right" style="margin-left: 10px;"></i></a></p>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo26</title>
         <identifier>porto_product_side_custom_block_demo26</identifier>
         <content><![CDATA[<h2 class="sidebar-title" style="border: 0;">FEATURED PRODUCTS</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" 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: false,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                dots: false
            });
        });
    </script>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
<h2 style="font-size: 12px;font-weight: 600;color: #141a1f;text-transform: uppercase;margin: 0;">Custom HTML Block</h2>
<h5 style="font-weight: 600;font-size: 14px;color: #7a7d82;line-height: 25px;margin: 5px 0 20px;letter-spacing: -0.01em;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size: 15px;color: #222529;line-height: 27px;margin-bottom: 40px;">Lorem ipsum dolor sit amet, con sec tetur elitad adipiscing Cras non placerat mi.</p>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
  <div class="row no-padding justify-content-end" style="background: url({{media url="wysiwyg/smartwave/porto/homepage/26/shop26_home_banner2.jpg"}}) no-repeat;background-size: cover;padding: 150px 0 20px;">
    <div class="col-auto" style="padding-right: 24px !important;">
      <h2 style="font-size: 19px;line-height: 1;font-weight:600;margin: 0;margin-bottom: 8px;text-transform: uppercase;color: #fff;">AWARD WINNERS</h2>
      <p style="color: rgba(255,255,255,0.5);margin-bottom: 16px;">12 Books</p>
      <p style="margin: 0;"><a href="#" class="btn" style="background-color: #ec7200;color: #fff;font-size: 12px;font-weight: 600;line-height: 1.4;padding: 9px 15px;"><span>VIEW COLLECTIONS</span><i class="fas fa-long-arrow-alt-right" style="margin-left: 10px;"></i></a></p>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo27</title>
         <identifier>porto_product_side_custom_block_demo27</identifier>
         <content><![CDATA[<h2 class="sidebar-title" style="border: 0;">FEATURED PRODUCTS</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" 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: false,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                dots: false
            });
        });
    </script>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
<h2 style="font-size: 12px;font-weight: 600;color: #141a1f;text-transform: uppercase;margin: 0;">Custom HTML Block</h2>
<h5 style="font-weight: 600;font-size: 14px;color: #7a7d82;line-height: 25px;margin: 5px 0 20px;letter-spacing: -0.01em;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size: 15px;color: #222529;line-height: 27px;margin-bottom: 40px;">Lorem ipsum dolor sit amet, con sec tetur elitad adipiscing Cras non placerat mi.</p>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
  <div style="background-color: #4db7b3;padding: 40px 30px;">
    <div class="row">
      <div class="col-sm-12 d-flex align-items-center justify-content-center" style="flex-direction: column;color: #fff;">
        <h3 style="font-size: 33px;line-height: 1;text-align: left;font-weight: 700;margin: 0;font-family: 'Segoe Script','Savoye LET';">Flash Sale</h3>
        <h2 style="font-size: 49px;line-height: 1;text-align: left;font-weight: 700;margin: 0;letter-spacing: 0.5px">30% OFF</h2>
      </div>
      <div class="col-sm-12 py-4">
        <img src="{{media url="wysiwyg/smartwave/porto/homepage/27/shop27_home_banner4.jpg"}}" alt="" style="display: block;margin: 0 auto;">
      </div>
      <div class="col-sm-12 d-flex align-items-center justify-content-center" style="text-align: center;">
        <button class="btn" style="font-size: 14px;font-weight: 600;letter-spacing: 2.1px;line-height: 1.3333;background-color: #fff;color: #222529;padding: 16px 29px;height: auto;width: 100%;">SHOP ALL SALE</button>
      </div>
    </div>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo28</title>
         <identifier>porto_product_side_custom_block_demo28</identifier>
         <content><![CDATA[<h2 class="sidebar-title">FEATURED PRODUCTS</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" 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: false,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                dots: false
            });
        });
    </script>
</div>
<h2 style="font-weight:600;font-size:12px;color:#000;line-height:1.4;margin-bottom:15px;">Custom HTML Block</h2>
<h5 style="font-family: 'Open Sans';font-weight:400;font-size: 14px;color: #777;line-height: 25px;margin-bottom: 20px;letter-spacing:  0.1px;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size: 13px;color: #222529;line-height: 24px;margin-bottom: 45px;">Lorem ipsum dolor sit amet, con sec tetur elitad adipiscing Cras non placerat mi.</p>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 45px;">
  <div class="porto-ultimate-content-box" style="background: url({{media url="wysiwyg/smartwave/porto/homepage/28/shop28_home_banner2.jpg"}}) center no-repeat;background-size: cover;padding-top: 35px;background-color: #222529;height: 100%;min-height: 315px;box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 20px -1px;color: #fff;">
    <h5 style="font-size: 12px;color: rgba(255,255,255,0.4);line-height: 1.5;text-align: center;font-weight: 500;margin: 0;letter-spacing: 0.025em;">CHECK NEW ARRIVALS</h5>
    <h3 style="font-size: 25px;line-height: 1.2;text-align: center;font-weight: 700;margin: 0;">COOL LAMPS</h3>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Product Page Side bar Demo29</title>
         <identifier>porto_product_side_custom_block_demo29</identifier>
         <content><![CDATA[<h2 class="sidebar-title">FEATURED PRODUCTS</h2>
<div class="sidebar-filterproducts custom-block">
    <div id="featured_product" class="owl-top-narrow">
        {{block class="Smartwave\Filterproducts\Block\Home\LatestList" 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: false,
                navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                dots: false
            });
        });
    </script>
</div>
<div class="custom-block">
<h2 style="text-transform: uppercase;margin: 0;font-size: 12px;font-weight: 600;color: #000;letter-spacing: 0.05em;border-bottom: 1px solid #e7e7e7;padding-bottom: 6px !important;margin-bottom: 15px;">Custom HTML Block</h2>
<h5 style="font-weight: 400;font-size: 13px;color: #777;line-height: 25px;margin: 5px 0 20px;letter-spacing: -0.01em;">This is a custom sub-title.</h5>
<p style="font-weight:400;font-size: 13px;color: #222529;line-height: 22px;margin-bottom: 30px;">Lorem ipsum dolor sit amet, con sec tetur elitad.</p>
</div>
<div class="custom-block" style="border-top: 1px solid #e7e7e7;padding-top: 22px;">
  <div style="background-color: #d66a79;padding: 20px;">
    <h2 style="font-size: 15px;line-height: 1;text-align: center;font-weight: 700;margin: -20px -20px 20px -20px;background-color: #f86c86;padding: 20px 0;color: #fff;">FLASH SALE RUNNING!</h2>
    {{block class="Smartwave\Filterproducts\Block\Home\LatestList" name="latest_product_1" category_id="295" product_count="1" column_count="1" aspect_ratio="1" image_width="250" product_type="1" lazyload="none" template="grid.phtml"}}
    <button class="btn btn-secondary btn-md" style="margin-top: 10px;width: 100%;">SHOP SALE NOW</button>
  </div>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Custom Block for Header 27</title>
         <identifier>porto_custom_block_for_header_27</identifier>
         <content><![CDATA[<h5 style="color: #fff;font-size: 14px;line-height: 60px;font-weight: 500;margin: 0;">Get 10% OFF at the Porto Fashion Selection - <a style="font-weight: 700;" href="#">Shop Now!</a></h5>]]></content>
         <is_active>1</is_active>
      </cms_item>
      <cms_item>
         <title>Porto - Footer Middle for 2</title>
         <identifier>porto_footer_middle_for_2</identifier>
         <content><![CDATA[<div class="row">
  <div class="col-md-5 col-lg-3">
    <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><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>Toll Free (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>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-md-7 offset-lg-1 col-lg-8">
    <div class="row">
      <div class="col-sm-5 col-lg-3">
        <div class="block">
          <div class="block-title"><strong><span>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-sm-7 col-lg-4">
        <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-12 col-lg-5">
        <div class="block" style="margin-bottom: 20px;">
          <div class="block-title"><strong><span>NEWSLETTER</span></strong></div>
          <div class="block-content">
            <p style="margin-bottom: 30px;line-height: 25px;letter-spacing: 0.1px;">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>
</div>]]></content>
         <is_active>1</is_active>
      </cms_item>
   </blocks>
</root>
