(980,'Porto - Homepage 18','1column',NULL,NULL,'porto_home_18',NULL,'<style>\n  .columns .column.main {\n    max-width: 100%;\n    padding-bottom: 0;\n  }\n  .layout-fullwidth .page-main {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .fullscreen-carousel {\n    height: 100vh;\n    position: relative;\n  }\n  .fullscreen-carousel, .fullscreen-carousel .owl-carousel:not(.owl-loaded)>*, .fullscreen-carousel .owl-item>* {\n    max-height: 80vw;\n  }\n  .fullscreen-carousel .porto-ibanner>img {\n    height: 100%;\n  }\n  .porto-ibanner-layer {\n    position: absolute;\n    z-index: 10;\n  }\n  .porto-ibanner .btn-modern.btn-md {\n    font-size: .75em;\n    padding: 1.3em 3.25em;\n  }\n  .scene {list-style: none;}\n  .scene .layer img {width:auto;}\n  .home-banner-thumb {\n    position: absolute !important;\n    bottom: 2.6vw;\n    right: 0;\n    width: 24%!important;\n    z-index: 3;\n  }\n  .home-banner-thumb img {\n    border: 3px solid rgba(255,255,255,.5);\n  }\n  .home-banner-thumb .synced img {\n    border-color: #fff;\n  }\n  sup {\n    font-size: 54%;\n  }\n  .porto-ibanner .btn-modern.btn-xl {\n    font-size: 1.05em;\n  }\n  .ls-200>.btn {\n    letter-spacing: .2em;\n  }\n  @media (max-width: 480px) {\n    .porto-ibanner-layer {\n      font-size: .6rem;\n    }\n  }\n</style>\n<div class=\"row no-padding home-banner\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div class=\"fullscreen-carousel\">\n        <div id=\"banner-slider-demo-18\" class=\"porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner\">\n          <div class=\"porto-ibanner mb-0\" style=\"background: #222529;\">\n            <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/01n.jpg&quot;}}\" />\n            <div class=\"porto-ibanner-desc no-padding d-flex\">\n              <div class=\"porto-ibanner-layer layer\" style=\"width: 100%; left: 0%; top: 50%; transform: translateY(-50%);\">\n                <div class=\"wpb_text_column wpb_content_element\">\n                  <div class=\"wpb_wrapper\">\n                    <ul class=\"scene\" style=\"width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;\">\n                      <li class=\"layer\" data-depth=\"0.05\">\n                        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/white-shoes.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.06\">\n                        <img style=\"position: absolute; top: 31%; left: 46.5%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake1.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.07\" >\n                        <img class=\"animation-spin\" style=\"position: absolute; top: 25%; left: 66%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake2.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.10\">\n                        <img class=\"animation-wave\" style=\"position: absolute; top: 50%; left: 80%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake3.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.15\">\n                        <img style=\"position: absolute; top: 70%; left: 55%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake4.png&quot;}}\" alt=\"\" />\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n              <div class=\"porto-ibanner-layer\" style=\"left: 11%; top: 50%; transform: translateY(-50%);\">\n                <h2 style=\"font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;\" class=\"vc_custom_heading mb-2 align-left heading-light\">Spring / Summer Season</h2>\n                <h4 style=\"font-size: 2.875em; line-height: 1; text-align: center;\" class=\"vc_custom_heading d-inline-block mr-2 heading-light\">\n                  up<br />\n                  to\n                </h4>\n                <h4 style=\"font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;\" class=\"vc_custom_heading d-inline-block mb-3 align-left heading-light\">50% OFF</h4>\n                <div class=\"vc_custom_heading align-left\"></div>\n                <h6 style=\"font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;\" class=\"vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light\">Starting at</h6>\n                <h6 style=\"font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;\" class=\"vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary\">\n                  <sup>$</sup>19<sup>99</sup>\n                </h6>\n                <div class=\"btn-container ls-200 d-inline-block\"><button class=\"btn btn-modern btn-xl btn-light\">Shop now</button></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-ibanner mb-0\" style=\"background: #222529;\">\n            <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/02n.jpg&quot;}}\" />\n            <div class=\"porto-ibanner-desc no-padding d-flex\">\n              <div class=\"porto-ibanner-layer layer\" style=\"width: 100%; left: 0%; top: 50%; transform: translateY(-50%);\">\n                <div class=\"wpb_text_column wpb_content_element\">\n                  <div class=\"wpb_wrapper\">\n                    <ul class=\"scene\" style=\"width: 100%; position: relative; transform: translate3d(0px, 0px, 0px); transform-style: preserve-3d; backface-visibility: hidden;\">\n                      <li class=\"layer\" data-depth=\"0.05\">\n                        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/ball2.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.06\">\n                        <img style=\"position: absolute; top: 70%; left: 42%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake1.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.07\">\n                        <img class=\"animation-spin\" style=\"position: absolute; top: 25%; left: 45%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake2.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.10\">\n                        <img class=\"animation-wave\" style=\"position: absolute; top: 49%; left: 21%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake3.png&quot;}}\" alt=\"\" />\n                      </li>\n                      <li class=\"layer\" data-depth=\"0.15\">\n                        <img style=\"position: absolute; top: 25%; left: 23%;\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/blurflake4.png&quot;}}\" alt=\"\" />\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n              <div class=\"porto-ibanner-layer right-0-mobile\" style=\"right: 20%; top: 50%; transform: translateY(-50%);\">\n                <h2 style=\"font-size: 2.625em; line-height: 1; font-weight: 200; letter-spacing: 0.008em;\" class=\"vc_custom_heading mb-2 align-left heading-light\">Spring / Summer Season</h2>\n                <h4 style=\"font-size: 2.875em; line-height: 1; text-align: center;\" class=\"vc_custom_heading d-inline-block mr-2 heading-light\">\n                  up<br />\n                  to\n                </h4>\n                <h4 style=\"font-size: 6.125em; line-height: 1; letter-spacing: 0.035em;\" class=\"vc_custom_heading d-inline-block mb-3 align-left heading-light\">50% OFF</h4>\n                <div class=\"vc_custom_heading align-left\"></div>\n                <h6 style=\"font-size: 1.125em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;\" class=\"vc_custom_heading pull-left mx-2 align-left text-uppercase heading-light\">Starting at</h6>\n                <h6 style=\"font-size: 2.1em; line-height: 1; font-weight: 700; letter-spacing: -0.02em;margin-top: -0.1em;\" class=\"vc_custom_heading pull-left mr-4 mr-xl-5 pr-xl-4 align-left heading-secondary\">\n                  <sup>$</sup>19<sup>99</sup>\n                </h6>\n                <div class=\"btn-container ls-200 d-inline-block\"><button class=\"btn btn-modern btn-xl btn-light\">Shop now</button></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"porto-carousel owl-carousel home-banner-thumb\">\n        <div class=\"wpb_single_image wpb_content_element vc_align_left mb-0\">\n          <div class=\"wpb_wrapper\">\n            <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n              <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb1.jpg&quot;}}\" />\n            </div>\n          </div>\n        </div>\n        <div class=\"wpb_single_image wpb_content_element vc_align_left mb-0\">\n          <div class=\"wpb_wrapper\">\n            <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n              <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_thumb2.jpg&quot;}}\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <script type=\"text/javascript\">\n    require([\n      \'jquery\',\n      \'owlcarousel\'\n    ], function ($) {\n      var owl_18 = $(\"#banner-slider-demo-18\").owlCarousel({\n        items: 1,\n        autoplay: false,\n        autoplayTimeout: 5000,\n        autoplayHoverPause: true,\n        dots: false,\n        navRewind: true,\n        animateIn: \'fadeIn\',\n        animateOut: \'fadeOut\',\n        loop: true,\n        nav: false\n      });\n      var owl_thumb_18 = $(\".home-banner-thumb.owl-carousel\").owlCarousel({\n        items: 3,\n        autoplay: false,\n        autoplayTimeout: 5000,\n        autoplayHoverPause: true,\n        dots: false,\n        navRewind: true,\n        animateIn: \'fadeIn\',\n        animateOut: \'fadeOut\',\n        loop: false,\n        nav: false,\n        margin: 10\n      });\n      owl_18.on(\'translate.owl.carousel\', syncPosition);\n      owl_thumb_18.find(\'.owl-item\').eq(0).addClass(\"synced\");\n      function syncPosition(event){\n        var current = event.item.index;\n        current = current % event.item.count;\n        owl_thumb_18.find(\".owl-item\").removeClass(\"synced\").eq(current).addClass(\"synced\");\n        if(owl_thumb_18.data(\"owlCarousel\") !== undefined){\n          center(current);\n        }\n      }\n      owl_thumb_18.on(\"click\", \".owl-item\", function(e){\n        e.preventDefault();\n        var number = $(this).index();\n        owl_18.trigger(\'to.owl.carousel\', [number, 300, true]);\n      });\n      function center(number){\n        var sync2visible = sync2.data(\"owlCarousel\").owl.visibleItems;\n        var num = number;\n        var found = false;\n        for(var i in sync2visible){\n          if(num === sync2visible[i]){\n            var found = true;\n          }\n        }\n\n        if(found===false){\n          if(num>sync2visible[sync2visible.length-1]){\n            sync2.trigger(\"owl.goTo\", num - sync2visible.length+2)\n          }else{\n            if(num - 1 === -1){\n              num = 0;\n            }\n            sync2.trigger(\"owl.goTo\", num);\n          }\n        } else if(num === sync2visible[sync2visible.length-1]){\n          sync2.trigger(\"owl.goTo\", sync2visible[1])\n        } else if(num === sync2visible[0]){\n          sync2.trigger(\"owl.goTo\", num-1)\n        }\n      }\n    });\n    require([\n      \'jquery\',\n      \'parallax\'\n    ], function ($) {\n      $(document).ready(function(){\n        $(\'.scene\').parallax();\n      });\n    });\n  </script>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 80px;padding-bottom: 0px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-products wpb_content_element show-category filter-vertical archive-products mb-0\">\n            {{block class=\"Smartwave\\Porto\\Block\\Template\" product_type=\"3\" aspect_ratio=\"0\" product_count=\"10\" columns=\"5\" image_width=\"300\" image_height=\"300\" template=\"ajaxproducts/ajaxproducts.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"row no-padding\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div class=\"porto-ibanner mb-0\" style=\"min-height: 300px;\">\n        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner4.jpg&quot;}}\" />\n        <div class=\"porto-ibanner-desc no-padding d-flex\">\n          <div class=\"container\">\n            <div class=\"porto-ibanner-container\">\n              <div class=\"porto-ibanner-layer pl-1\" style=\"left: 49%; top: 50%; transform: translateY(-50%);\">\n                <h2 style=\"font-size: 2.5em; line-height: 1.2; letter-spacing: -0.025em;\" class=\"vc_custom_heading mb-4 pb-xl-1 align-left text-uppercase heading-light\">\n                  Ultra Boost\n                </h2>\n                <div class=\"wpb_single_image wpb_content_element vc_align_left mb-4 pb-xl-3\">\n                  <div class=\"wpb_wrapper\">\n                    <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shoes.png&quot;}}\" class=\"d-block\"/>\n                    </div>\n                  </div>\n                </div>\n                <div class=\"btn-container mb-0 ls-200 d-inline-block\">\n                  <button class=\"btn btn-modern btn-md btn-light\">\n                    Shop Now\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 5rem; padding-bottom: 3.5rem;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div id=\"featured-products\" class=\"porto-products wpb_content_element\">\n            <h2 class=\"section-title text-center slider-title\"><span class=\"inline-title\">Featured Products</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"featured_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"8\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#featured-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: true,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:3\n                      },\n                      768: {\n                        items:3\n                      },\n                      992: {\n                        items:4\n                      },\n                      1200: {\n                        items:6\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n          <div class=\"vc_row wpb_row vc_inner row\">\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner\" style=\"min-height: 150px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner1.jpg&quot;}}\" />\n                  <div class=\"porto-ibanner-desc no-padding d-flex\">\n                    <div class=\"porto-ibanner-layer\" style=\"left: 6%; top: 50%; transform: translateY(-50%);\">\n                      <h4 style=\"font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;\" class=\"vc_custom_heading mb-0 align-left\">Summer Sale</h4>\n                      <h5 style=\"font-size: 3.0625em; line-height: 1;\" class=\"vc_custom_heading mb-0 align-left\">20% OFF</h5>\n                    </div>\n                    <div class=\"porto-ibanner-layer\" style=\"right: 6%; top: 50%; transform: translateY(-50%);\">\n                      <div class=\"btn-container ls-200 d-inline-block\"><button class=\"btn btn-modern btn-md btn-dark\">SHOP NOW</button></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner\" style=\"background: #222529; min-height: 150px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner2.jpg&quot;}}\" />\n                  <div class=\"porto-ibanner-desc no-padding d-flex\">\n                    <div class=\"porto-ibanner-layer\" style=\"left: 6%; top: 50%; transform: translateY(-50%);\">\n                      <h4 style=\"font-size: 2.0625em; line-height: 1; font-weight: 200; letter-spacing: 0.075em;\" class=\"vc_custom_heading mb-0 align-left heading-light\">Flash Sale</h4>\n                      <h5 style=\"font-size: 3.0625em; line-height: 1;\" class=\"vc_custom_heading mb-0 align-left heading-light\">30% OFF</h5>\n                    </div>\n                    <div class=\"porto-ibanner-layer\" style=\"right: 6%; top: 50%; transform: translateY(-50%);\">\n                      <div class=\"btn-container ls-200 d-inline-block\"><button class=\"btn btn-modern btn-md btn-light\">SHOP NOW</button></div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"row no-padding\">\n  <div class=\"col-md-12\">\n    <style>\n      .porto-ibanner.has-parallax-bg>img {\n        width: 58%;\n        opacity: 0;\n      }\n    </style>\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div class=\"porto-ibanner mb-0 has-parallax-bg\"\n           style=\"background: rgb(17, 17, 17);\n                  min-height: 200px;\n                  position: relative;\n                  overflow: hidden;\n                  background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg&quot;}}\');\n                  background-size: cover;\n                  background-position: 50% 0%;\">\n        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/18/shop18_home_banner3.jpg&quot;}}\" />\n        <div class=\"porto-ibanner-desc no-padding d-flex\">\n          <div class=\"porto-ibanner-layer\" style=\"width: 80%; left: 50%; top: 50%; transform: translate(-50%, -50%);\">\n            <div>\n              <h2 style=\"font-size: 2.5em; line-height: 1; text-align: center; letter-spacing: -0.025em;\" class=\"vc_custom_heading mb-4 pb-lg-3 text-uppercase heading-light\">Explore the best of you</h2>\n              <div class=\"btn-container mb-0 ls-200 text-center\"><button class=\"btn btn-modern btn-md btn-light\">Shop Now</button></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 4.5rem; padding-bottom: 2.5rem; background-color: #111111;\">\n  <style>\n    .wpb_wrapper .top-icon .porto-just-icon-wrapper {\n      margin-bottom: 2rem;\n    }\n  </style>\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row no-padding\">\n      <div class=\"col-sm-6 col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #ffffff; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-earphones-alt\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;\">CUSTOMER SUPPORT</h3>\n              <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);\">Need Assistence?</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #ffffff; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-credit-card\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;\">SECURED PAYMENT</h3>\n              <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);\">Safe &amp; Fast</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #ffffff; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-action-undo\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;\">Free Returns</h3>\n              <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);\">Easy &amp; Free</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #ffffff; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2; color: #ffffff;\">FREE SHIPPING</h3>\n              <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: rgba(255, 255, 255, 0.7);\">Orders Over $99</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"container\" style=\"background-color: #111111;\">\n  <div class=\"row\">\n    <div class=\"vc_column_container col-md-12\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-separator mb-0\"><hr class=\"separator-line align_center solid\" style=\"background-color: #222222;\" /></div>\n      </div>\n    </div>\n  </div>\n</div>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(981,'Porto - Homepage 19','1column',NULL,NULL,'porto_home_19',NULL,'<style>\n  .layout-fullwidth .page-main {\n    padding-left: 0;\n    padding-right: 0;\n  }\n  .home-banner .porto-ibanner>img {\n    height: 100%;\n  }\n  .coupon-sale-text {\n    padding: .175em .3em;\n    position: relative;\n    letter-spacing: 0;\n    transform: rotate(\n      -1.5deg\n    );\n    white-space: nowrap;\n  }\n  sup {\n    font-size: 54%;\n  }\n  .porto-ibanner-layer {\n    position: absolute;\n    z-index: 10;\n  }\n  .pc-max-width-100 {\n    max-width: 85%;\n  }\n  .wpb_wrapper .top-icon .porto-just-icon-wrapper {\n    margin-bottom: 2rem;\n  }\n  @media (max-width: 480px) {\n    .home-banner .porto-ibanner-layer {\n      font-size: 7.5px;\n    }\n  }\n</style>\n<div class=\"row no-padding home-banner\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div id=\"banner-slider-demo-19\" class=\"porto-carousel owl-carousel has-ccols ccols-1 mb-0 home-banner nav-pos-inside nav-style-4 show-nav-hover\">\n        <div class=\"porto-ibanner mb-0\" style=\"background: #ebebeb; min-height: calc(100vh - 50px);\">\n          <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/19/shop19_home_slide1.jpg&quot;}}\" />\n          <div class=\"porto-ibanner-desc no-padding d-flex\">\n            <div class=\"container\">\n              <div class=\"porto-ibanner-container\">\n                <div class=\"porto-ibanner-layer pc-max-width-100\" style=\"left: 8%; top: 50%; transform: translateY(-50%);\">\n                  <div class=\"porto-animation mb-0 overflow-hidden\">\n                    <h5 style=\"font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.125em;\" class=\"vc_custom_heading mb-0 align-left\">\n                      Find the Boundaries. Push Through!\n                    </h5>\n                  </div>\n                  <h2 style=\"font-size: 5em; line-height: 1; letter-spacing: 0.1px;\" class=\"vc_custom_heading mb-1 custom-font4 align-left\">\n                    Smartphones\n                  </h2>\n                  <h3 style=\"font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;\" class=\"vc_custom_heading mb-3 align-left\">\n                    70% OFF\n                  </h3>\n                  <h5 style=\"font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;\" class=\"vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light\">\n                    <sup>$</sup>199<sup>99</sup>\n                  </h5>\n                  <h5 style=\"font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;\" class=\"vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase\">\n                    Starting At\n                  </h5>\n                  <div class=\"btn-container mb-0 d-inline-block\">\n                    <button class=\"btn btn-modern btn-xl btn-dark\">Shop Now!</button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"porto-ibanner mb-0\" style=\"background: #ebebeb; min-height: calc(100vh - 50px);\">\n          <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/19/shop19_home_slide2.jpg&quot;}}\" />\n          <div class=\"porto-ibanner-desc no-padding d-flex\">\n            <div class=\"container\">\n              <div class=\"porto-ibanner-container\">\n                <div class=\"porto-ibanner-layer pc-max-width-100\" style=\"right: 8%; top: 50%; transform: translateY(-50%);\">\n                  <h5 style=\"font-size: 1.625em; color: rgba(34, 37, 41, 0.7); line-height: 1.1; font-weight: 500; letter-spacing: 0.22em;\" class=\"vc_custom_heading align-left text-uppercase\">It’s the best time of the year!</h5>\n                  <h2 style=\"font-size: 4.5em; line-height: 1; letter-spacing: 0.1px;\" class=\"vc_custom_heading mb-1 custom-font4 align-left\">Hot Collections</h2>\n                  <h3 style=\"font-size: 7.1875em; line-height: 1; letter-spacing: 0.15em;\" class=\"vc_custom_heading mb-3 align-left\">50% OFF</h3>\n                  <h5 style=\"font-size: 2.25em; line-height: 0.9; letter-spacing: -0.02em;\" class=\"vc_custom_heading mb-2 mr-3 mr-xl-4 coupon-sale-text background-color-secondary pull-right align-left heading-light\">\n                    <sup>$</sup>199<sup>99</sup>\n                  </h5>\n                  <h5 style=\"font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .55em;\" class=\"vc_custom_heading mb-4 pull-right mr-3 align-left text-uppercase\">Starting At</h5>\n                  <div class=\"btn-container mb-0 d-inline-block\"><button class=\"btn btn-modern btn-xl btn-dark\">Shop Now!</button></div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <script type=\"text/javascript\">\n        require([\n          \'jquery\',\n          \'owl.carousel/owl.carousel.min\'\n        ], function ($) {\n          $(\"#banner-slider-demo-19\").owlCarousel({\n            items: 1,\n            autoplay: false,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            dots: false,\n            navRewind: true,\n            animateIn: \'fadeIn\',\n            animateOut: \'fadeOut\',\n            loop: true,\n            nav: true\n          });\n        });\n      </script>\n    </div>\n  </div>\n</div>\n<div class=\"container\">\n\n  {{block class=\"Smartwave\\Porto\\Block\\Template\" template=\"Smartwave_Megamenu::onepagecategory/onepagecategory.phtml\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"250\" lazy_owl=\"1\" columns=\"{ 0:{items:2},768:{items:3},992:{items:4},1200:{items:6} }\" product_count=\"8\"}}\n\n  <div class=\"row mb-5\">\n    <div class=\"col-sm-6 col-md-6 col-lg-3\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n          <div class=\"porto-sicon-top\">\n            <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n              <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-earphones-alt\"></i></div>\n            </div>\n          </div>\n          <div class=\"porto-sicon-header\">\n            <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2;\">CUSTOMER SUPPORT</h3>\n            <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;\">Need Assistence?</p>\n          </div>\n          <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-sm-6 col-md-6 col-lg-3\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n          <div class=\"porto-sicon-top\">\n            <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n              <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-credit-card\"></i></div>\n            </div>\n          </div>\n          <div class=\"porto-sicon-header\">\n            <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2;\">SECURED PAYMENT</h3>\n            <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;\">Safe &amp; Fast</p>\n          </div>\n          <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus lacus. Lorem ipsum dolor sit amet.</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-sm-6 col-md-6 col-lg-3\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n          <div class=\"porto-sicon-top\">\n            <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n              <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"Simple-Line-Icons-action-undo\"></i></div>\n            </div>\n          </div>\n          <div class=\"porto-sicon-header\">\n            <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2;\">FREE RETURNS</h3>\n            <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;\">Easy &amp; Free</p>\n          </div>\n          <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"col-sm-6 col-md-6 col-lg-3\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-sicon-box px-3 px-xl-4 style_1 top-icon\">\n          <div class=\"porto-sicon-top\">\n            <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n              <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n            </div>\n          </div>\n          <div class=\"porto-sicon-header\">\n            <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 1.25rem; line-height: 1.2;\">FREE SHIPPING</h3>\n            <p style=\"font-weight: 600; font-size: 0.875rem; line-height: 1; color: #555555;\">Orders Over $99</p>\n          </div>\n          <div class=\"porto-sicon-description\" style=\"font-size: 0.8125rem; line-height: 1.85;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapib.</div>\n        </div>\n      </div>\n    </div>\n  </div>\n\n</div>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(982,'Porto - Homepage 20','1column',NULL,NULL,'porto_home_20',NULL,'<style>\n  .columns .column.main {\n    padding-bottom: 0;\n  }\n.product-image-photo.default_image {\n    filter: brightness(1.06);\n}\n  sup {\n    font-size: 54%;\n  }\n  .porto-ibanner-layer {\n    position: absolute;\n  }\n  .off-text small {\n    display: inline-block!important;\n    font-size: 39%!important;\n    font-weight: inherit;\n    transform: rotate(\n      -90deg\n    ) translateY(-35%);\n  }\n  .coupon-sale-text {\n    padding: 6px 8px;\n    position: relative;\n    transform: rotate(\n      -1.5deg\n    );\n    letter-spacing: 0;\n  }\n  .coupon-sale-text i {\n    font-style: normal;\n    position: absolute;\n    left: -2.25em;\n    top: 50%;\n    transform: translateY(-50%) rotate(\n      -90deg\n    );\n    font-size: .4em;\n    opacity: .6;\n    letter-spacing: 0;\n  }\n  .coupon-sale-text.heading-light i, .coupon-sale-text.heading-light sub {\n    color: #222529;\n  }\n  .coupon-sale-text sub {\n    position: absolute;\n    left: 100%;\n    padding: 0;\n    margin-left: .25rem;\n    bottom: .3em;\n    font-size: 70%;\n    line-height: 1;\n  }\n  .porto-ultimate-content-box {\n    font-size: inherit;\n  }\n</style>\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <div class=\"wpb_wrapper vc_column-inner\">\n        <div class=\"porto-grid-container\">\n          <style scope=\"scope\">\n            .home-main-banners {opacity: 0;}\n            .home-main-banners .porto-grid-item {\n              padding: 10px;\n            }\n            .home-main-banners {\n              margin: -10px -10px 10px;\n            }\n            .porto_products_filter_form select {\n              height: 2.8125rem;\n              margin-bottom: .625rem;\n            }\n            .porto_products_filter_form select:last-of-type {\n              margin-bottom: 0;\n            }\n            .porto_products_filter_form .btn-submit {\n              display: none;\n            }\n            .widget select {\n              max-width: 100%;\n              font-size: .9em;\n            }\n            @media (max-width: 767px) {\n              .home-main-banners {\n                height: auto !important;\n              }\n              .home-main-banners .porto-grid-item:first-child {\n                margin-top: 0;\n              }\n              .home-main-banners .porto-grid-item {\n                width: 100% !important;\n                position: static !important;\n                float: none;\n              }\n            }\n          </style>\n          <div class=\"home-main-banners wpb_content_element clearfix\" style=\"position: relative; height: 519px;\">\n            <div class=\"porto-grid-item\" style=\"width: 66.6%;\">\n              <div class=\"porto-ibanner mb-0\" style=\"background: #eeeeee; min-height: 464px;\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_home_banner1.jpg\"}}\" />\n                <div class=\"porto-ibanner-desc no-padding d-flex\">\n                  <div class=\"porto-ibanner-layer\" style=\"left: 10%; top: 50%; transform: translateY(-50%);\">\n                    <div>\n                      <h3 style=\"font-size: 2.625em; color: #777777; line-height: 1; font-weight: 500; letter-spacing: -0.035em;\" class=\"vc_custom_heading mb-1 align-left\">Save Big Sale</h3>\n                      <h4 style=\"font-size: 6.375em; line-height: 1; letter-spacing: 0.03em;margin-left: -0.06em;\" class=\"vc_custom_heading off-text d-flex align-items-center align-left heading-dark\">50%<small>OFF</small></h4>\n                      <h5 style=\"font-size: 1.125em; line-height: 1; letter-spacing: -0.02em;padding-top: .275em;\" class=\"vc_custom_heading pull-left mr-2 align-left heading-dark\">STARTING AT</h5>\n                      <h5 style=\"font-size: 2.375em; line-height: 1; letter-spacing: -0.02em;\" class=\"vc_custom_heading mb-3 align-left heading-primary\"><sup>$</sup>199<sup>99</sup></h5>\n                      <style>\n                        .heading2082039242 h6 {\n                          border-bottom-color: #777777 !important;\n                        }\n                      </style>\n                      <div class=\"vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading2082039242\">\n                        <h6 style=\"font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;\" class=\"heading-tag\"><a href=\"#\">SHOP NOW</a></h6>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-grid-item\" style=\"width: 33.3%;\">\n              <div class=\"porto-ultimate-content-box-container\">\n                <div class=\"porto-ultimate-content-box has-content-pos justify-content-center\" style=\"background-color: #282828; min-height: 222px;padding-right: 1.8125em;padding-left: 1.8125em;\">\n                  <h3 style=\"font-size: 1.125rem; line-height: 1; text-align: center; letter-spacing: -0.01em;\" class=\"vc_custom_heading mb-3 text-uppercase heading-light\">Find A Product</h3>\n                  <form action=\"\" method=\"get\" class=\"porto_products_filter_form widget my-0\">\n                    <select name=\"product_cat\" id=\"product_cat\" class=\"dropdown_product_cat\">\n                      <option value=\"\" selected=\"selected\">Select a category</option>\n                    </select>\n                    <select class=\"porto_dropdown_product_attributes\" name=\"filter_brand\">\n                      <option value=\"\">By brand</option>\n                    </select>\n                    <button type=\"button\" class=\"btn-submit\">Submit</button>\n                  </form>\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-grid-item\" style=\"width: 33.3%;\">\n              <div class=\"porto-ibanner\" style=\"background: #f4f4f4; min-height: 222px;\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_home_banner2.jpg\"}}\" />\n                <div class=\"porto-ibanner-desc no-padding d-flex\">\n                  <div class=\"porto-ibanner-layer text-right\" style=\"right: 10%; top: 50%; transform: translateY(-50%);\">\n                    <h4 style=\"font-size: 1.5275em; line-height: 1.1; letter-spacing: 0.01em;\" class=\"vc_custom_heading mb-3 align-right\">\n                      ELECTRONIC<br />\n                      DEALS\n                    </h4>\n                    <div class=\"porto-ultimate-content-box-container d-inline-block text-left\">\n                      <div class=\"porto-ultimate-content-box\" style=\"\" id=\"porto_ucb_2958\">\n                        <div style=\"font-size: 0.75em; line-height: 1.4; font-weight: 700; letter-spacing: 0.01em;\" class=\"vc_custom_heading m-b-xs background-color-dark coupon-sale-text align-left heading-light\">Exclusive COUPON</div>\n                        <div style=\"font-size: 1.1em; line-height: 0.8; font-weight: 700;\" class=\"vc_custom_heading mb-0 background-color-dark coupon-sale-text d-inline-block align-left heading-light\"><i>UP TO</i>$100<sub>OFF</sub></div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"grid-col-sizer\" style=\"width: 33.3333%; flex: 0 0 33.3333%;\"></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'packery\'\n            ], function ($, Packery) {\n              $.bridget( \'packery\', Packery );\n              var $container = $(\'.home-main-banners\');\n              $container.css(\'opacity\', 0);\n              if ($container.length > 0) {\n                $container.imagesLoaded(function(){\n                  $container.packery({\n                    itemSelector: \".porto-grid-item\",\n                    columnWidth: \".grid-col-sizer\",\n                    percentPosition: true\n                  });\n                });\n                setTimeout(function(){\n                  $container.animate({\n                    opacity: 1\n                  }, 200);\n                }, 500);\n              }\n            });\n          </script>\n        </div>\n        <h2 style=\"font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;\" class=\"vc_custom_heading mb-3 text-uppercase\">Featured Categories</h2>\n        <style scope=\"scope\">\n          .home-banner-2 {opacity: 0;}\n          ul.products li.product-category .thumb-info-title {\n            width: auto;\n            background: #282828;\n            padding: .9em 1.4em;\n          }\n          .home-banner-2 li.product-category .thumb-info-wrapper:after {\n            background-color: rgba(27, 27, 23, 0) !important;\n          }\n          .home-banner-2 li.product-category:hover .thumb-info-wrapper:after {\n            background-color: rgba(27, 27, 23, 0.15) !important;\n          }\n          .grid-creative .thumb-info img, .grid-creative li.product-col .product-image img {\n            object-fit: cover;\n            width: 100%;\n            height: 100%;\n            padding: 0;\n          }\n          ul.products.grid-creative li.product-col {\n            padding-bottom: 20px;\n          }\n          .grid-creative .portfolio-item, .grid-creative .portfolio-item .thumb-info-wrapper, .grid-creative .portfolio-item .post-image, .grid-creative .thumb-info, .grid-creative .thumb-info .thumb-info-wrapper, .grid-creative .thumb-info .post-image {\n            height: 100%;\n          }\n          .home-banner-2 .grid-col-1-4 {\n            flex: 0 0 25%;\n            width: 25%;\n          }\n          .home-banner-2 .grid-col-1-2 {\n            flex: 0 0 50%;\n            width: 50%;\n          }\n          .home-banner-2 .grid-col-1-4 {\n            flex: 0 0 25%;\n            width: 25%;\n          }\n          .home-banner-2 .grid-col-1-3 {\n            flex: 0 0 33.3333%;\n            width: 33.3333%;\n          }\n          .home-banner-2 .grid-col-5-12 {\n            flex: 0 0 41.6666%;\n            width: 41.6666%;\n          }\n          .home-banner-2 .grid-col-sizer {\n            flex: 0 0 8.3333%;\n            width: 8.3333%;\n          }\n          .home-banner-2 .grid-height-1-2 {\n            height: 260px;\n          }\n          @media (max-width: 767px) {\n            .home-banner-2 .grid-col-md-1-3 {\n              flex: 0 0 33.3333%;\n              width: 33.3333%;\n            }\n            .home-banner-2 .grid-col-md-2-3 {\n              flex: 0 0 66.6666%;\n              width: 66.6666%;\n            }\n            .home-banner-2 .grid-col-md-5-12 {\n              flex: 0 0 41.6666%;\n              width: 41.6666%;\n            }\n            .home-banner-2 .grid-col-md-7-12 {\n              flex: 0 0 58.3333%;\n              width: 58.3333%;\n            }\n            .home-banner-2 .grid-col-md-2-3 {\n              flex: 0 0 66.6666%;\n              width: 66.6666%;\n            }\n            .home-banner-2 .grid-col-sizer {\n              flex: 0 0 8.3333%;\n              width: 8.3333%;\n            }\n            .home-banner-2 .grid-height-1-2 {\n              height: 173px;\n            }\n          }\n          @media (max-width: 480px) {\n            .home-banner-2 .product-col {\n              flex: 0 0 100%;\n              width: 100%;\n            }\n          }\n        </style>\n        <style>\n          .home-banner-2 li.product-category .thumb-info-wrapper:after {\n            background-color: rgba(27, 27, 23, 0);\n          }\n          .home-banner-2 li.product-category:hover .thumb-info-wrapper:after {\n            background-color: rgba(27, 27, 23, 0.15);\n          }\n        </style>\n        <div class=\"home-banner-2 porto-products wpb_content_element mb-5 hide-count\">\n          <div class=\"columns-4\">\n            <ul class=\"products products-container grid-creative category-pos-bottom category-text-left show-nav-middle is-shortcode\" style=\"position: relative; height: 520px;\">\n              <li class=\"product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2\">\n                <a href=\"#\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat1.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\">\n                        <h3 class=\"sub-title thumb-info-inner\">Fashion</h3>\n                        <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span>\n                      </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"product-category product-col grid-col-1-2 grid-col-md-2-3 grid-height-1-2\">\n                <a href=\"\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat2.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\"><h3 class=\"sub-title thumb-info-inner\">Furniture</h3> </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"product-category product-col grid-col-1-4 grid-col-md-5-12 grid-height-1-2\">\n                <a href=\"#\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat3.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\">\n                        <h3 class=\"sub-title thumb-info-inner\">Decore</h3>\n                        <span class=\"thumb-info-type\"> <mark class=\"count\">1</mark> Products </span>\n                      </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"product-category product-col grid-col-1-3 grid-col-md-7-12 grid-height-1-2\">\n                <a href=\"\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat4.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\">\n                        <h3 class=\"sub-title thumb-info-inner\">Accessories</h3>\n                        <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span>\n                      </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"product-category product-col grid-col-1-4 grid-col-md-1-3 grid-height-1-2\">\n                <a href=\"#\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat5.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\"><h3 class=\"sub-title thumb-info-inner\">Mobile</h3> </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"product-category product-col grid-col-5-12 grid-col-md-2-3 grid-height-1-2\">\n                <a href=\"#\">\n                  <span class=\"thumb-info align-center\">\n                    <span class=\"thumb-info-wrapper tf-none\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_cat6.jpg\"}}\" />\n                    </span>\n                    <span class=\"thumb-info-wrap\">\n                      <span class=\"thumb-info-title\">\n                        <h3 class=\"sub-title thumb-info-inner\">Footwear</h3>\n                        <span class=\"thumb-info-type\"> <mark class=\"count\">6</mark> Products </span>\n                      </span>\n                    </span>\n                  </span>\n                </a>\n              </li>\n              <li class=\"grid-col-sizer\"></li>\n            </ul>\n          </div>\n        </div>\n        <script type=\"text/javascript\">\n          require([\n            \'jquery\',\n            \'packery\'\n          ], function ($, Packery) {\n            $.bridget( \'packery\', Packery );\n            var $container = $(\'.home-banner-2\');\n            $container.css(\'opacity\', 0);\n            if ($container.length > 0) {\n              $container.imagesLoaded(function(){\n                $container.packery({\n                  itemSelector: \".product-col\",\n                  columnWidth: \".grid-col-sizer\",\n                  percentPosition: true\n                });\n              });\n              setTimeout(function(){\n                $container.animate({\n                  opacity: 1\n                }, 200);\n              }, 500);\n            }\n          });\n        </script>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 3.75rem; padding-bottom: 2.75rem; background-color: #eeeeee;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h2 style=\"font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;\" class=\"vc_custom_heading mb-3 text-uppercase\">Featured Products</h2>\n          <div id=\"featured-products\" class=\"porto-products wpb_content_element mb-0 section-product-light\">\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"10\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#featured-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: true,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:2\n                      },\n                      768: {\n                        items:2\n                      },\n                      992: {\n                        items:3\n                      },\n                      1200: {\n                        items:4\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"vc_row wpb_row porto-inner-container\" style=\"padding-top: 3.25rem;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"vc_column_container col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h2 style=\"font-size: 1.125rem; line-height: 1.4; text-align: center; letter-spacing: -0.01em;\" class=\"vc_custom_heading mb-4 text-uppercase\">Offers and Deals</h2>\n          <div class=\"vc_row wpb_row vc_inner row home-banner\">\n            <div class=\"vc_column_container col-md-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div id=\"interactive-banner-wrap-3045\" class=\"porto-ibanner m-b-md\" style=\"border: 1.5625rem solid #eee;\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_home_banner4.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc no-padding d-flex\">\n                    <div class=\"porto-ibanner-layer\" style=\"left: 5%; top: 50%; transform: translateY(-50%);\">\n                      <h3 style=\"font-size: 1.875em; line-height: 1;\" class=\"vc_custom_heading custom-font4 mb-1 align-left heading-dark\">Exclusive Shoes</h3>\n                      <h4 style=\"font-size: 2.5em; line-height: 1;\" class=\"vc_custom_heading mb-5 vc_custom_1580092760619 align-left heading-dark\">50% OFF</h4>\n                      <style>\n                        .heading502638983 h6 {\n                          border-bottom-color: #777777 !important;\n                        }\n                      </style>\n                      <div class=\"vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading502638983\">\n                        <h6 style=\"font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;\" class=\"heading-tag\"><a href=\"#\">SHOP NOW</a></h6>\n                      </div>\n                    </div>\n                    <div class=\"porto-ibanner-layer\" style=\"right: 3%; top: 4%;\">\n                      <div class=\"wpb_single_image wpb_content_element vc_align_left mb-0 brand-logo\">\n                        <div class=\"wpb_wrapper\">\n                          <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                            <img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand3.png\"}}\" />\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"vc_column_container col-md-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div id=\"interactive-banner-wrap-7799\" class=\"porto-ibanner m-b-md\" style=\"background: #eeeeee;\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_home_banner5.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc no-padding d-flex\">\n                    <div class=\"porto-ibanner-layer text-center\" style=\"right: 6%; top: 50%; transform: translateY(-50%);\">\n                      <style>\n                        .heading1688041708 .heading-tag:before,\n                        .heading1688041708 .heading-tag:after {\n                          border-top-color: #dcdedf !important;\n                        }\n                      </style>\n                      <div class=\"vc_custom_heading mb-2 heading heading-border heading-middle-border heading-middle-border-center heading1688041708\">\n                        <h6 style=\"font-size: 0.9em; line-height: 1; text-align: center; letter-spacing: 0.2em;\" class=\"heading-tag heading-dark text-uppercase\">Amazing</h6>\n                      </div>\n                      <style>\n                        .heading185629404 h3 {\n                          border-bottom-color: #dcdedf !important;\n                        }\n                      </style>\n                      <div class=\"vc_custom_heading mb-3 heading heading-border heading-bottom-border heading-border-xs heading185629404\">\n                        <h3 style=\"font-size: 2.0375em; line-height: 1; text-align: center; letter-spacing: -0.01em;\" class=\"heading-tag text-uppercase\">Collection</h3>\n                      </div>\n                      <h5 style=\"font-size: 0.9em; color: rgba(34, 37, 41, 0.7); line-height: 1; font-weight: 500; letter-spacing: 0.2em;\" class=\"vc_custom_heading px-2 vc_custom_1580093496782 align-left text-uppercase\">\n                        Check our discountS\n                      </h5>\n                      <style>\n                        .heading1944545504 h6 {\n                          border-bottom-color: #777777 !important;\n                        }\n                      </style>\n                      <div class=\"vc_custom_heading mb-0 d-inline-block align-left heading heading-border heading-bottom-border heading1944545504\">\n                        <h6 style=\"font-size: 0.875em; color: #777777; line-height: 0.8; font-weight: 700; letter-spacing: 0.01em;\" class=\"heading-tag\"><a href=\"#\">SHOP NOW</a></h6>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"interactive-banner-wrap-6815\" class=\"porto-ibanner mb-0\" style=\"background: #eeeeee; min-height: 250px;\">\n            <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/20/shop20_home_banner6.png\"}}\" />\n            <div class=\"porto-ibanner-desc no-padding d-flex\">\n              <div class=\"porto-ibanner-layer\" style=\"width: 90%; left: 5%; top: 50%; transform: translateY(-50%);\">\n                <div>\n                  <h3 style=\"font-size: 1.375rem; line-height: 1; text-align: center; letter-spacing: -0.02em;\" class=\"vc_custom_heading mb-1\">Subscribe To Our Newsletter</h3>\n                  <h6 style=\"font-size: 1rem; color: #777777; line-height: 1.4; text-align: center; font-weight: 400;\" class=\"vc_custom_heading mb-4\">Get all the latest information on events, sales and offers.</h6>\n                  {{block class=\"Magento\\Newsletter\\Block\\Subscribe\" name=\"home.newsletter\" template=\"subscribe_form.phtml\"}}\n                  <style>\n                    .single-subscribe .newsletter .control {\n                      justify-content: center;\n                    }\n                    .single-subscribe .newsletter .input-text {\n                      width: 100%;\n                      max-width: 327px;\n                    }\n                    .single-subscribe .newsletter input {\n                      height: 3.25rem;\n                      padding-left: 20px;\n                      padding-right: 20px;\n                      border-radius: 0;\n                      font-size: .85rem;\n                      color: #777;\n                      border: none;\n                      margin: 0;\n\n                    }\n                    .single-subscribe .newsletter .action {\n                      display: table-cell;\n                      vertical-align: top;\n                      height: 3.2rem;\n                      text-transform: uppercase;\n                      font-weight: 700;\n                      border-radius: 0;\n                      padding: 10px 2rem;\n                      font-size: .75rem;\n                    }\n                  </style>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-carousel brand-carousel owl-carousel mb-0 py-5 nav-pos-outside nav-style-4 show-nav-hover\">\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand1.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand2.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand3.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand4.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand5.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand6.png\"}}\" alt=\"\" /></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n              $(\".brand-carousel.owl-carousel\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                nav: true,\n                dots: false,\n                loop: false,\n                responsive: {\n                  0: {\n                    items: 2,\n                  },\n                  640: {\n                    items: 2,\n                  },\n                  768: {\n                    items: 3,\n                  },\n                  992: {\n                    items: 4,\n                  },\n                  1200: {\n                    items: 6,\n                  },\n                },\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(983,'Porto - Homepage 21','1column',NULL,NULL,'porto_home_21',NULL,'<style>\n  .columns .column.main {\n    padding-bottom: 0;\n  }\n  .layout-1220 .page-main {\n    max-width: 100%;\n  }\n  .home-slider .porto-ibanner {\n    height: 532px;\n    text-align: left;\n    cursor: default;\n  }\n  .home-slider .pc-home-slider-nav {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    transform: translateY(-50%);\n    z-index: 1;\n  }\n  .home-slider .porto-ibanner-desc {\n    height: 100%;\n    display: flex;\n    align-items: center;\n  }\n  .home-slider .porto-ibanner-content {\n    flex: 0 0 100%;\n    width: 100%;\n  }\n  .home-slider .container {\n    position: relative;\n  }\n  .home-slider .list {\n    list-style: none;\n    font-size: 17px;\n    white-space: nowrap;\n    font-weight: 600;\n    padding: 0;\n    position: absolute;\n    right: 20px;\n    top: 50%;\n    margin-top: -63px;\n    color: #171f2f;\n  }\n  .home-slider .list li {\n    position: relative;\n    padding-right: 35px;\n    margin-bottom: 15px;\n    text-align: right;\n    cursor: pointer;\n  }\n  .home-slider .list li.active {\n    color: #ff6840;\n  }\n  .home-slider .list li:after {\n    content: \'\';\n    position: absolute;\n    right: 0;\n    top: 50%;\n    border-top: 2px solid;\n    width: 16px;\n  }\n  .home-slider .porto-ibanner h5 {\n    font-size: 27px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    font-weight: 400;\n    letter-spacing: -.01em;\n    margin-bottom: 0;\n  }\n  .home-slider .porto-ibanner h2 {\n    font-size: 60px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    font-weight: 700;\n    letter-spacing: -.05em;\n    margin-left: -3px;\n    margin-bottom: 7px;\n  }\n  .home-slider .porto-ibanner h5 {\n    font-size: 27px;\n    line-height: 1.2;\n    text-transform: uppercase;\n    font-weight: 400;\n    letter-spacing: -.01em;\n    margin-bottom: 0;\n  }\n  .home-slider .porto-ibanner .btn {\n    margin-top: 30px;\n  }\n  .section {\n    padding: 70px 0 20px;\n    margin: 0;\n  }\n  @media (max-width: 991px) {\n    .home-slider .porto-ibanner h2 {\n      font-size: 36px;\n    }\n    .home-slider .porto-ibanner h5 {\n      font-size: 20px;\n    }\n    .home-slider .porto-ibanner .btn {\n      margin-top: 20px;\n    }\n  }\n</style>\n<div class=\"row home-slider no-padding\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div id=\"banner-slider-demo-20\" class=\"porto-carousel owl-carousel mb-0\">\n        <div class=\"porto-ibanner mb-0 porto-lazyload lazy-load-loaded\"\n             style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_slide1.jpg&quot;}}\');\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover;\">\n          <div class=\"porto-ibanner-desc\">\n            <div class=\"porto-ibanner-content\" style=\"color: #171f2f;\">\n              <div class=\"container\">\n                <h5>Start the Revolution</h5>\n                <h2>drone pro 4</h2>\n                <h5>From <strong>$499</strong></h5>\n                <p>\n                  <a class=\"btn btn-dark btn-modern btn-xl\" href=\"#\">Buy Now</a>\n                </p>\n              </div>\n              <p></p>\n            </div>\n          </div>\n        </div>\n        <div class=\"porto-ibanner mb-0 porto-lazyload lazy-load-loaded\"\n             style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_slide2.jpg&quot;}}\');\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover;\">\n          <div class=\"porto-ibanner-desc\">\n            <div class=\"porto-ibanner-content\" style=\"color: #171f2f;\">\n              <div class=\"container\">\n                <h5>amazing deals</h5>\n                <h2>smartphone</h2>\n                <h5>From <strong>$199</strong></h5>\n                <p><a class=\"btn btn-dark btn-modern btn-xl\" href=\"#\">Buy Now</a></p>\n              </div>\n              <p></p>\n            </div>\n          </div>\n        </div>\n        <div class=\"porto-ibanner mb-0 porto-lazyload lazy-load-loaded\"\n             style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_slide3.jpg&quot;}}\');\n                    background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover;\">\n          <div class=\"porto-ibanner-desc\">\n            <div class=\"porto-ibanner-content\" style=\"color: #171f2f;\">\n              <div class=\"container\">\n                <h5>best price of the year</h5>\n                <h2>top accessories</h2>\n                <h5>From <strong>$19</strong></h5>\n                <p><a class=\"btn btn-dark btn-modern btn-xl\" href=\"#\">Buy Now</a></p>\n              </div>\n              <p></p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"wpb_content_element pc-home-slider-nav mb-0\">\n        <div class=\"wpb_wrapper\">\n          <div class=\"container\">\n            <ul class=\"list\">\n              <li class=\"active\">Drones</li>\n              <li>Phones</li>\n              <li>Accessories</li>\n            </ul>\n          </div>\n        </div>\n      </div>\n      <script type=\"text/javascript\">\n        require([\n          \'jquery\',\n          \'owl.carousel/owl.carousel.min\'\n        ], function ($) {\n          var $slide = $(\"#banner-slider-demo-20\").owlCarousel({\n            items: 1,\n            autoplay: false,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            dots: false,\n            navRewind: true,\n            animateIn: \'fadeIn\',\n            animateOut: \'fadeOut\',\n            loop: false,\n            nav: false\n          });\n          $slide.on(\'changed.owl.carousel\', function(event) {\n            var current = event.item.index;\n            if (event.item.count) {\n              $(\'.home-slider .list li\').eq(current % event.item.count).addClass(\'active\').siblings().removeClass(\'active\');\n            }\n          });\n          $(\'.home-slider .list li\').on(\'click\', function() {\n            if (!$(this).hasClass(\'active\')) {\n              var index = $(this).index();\n              $slide.trigger(\'to.owl.carousel\', [index, 300, true]);\n            }\n          });\n        });\n      </script>\n    </div>\n  </div>\n</div>\n<div class=\"section\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-products wpb_content_element title-border-bottom mb-0\">\n            <h2 class=\"section-title\"><span class=\"inline-title\">Featured Products</span><span class=\"line\"></span></h2>\n            <div class=\"porto-products\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"featured_product\" product_type=\"3\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-default section-no-borders\" style=\"padding-bottom: 15px;background-color: #f4f4f4;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style>\n            ul.products li.product-col {\n              margin-bottom: 1.4286em;\n              position: relative;\n            }\n            ul.products li.cat-has-icon .thumb-info {\n              padding: 40px 0 25px;\n              transition: box-shadow .2s;\n              text-align: center;\n              background: #fff;\n            }\n            ul.products li.cat-has-icon .thumb-info>i {\n              color: #222529;\n              font-size: 3em;\n              display: inline-block;\n              margin-bottom: 15px;\n            }\n            .category-slider li.product-category .thumb-info-wrapper:after {\n              background-color: rgba(27, 27, 23, 0);\n            }\n            .category-slider li.product-category:hover .thumb-info-wrapper:after {\n              background-color: rgba(27, 27, 23, 0.15);\n            }\n          </style>\n          <div class=\"category-slider porto-products wpb_content_element hide-count\">\n            <div class=\"slider-wrapper\">\n              <ul class=\"products products-container products-slider owl-carousel category-pos-bottom category-text-center category-color-dark show-nav-middle\">\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-fashion\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Fashion</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-electronics\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Electronics</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">8</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-gifts\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Gifts</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">5</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-garden\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Garden</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">4</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-music\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Music</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">5</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n                <li class=\"product-category product-col cat-has-icon\">\n                  <a href=\"#\">\n                    <span class=\"thumb-info align-center\">\n                      <i class=\"porto-icon-category-motors\"></i>\n                      <span class=\"thumb-info-wrap\">\n                        <span class=\"thumb-info-title\">\n                          <h3 class=\"sub-title thumb-info-inner\">Motors</h3>\n                          <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span>\n                        </span>\n                      </span>\n                    </span>\n                  </a>\n                </li>\n              </ul>\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\".category-slider .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: false,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: true,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:2\n                      },\n                      768: {\n                        items:3\n                      },\n                      992: {\n                        items:4\n                      },\n                      1200: {\n                        items:6\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"vc_row wpb_row section porto-inner-container\">\n  <style>\n    .home-ads .porto-ibanner-desc {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .home-ads .porto-ibanner-title, .home-ads .porto-ibanner-content {\n      max-width: 33.3333%;\n      flex: 0 0 33.3333%;\n      text-align: left;\n      font-weight: 700;\n      display: flex;\n      flex-wrap: wrap;\n      order: 2;\n    }\n    .home-ads>div:nth-child(2n) .porto-ibanner-content {\n      -ms-flex-order: 1;\n      order: 1;\n      text-align: right;\n      padding: 0 40px 0 0;\n    }\n    .home-ads .porto-ibanner-title {\n      font-size: 2.1875rem;\n      line-height: 1.2;\n      padding-left: 30px;\n    }\n    .home-ads .porto-ibanner-content {\n      padding-left: 40px;\n      flex-direction: column;\n    }\n    .home-ads .porto-ibanner-content {\n      padding-left: 40px;\n      flex-direction: column;\n    }\n    .home-ads .porto-ibanner-content b {\n      display: block;\n      font-size: 1.425rem;\n      line-height: 1.5;\n    }\n    .home-subcats .btn, .home-ads .btn {\n      font-size: 12px;\n      font-weight: 700;\n      letter-spacing: -.025em;\n      text-transform: uppercase;\n      padding: .5rem 1.25rem;\n    }\n    .porto-ibanner .porto-ibanner-content {\n      font-size: .8125em;\n      line-height: 1.6;\n    }\n    @media (max-width: 575px) {\n      .home-ads .porto-ibanner-title {\n        font-size: 1.5rem;\n        padding-left: 20px;\n      }\n      .home-ads .porto-ibanner-content {\n        padding-left: 20px;\n      }\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"vc_row wpb_row vc_inner row mb-3 home-ads\">\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner\" style=\"background: #f4f4f4; min-height: 150px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_ads1.jpg&quot;}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">ACTION CAMERAS</h2>\n                    <div class=\"porto-ibanner-content\" style=\"\">\n                      <h4>Starting From <b>$399</b></h4>\n                      <p><a class=\"btn btn-primary\">Shop Now</a></p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div id=\"interactive-banner-wrap-5678\" class=\"porto-ibanner\" style=\"min-height: 150px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_ads2.jpg&quot;}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">FOR ALL STYLES</h2>\n                    <div class=\"porto-ibanner-content\" style=\"\">\n                      <h4>Starting From <b>$199</b></h4>\n                      <p><a class=\"btn btn-primary\">Shop Now</a></p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-products wpb_content_element title-border-bottom\">\n            <h2 class=\"section-title\"><span class=\"inline-title\">New Arrivals</span><span class=\"line\"></span></h2>\n            <div class=\"porto-products\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-default section-no-borders porto-inner-container\" style=\"background:#f4f4f4;\">\n  <style>\n    .porto-u-heading {\n      text-align: center;\n      margin-bottom: 17px;\n    }\n    .porto-u-heading-spacer {\n      margin: 0 auto;\n      padding: 0;\n      position: relative;\n      overflow: hidden;\n    }\n    .porto-u-headings-line {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin-left: auto;\n      margin-right: auto;\n    }\n  </style>\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"col-md-12 col-lg-4\" style=\"padding-top: 16px;\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-u-heading\" data-hspacer=\"line_only\" data-halign=\"left\" style=\"text-align: left;\">\n            <div class=\"porto-u-main-heading\"><h2 style=\"font-weight: 600; margin-bottom: 19px; font-size: 18px;line-height: normal;\">Special Offer</h2></div>\n            <div class=\"porto-u-heading-spacer line_only\" style=\"margin-bottom: 30px; height: 1px;\">\n              <span class=\"porto-u-headings-line\" style=\"border-style: solid; border-bottom-width: 1px; border-color: #eaeaea; width: auto; margin-left: 0;\"></span>\n            </div>\n          </div>\n          <div class=\"wpb_single_image wpb_content_element vc_align_left\">\n            <div class=\"wpb_wrapper\">\n              <a href=\"#\" target=\"_self\">\n                <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_home_ads3.jpg&quot;}}\" />\n                </div>\n              </a>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-12 col-lg-8\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style>\n            .product.data.items > .item.title {\n              margin: 0 1px 0 0;\n              color: #21293c;\n              padding: 15px 0 15px;\n              font-weight: 600;\n              text-transform: none;\n              border-bottom-width: 3px;\n              padding-left: 22px;\n              padding-right: 22px;\n              letter-spacing: -.01em;\n              font-size: 16px;\n            }\n            .product.data.items > .item.title:hover {\n              border-color: #f4631b;\n            }\n            .product.data.items > .item.title > .switch {\n              font-size: inherit;\n            }\n            .product.data.items > .item.title.active {\n              color: #f4631b;\n              border-color: #f4631b;\n            }\n            @media(min-width: 768px){\n              .product.data.items > .item.content {\n                border-top: solid 1px #eee;\n                margin-top: 60px;\n              }\n            }\n          </style>\n          <div class=\"tabs tabs-simple\">\n            <div class=\"product data items\" data-mage-init=\'{\"tabs\":{\"openedState\":\"active\",\"collapsible\":\"true\"}}\'>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab1-title\" data-role=\"collapsible\" id=\"tab-label-tab1\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab1\" id=\"tab-label-tab1-title\">\n                  <span>Best Sellers</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab1\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\BestsellersList\" name=\"featured_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab2-title\" data-role=\"collapsible\" id=\"tab-label-tab2\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab2\" id=\"tab-label-tab2-title\">\n                  <span>Audio Speakers</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab2\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab3-title\" data-role=\"collapsible\" id=\"tab-label-tab3\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab3\" id=\"tab-label-tab3-title\">\n                  <span>Cameras</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab3\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab4-title\" data-role=\"collapsible\" id=\"tab-label-tab4\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab4\" id=\"tab-label-tab4-title\">\n                  <span>Lamps</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab4\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab5-title\" data-role=\"collapsible\" id=\"tab-label-tab5\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab5\" id=\"tab-label-tab5-title\">\n                  <span>Computer</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab5\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab6-title\" data-role=\"collapsible\" id=\"tab-label-tab6\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab6\" id=\"tab-label-tab6-title\">\n                  <span>Mobile Phones</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab6\" data-role=\"content\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"4\" column_count=\"4\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"home-subcats porto-inner-container\" style=\"padding-top: 48px; padding-bottom: 28px;\">\n  <style>\n    .home-subcats .porto-sicon-box {\n      border: 1px solid #e7e7e7;\n      padding: 2rem;\n      align-items: center;\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-6 col-xl-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 left-icon\">\n            <div class=\"porto-sicon-left\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 107px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_subcat1.jpg&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-body\">\n              <div class=\"porto-sicon-header\">\n                <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;\">\n                  Top Sharp<br />\n                  Knives\n                </h3>\n              </div>\n              <div class=\"porto-sicon-description\" style=\"\"><a class=\"btn btn-dark\" href=\"#\">Shop Now</a></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-6 col-xl-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 left-icon\">\n            <div class=\"porto-sicon-left\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 107px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_subcat2.jpg&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-body\">\n              <div class=\"porto-sicon-header\">\n                <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;\">\n                  HD Vision<br />\n                  Web Cameras\n                </h3>\n              </div>\n              <div class=\"porto-sicon-description\" style=\"\"><a class=\"btn btn-dark\" href=\"#\">Shop Now</a></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"vc_column_container col-md-6 col-xl-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 left-icon\">\n            <div class=\"porto-sicon-left\">\n              <div id=\"porto-icon-498129668606486b1eb734\" class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 107px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_subcat3.jpg&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-body\">\n              <div class=\"porto-sicon-header\">\n                <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;\">\n                  Mobiles And<br />\n                  Tablets\n                </h3>\n              </div>\n              <div class=\"porto-sicon-description\" style=\"\"><a class=\"btn btn-dark\" href=\"#\">Shop Now</a></div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"vc_column_container col-md-6 col-xl-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 left-icon\">\n            <div class=\"porto-sicon-left\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 107px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/21/shop21_subcat4.jpg&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-body\">\n              <div class=\"porto-sicon-header\">\n                <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 17px; line-height: 20px; color: #222529;\">\n                  Smart<br />\n                  Watches\n                </h3>\n              </div>\n              <div class=\"porto-sicon-description\" style=\"\"><a class=\"btn btn-dark\" href=\"#\">Shop Now</a></div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-default section-no-borders porto-inner-container\" style=\"padding-top: 80px; padding-bottom: 60px;background-color: #f4f4f4;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div  class=\"porto-just-icon-wrapper\" style=\"text-align: center;margin-bottom: 30px;\">\n                <div class=\"porto-icon none\" style=\"color: #f4631b; font-size: 50px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 18px; line-height: 27px;\">FREE SHIPPING &amp; RETURNS</h3>\n              <p style=\"font-weight: 600; font-size: 17px; color: #21293c;\">All Orders Over $99</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 16px; line-height: 26px; color: #7b858a;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div  class=\"porto-just-icon-wrapper\" style=\"text-align: center;margin-bottom: 30px;\">\n                <div class=\"porto-icon none\" style=\"color: #f4631b; font-size: 50px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 18px; line-height: 27px;\">MONEY BACK GUARANTEE</h3>\n              <p style=\"font-weight: 600; font-size: 17px; color: #21293c;\">Safe &amp; Fast</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 16px; line-height: 26px; color: #7b858a;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div  class=\"porto-just-icon-wrapper\" style=\"text-align: center;margin-bottom: 30px;\">\n                <div class=\"porto-icon none\" style=\"color: #f4631b; font-size: 50px; display: inline-block;\"><i class=\"porto-icon-support\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 18px; line-height: 27px;\">ONLINE SUPPORT</h3>\n              <p style=\"font-weight: 600; font-size: 17px; color: #21293c;\">Need Assistence?</p>\n            </div>\n            <div class=\"porto-sicon-description\" style=\"font-size: 16px; line-height: 26px; color: #7b858a;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec vestibulum magna, et dapibus.</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"pt-lg-3  col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h3 style=\"font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;\" class=\"vc_custom_heading align-left\">Top Rated Products</h3>\n          <div class=\"wpb_content_element\">\n            <div class=\"widget widget_top_rated_products\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"featured_product\" product_count=\"3\" aspect_ratio=\"0\" image_width=\"150\" image_height=\"150\" template=\"small_list.phtml\"}}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt-lg-3  col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h3 style=\"font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;\" class=\"vc_custom_heading align-left\">Top Selling Products</h3>\n          <div class=\"wpb_content_element\">\n            <div class=\"widget widget_products\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\BestsellersList\" name=\"featured_product\" product_count=\"3\" aspect_ratio=\"0\" image_width=\"150\" image_height=\"150\" template=\"small_list.phtml\"}}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt-lg-3  col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h3 style=\"font-size: 16px; line-height: 1.5; font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #e7e7e7;\" class=\"vc_custom_heading align-left\">On Sale Products</h3>\n          <div class=\"wpb_content_element\">\n            <div class=\"widget widget_products\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\SaleList\" name=\"featured_product\" product_count=\"3\" aspect_ratio=\"0\" image_width=\"150\" image_height=\"150\" template=\"small_list.phtml\"}}\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\" col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style>\n            .top_sale_product {\n              border: 3px solid #f4631b;\n            }\n            .top_sale_product .sw-dailydeal {\n              bottom: -8.5rem;\n              color: #444;\n              background: #f4f4f4;\n              border-radius: 2rem;\n              left: 15%;\n              right: 15%;\n            }\n            .top_sale_product .sale-product-daily-deal .daily-deal-title {\n              color: #444;\n            }\n            .top_sale_product .product-item-info .product-item-inner, .top_sale_product .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {\n              display: none;\n            }\n            .porto-products {\n              position: relative;\n            }\n            .porto-products .flash-deal {\n              position: absolute;\n              left: 0;\n              width: 100%;\n              z-index: 2;\n              top: 1rem;\n              color: #222529;\n              font-size: 16px;\n              font-weight: 700;\n              text-align: center;\n            }\n            .top_sale_product .products-grid .product-item:hover, .top_sale_product .product-item-info:hover .product-item-photo {\n              box-shadow: none;\n            }\n          </style>\n          <div class=\"porto-products wpb_content_element top_sale_product\">\n            <span class=\"flash-deal\">Flash Deals</span>\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\SaleList\" name=\"featured_product\" product_type=\"1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"360\" image_height=\"300\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h2 class=\"vc_custom_heading align-left\" style=\"font-size: 16px;line-height: 1; font-weight: 600;margin-bottom: 50px; border-bottom: 1px solid #e7e7e7; padding-bottom: 15px;\">\n            Top Brands\n          </h2>\n          <div class=\"porto-carousel brand-carousel owl-carousel mb-5\">\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png\"}}\" alt=\"\" /></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n              $(\".brand-carousel.owl-carousel\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                nav: false,\n                dots: false,\n                loop: false,\n                responsive: {\n                  0: {\n                    items: 2,\n                  },\n                  640: {\n                    items: 2,\n                  },\n                  768: {\n                    items: 3,\n                  },\n                  992: {\n                    items: 4,\n                  },\n                  1200: {\n                    items: 5,\n                  },\n                },\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(984,'Porto - Homepage 22','1column',NULL,NULL,'porto_home_22',NULL,'<div class=\"row home-slider no-padding\" style=\"background-color: #e2e2e0;\">\n  <style>\n.columns .column.main {\n    padding-bottom: 0;\n}\n    .home-slider .porto-ibanner-content {\n      display: flex;\n      align-items: center;\n      text-align: justify;\n      height: 100%;\n      font-size: 1em;\n      padding: 0 1rem;\n    }\n    .home-slider .porto-ibanner-content > div {\n      width: 100%;\n    }\n    .home-slider .porto-ibanner-content h2 {\n      font-size: 4.8571em;\n      letter-spacing: 0.01em;\n      margin-bottom: 1rem;\n    }\n    .porto-ibanner .porto-ibanner-title,\n    .porto-ibanner p {\n      letter-spacing: normal;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      font-weight: inherit;\n      text-decoration: inherit;\n      font-style: inherit;\n      color: inherit;\n    }\n    .home-banners .porto-ibanner-content a,\n    .home-slider .porto-ibanner-content a {\n      color: #666;\n      font-size: 1.5714em;\n      letter-spacing: 0.01em;\n      text-decoration: none;\n      white-space: nowrap;\n    }\n    .home-banners .porto-ibanner-content a i:first-child,\n    .home-slider .porto-ibanner-content a i:first-child {\n      display: inline-block;\n      border-bottom: 1px solid;\n      line-height: 1.4;\n    }\n    .home-banners .porto-ibanner-content a .porto-icon-right-open-big,\n    .home-slider .porto-ibanner-content a .porto-icon-right-open-big {\n      font-size: 0.7em;\n      vertical-align: middle;\n    }\n    .home-slider .owl-carousel .owl-nav {\n      width: 96%;\n      left: 2%;\n    }\n    @media (max-width: 767px) {\n      .home-banners .porto-ibanner-content,\n      .home-slider .porto-ibanner-content {\n        font-size: 9px;\n      }\n    }\n    @media (min-width: 1200px) {\n      .home-slider .porto-ibanner img {\n        width: 1200px;\n        min-width: 0;\n        margin: 0 auto;\n      }\n    }\n  </style>\n  <div class=\"vc_column_container col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div id=\"banner-slider-demo-2\" class=\"porto-carousel owl-carousel porto-standable-carousel mb-0 nav-pos-inside nav-style-4\">\n        <div class=\"porto-ibanner mb-0\" style=\"\">\n          <img src=\'{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_slide1.jpg\"}}\' />\n          <div class=\"porto-ibanner-desc\">\n            <div class=\"porto-ibanner-content\" style=\"\">\n              <div class=\"container appear-animation\" data-appear-animation=\"fadeInRight\" data-appear-animation-delay=\"400\" style=\"animation-delay: 400ms;\">\n                <h2 class=\"custom-font1 text-color-primary\">Discover our Arrivals!</h2>\n                <p>\n                  <a href=\"#\"><i>View our Dresses</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"porto-ibanner mb-0\" style=\"\">\n          <img src=\'{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_slide2.jpg\"}}\' />\n          <div class=\"porto-ibanner-desc\">\n            <div class=\"porto-ibanner-content\" style=\"\">\n              <div class=\"container appear-animation\" data-appear-animation=\"fadeInLeft\" data-appear-animation-delay=\"400\" style=\"animation-delay: 400ms;\">\n                <div class=\"row no-padding\">\n                  <div class=\"col-6 offset-6 pl-3 pl-lg-5\">\n                    <h2 class=\"custom-font1 text-color-primary\">Trendy Collections!</h2>\n                    <p>\n                      <a href=\"#\"><i>View our Specials</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <script type=\"text/javascript\">\n        require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n          $(\"#banner-slider-demo-2\").owlCarousel({\n            items: 1,\n            autoplay: false,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            dots: false,\n            navRewind: true,\n            animateIn: \"fadeIn\",\n            animateOut: \"fadeOut\",\n            loop: true,\n            nav: true,\n          });\n        });\n      </script>\n    </div>\n  </div>\n</div>\n<div class=\"pb-3 section porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h2 class=\"vc_custom_heading mb-1 text-uppercase\" style=\"font-size: 30px; line-height: 1; text-align: center; font-weight: 700;\">\n            Welcome to Little Porto’s World\n          </h2>\n          <p style=\"font-size: 28px; color: rgb(102, 102, 102); line-height: 1.2; text-align: center;\" class=\"vc_custom_heading m-b-lg custom-font1\">\n            Enjoy the exceptional quality in all our products\n          </p>\n          <style>\n            .section {\n              margin-top: 30px;\n              padding: 50px 0;\n            }\n            .home-banners .porto-ibanner-content {\n              font-size: 14px;\n            }\n            .home-banners .porto-ibanner-title,\n            .home-banners .porto-ibanner-content h3,\n            .home-banners .porto-ibanner-content h4 {\n              text-transform: uppercase;\n              line-height: 1;\n              font-size: 1.4285em;\n              letter-spacing: -0.025em;\n            }\n            .home-banners .porto-ibanner-title {\n              font-weight: 600;\n              margin-bottom: 0.25em;\n            }\n            .home-banners .porto-ibanner-content a {\n              font-size: 1em;\n            }\n            .home-banners .porto-ibanner-desc {\n              display: flex;\n              align-items: center;\n              flex-direction: column;\n              justify-content: space-between;\n              padding: 13% 15px;\n            }\n            .home-banner1 .porto-ibanner-desc {\n              align-items: flex-end;\n              justify-content: center;\n              text-align: justify;\n              padding-right: 9%;\n            }\n            .home-banner1 .porto-ibanner-desc h3 {\n              font-size: 2.9286em;\n              margin-bottom: 0;\n              line-height: 0.8;\n            }\n            .home-banner1 .porto-ibanner-desc h4 {\n              font-size: 2.1428em;\n              margin-bottom: 1.5rem;\n            }\n            .home-banner1 .porto-ibanner-content a {\n              font-size: 1.2143em;\n            }\n            .home-banner2 .porto-ibanner-desc {\n              justify-content: flex-end;\n            }\n            .home-banner3 .porto-ibanner-title {\n              font-weight: 700;\n            }\n            .home-banner4 .porto-ibanner-desc {\n              justify-content: flex-start;\n            }\n            .home-banner6 .porto-ibanner-title {\n              font-size: 2.1426em;\n              font-weight: 700;\n            }\n            .home-banner6 .porto-ibanner-content a {\n              font-size: 1.5714em;\n            }\n          </style>\n          <div class=\"row home-banners m-b-md\">\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner1\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner1.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <div class=\"porto-ibanner-content\">\n                      <h3 class=\"custom-font1\">Discounts</h3>\n                      <h4 class=\"text-color-dark\">up to 70%</h4>\n                      <p>\n                        <a href=\"#\"><i>View our Deals</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-6 col-lg-3\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner2\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner2.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">summer classics</h2>\n                    <div class=\"porto-ibanner-content\">\n                      <a href=\"#\"><i>View our Classics</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-6 col-lg-3\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner3\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner3.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">mother &amp; daughter</h2>\n                    <div class=\"porto-ibanner-content\">\n                      <a href=\"#\"><i>View our Outfits</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-6 col-lg-3\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner4\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner4.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">babies outfits</h2>\n                    <div class=\"porto-ibanner-content\">\n                      <a href=\"#\"><i>View our Outfits</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"vc_column_container col-md-6 col-lg-3\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner5\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner5.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">babies dresses</h2>\n                    <div class=\"porto-ibanner-content\">\n                      <a href=\"#\"><i>View our Dresses</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ibanner m-b-md home-banner6\">\n                  <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_home_banner6.jpg\"}}\" />\n                  <div class=\"porto-ibanner-desc\">\n                    <h2 class=\"porto-ibanner-title\" style=\"color: #222529;\">shoes for babies</h2>\n                    <div class=\"porto-ibanner-content\">\n                      <a href=\"#\"><i>View our Deals</i><i class=\"porto-icon-right-open-big ml-2\"></i></a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <style>\n            .home-features .porto-sicon-box {\n              padding: 10px 0;\n              margin-bottom: 0;\n              justify-content: center;\n            }\n            .home-features .porto-sicon-title {\n              margin: 0;\n            }\n            .home-features > div:not(:last-child) {\n              border-right: 1px solid #e7e7e7;\n            }\n            @media (max-width: 767px) {\n              .home-features > div:not(:last-child) {\n                border-bottom: 1px solid #e7e7e7;\n                border-right: none;\n              }\n              .home-features .porto-sicon-box {\n                justify-content: flex-start;\n                padding-left: 6%;\n              }\n            }\n          </style>\n          <div class=\"row no-padding home-features mb-5\">\n            <div class=\"col-md-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #222529; font-size: 38px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;\">FREE SHIPPING &amp; RETURN</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;\">Free shipping on all orders over $99.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div id=\"porto-icon-54338073160647244cb364\" class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #222529; font-size: 40px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;\">MONEY BACK GUARANTEE</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;\">100% money back guarantee</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #222529; font-size: 40px; display: inline-block;\"><i class=\"porto-icon-support\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 22px; color: #222529;\">ONLINE SUPPORT 24/7</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 18px; color: #839199;\">Lorem ipsum dolor sit amet.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-products\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"4\" column_count=\"4\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\"\n            template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"row no-padding\">\n  <div class=\"col-md-12 col-lg-3 d-flex align-items-center justify-content-center\" style=\"padding-top: 40px; padding-bottom: 40px; background-color: #e2e2e0;\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <h4 style=\"font-size: 54px; line-height: 1; text-align: center; font-weight: 400;\" class=\"vc_custom_heading custom-font1 text-color-primary mb-0\">Best Collections</h4>\n      <p style=\"font-size: 16px; color: #666666; line-height: 1; text-align: center;\" class=\"vc_custom_heading mb-0\">Selected Products From Famous Brands</p>\n    </div>\n  </div>\n  <div class=\"col-md-12 col-lg-9\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <style>\n        .category-slider ul.products .product-col {\n          padding-left: 0;\n          padding-right: 0;\n        }\n        ul.products li.product-category .thumb-info-wrapper:after {\n          background-color: rgba(27, 27, 23, 0.06);\n        }\n        ul.products li.product-category:hover .thumb-info-wrapper:after {\n          background-color: rgba(27, 27, 23, 0.21);\n        }\n        ul.products li.product-category .thumb-info .thumb-info-title {\n          width: 50%;\n          left: 25%;\n          background: #fff;\n          padding: 1.7em 0;\n        }\n        ul.products li.product-category .thumb-info h3 {\n          color: #222529;\n          letter-spacing: 0.35em;\n          text-transform: uppercase;\n        }\n      </style>\n      <div class=\"category-slider porto-products wpb_content_element mb-0 no-padding hide-count\">\n        <div class=\"slider-wrapper\">\n          <ul class=\"products products-container products-slider owl-carousel category-pos-bottom category-text-center\">\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_cat1.jpg\"}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Boys</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">8</mark> Products </span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_cat2.jpg\"}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Babies</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">4</mark> Products </span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/22/shop22_cat3.jpg\"}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Girls</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">5</mark> Products </span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n            </li>\n          </ul>\n          <script type=\"text/javascript\">\n            require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n              $(\".category-slider .owl-carousel\").owlCarousel({\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                loop: false,\n                navRewind: true,\n                lazyLoad: true,\n                margin: 0,\n                nav: false,\n                dots: false,\n                responsive: {\n                  0: {\n                    items: 1,\n                  },\n                  640: {\n                    items: 1,\n                  },\n                  768: {\n                    items: 2,\n                  },\n                  992: {\n                    items: 3,\n                  },\n                  1200: {\n                    items: 3,\n                  },\n                },\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pb-4 section mb-0\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-products wpb_content_element mb-0\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"4\" column_count=\"4\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\"\n            template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div style=\"padding-top: 30px !important; padding-bottom: 30px; border-top: 1px solid #e7e7e7;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"vc_column_container col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-carousel brand-carousel owl-carousel mb-0\">\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand2.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand3.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand4.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand5.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/21/shop21_brand1.png\"}}\" alt=\"\" /></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n              $(\".brand-carousel.owl-carousel\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                nav: false,\n                dots: false,\n                loop: false,\n                responsive: {\n                  0: {\n                    items: 2,\n                  },\n                  640: {\n                    items: 2,\n                  },\n                  768: {\n                    items: 3,\n                  },\n                  992: {\n                    items: 4,\n                  },\n                  1200: {\n                    items: 5,\n                  },\n                },\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL),(985,'Porto - Homepage 23','1column',NULL,NULL,'porto_home_23',NULL,'<style>\n.columns .column.main {\n    padding-bottom: 0;\n}\n  .section {\n    margin-top: 30px;\n    padding: 50px 0;\n  }\n  .custom-shape-wrapper1, .custom-shape-wrapper2 {\n    position: relative;\n  }\n  .custom-shape-wrapper1 {\n    z-index: 8;\n  }\n  .porto-ultimate-content-box {\n    font-size: inherit;\n  }\n  .curved-border {\n    min-height: 7.2vw;\n    position: relative;\n  }\n  .home-slider ul.products,\n  .home-slider ul.products li.product {\n    margin-bottom: 0;\n    padding: 0;\n  }\n  ul.products li.product-col h3 {\n    line-height: 1.35;\n    letter-spacing: -.01em;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  ul.products li.product-col .price {\n    margin-bottom: 1rem;\n  }\n  ul.products li.product-col .add-links {\n    display: inline-block;\n    position: relative;\n  }\n  .home-slider .porto-ultimate-content-box {\n    padding: 14vh 0;\n  }\n  .home-slider .products .product .add-links .button {\n    font-family: Poppins,sans-serif;\n    background-color: #141a1f!important;\n    font-size: 1em;\n    font-weight: 600;\n    letter-spacing: 0;\n    padding: .7em 2.5em .7em 3em;\n    height: auto;\n    border-radius: 3em 0 0 3em;\n    margin-right: 4em;\n    overflow: visible;\n    line-height: 34px;\n    min-width: 36px;\n    margin-bottom: 5px;\n    position: relative;\n    display: inline-block;\n    border: 1px solid #ea6253;\n    color: #fff;\n    text-transform: uppercase;\n    text-align: center;\n    white-space: nowrap;\n  }\n  .home-slider .products .product .add-links .button:after {\n    content: \"\\f054\";\n    font-family: \"Font Awesome 5 Free\";\n    padding: 0.7em 0;\n    position: absolute;\n    left: 100%;\n    top: 0;\n    height: 100%;\n    width: 3.7em;\n    margin-left: 0.3em;\n    background-color: inherit;\n    border-radius: 0 3em 3em 0;\n  }\n  .home-slider .products .product-image,\n  .home-slider .products .product-image img {\n    border-radius: 4px;\n  }\n  .home-slider .products .product .product-loop-title h3 {\n    font-family: Poppins;\n    font-size: 25px;\n    font-weight: 700;\n    background: #fff;\n    border-radius: 5px;\n    padding: 0.75em;\n    text-align: center;\n    margin-bottom: 2.6em;\n  }\n  .home-slider .products .product-content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n  }\n  .home-slider .products .product-loop-title {\n    -ms-flex: 0 0 100%;\n    flex: 0 0 100%;\n    width: 100%;\n  }\n  .home-slider .products .product .price {\n    background: #fff;\n    font-size: 1em;\n    padding: 2.2em 3.25em 2.9em;\n    border-radius: 6em;\n    font-family: Poppins;\n    color: #141a1f;\n    font-weight: 700;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    visibility: hidden;\n    line-height: 1;\n  }\n  .home-slider .products .product .price del {\n    font-size: .55em;\n    display: block;\n    margin-right: .2143em;\n    vertical-align: baseline;\n    color: #a7a7a7;\n    line-height: 1;\n  }\n  .home-slider .price ins {\n    display: inline-block;\n    text-decoration: none;\n    vertical-align: baseline;\n    line-height: 1;\n  }\n  .home-slider .products .price-wrapper {\n    display: block;\n    text-align: right;\n    font-size: 3em;\n  }\n  .home-slider .products .add-links-wrap {\n    margin: -3em 2em 0 0;\n  }\n  .home-slider .products .sale-text {\n    font-size: 1.4286em;\n    font-weight: 700;\n    margin-right: 2em;\n    white-space: nowrap;\n  }\n  .home-slider .products .sale-text small {\n    font-weight: 500;\n    display: block;\n    font-size: 0.65em;\n    opacity: 0.7;\n    margin-bottom: 0.25rem;\n  }\n  .home-slider .owl-item:nth-child(2n) .product-image {\n    order: 2;\n  }\n  .home-slider .owl-item:nth-child(2n) .products .add-links-wrap {\n    margin-right: 0;\n    margin-left: 2.75em;\n  }\n  .home-slider .owl-item:nth-child(2n) .products .product-content {\n    align-items: flex-start;\n  }\n  .home-slider .owl-item:nth-child(2n) .products .add-links .button {\n    background-color: #ea6253 !important;\n  }\n  .add-links .add_to_cart_button:before, .add-links .add_to_cart_read_more:before {\n    content: \"\\f061\";\n    font-family: \'Font Awesome 5 Free\';\n    font-weight: 900;\n    margin-right: 5px;\n    position: relative;\n    float: left;\n    display: inline-block;\n  }\n  @media (min-width: 576px) {\n    ul.list li.product .product-inner {\n      display: flex;\n      align-items: center;\n    }\n    .home-slider .products .product .product-image {\n      -ms-flex: 0 0 62%;\n      flex: 0 0 62%;\n      max-width: 62%;\n      margin: 0;\n    }\n    .home-slider .products .product .product-content {\n      -ms-flex: 0 0 38%;\n      flex: 0 0 38%;\n      max-width: 38%;\n      position: relative;\n      z-index: 1;\n      padding-left: 20px;\n    }\n    .home-slider .products .product .product-loop-title h3 {\n      margin-left: -50px;\n    }\n    .home-slider .owl-item:nth-child(2n) .products .product-loop-title h3 {\n      margin-right: -50px;\n      margin-left: 0;\n    }\n    .home-slider .owl-item:nth-child(2n) .products .product-image {\n      padding: 0;\n    }\n    .home-slider .owl-item:nth-child(2n) .products .product-content {\n      padding-right: 20px;\n      padding-left: 0;\n    }\n  }\n  @media (max-width: 767px) {\n    .home-slider .products .product .product-loop-title h3 {\n      font-size: 15px;\n    }\n\n    .home-slider .products .add-links-wrap,\n    .home-slider .products .product .price {\n      font-size: 12px;\n    }\n  }\n  .home-slider .owl-carousel.nav-style-2 .owl-nav [class*=\"owl-\"] {\n    font-size: 2.25rem;\n  }\n  .home-slider .owl-carousel .owl-nav {\n    top: 42%;\n  }\n  @media (min-width: 1280px) {\n    .home-slider .owl-carousel .owl-nav .owl-prev {\n      left: 40px;\n    }\n    .home-slider .owl-carousel .owl-nav .owl-next {\n      right: 40px;\n    }\n  }\n</style>\n<div class=\"row curved-border home-slider no-padding\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div id=\"banner-slider-demo-23\" class=\"porto-carousel owl-carousel mb-0 porto-standable-carousel nav-pos-inside nav-style-2\">\n        <div class=\"porto-ultimate-content-box-container\">\n          <div class=\"porto-ultimate-content-box\"\n               style=\"background-color: #d85d4e;\n                      background-size: cover;\n                      background-repeat: no-repeat;\n                      background-position: center center;\n                      background-color: rgba(0, 0, 0, 0);\n                      background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_slide1.jpg&quot;}}\');\n                      \">\n            <div class=\"container\">\n              <div class=\"porto-products wpb_content_element mb-0\">\n                <div class=\"woocommerce\">\n                  <ul class=\"products products-container list\">\n                    <li class=\"product-col product type-product\">\n                      <div class=\"product-inner\">\n                        <div class=\"product-image\">\n                          <a href=\"#\">\n                            <div class=\"inner\">\n                              <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_product1.jpg&quot;}}\" />\n                            </div>\n                          </a>\n                        </div>\n                        <div class=\"product-content\">\n                          <a class=\"product-loop-title\" href=\"#\">\n                            <h3>Portoblee – Responsive Theme</h3>\n                          </a>\n                          <span class=\"price\" style=\"visibility: visible;\">\n                            <span class=\"sale-text\"><small>get yours now</small>SALE 34%</span>\n                            <span class=\"price-wrapper\">\n                              <del>\n                                <span class=\"amount\">\n                                  <bdi><span>$</span>59</bdi>\n                                </span>\n                              </del>\n                              <ins>\n                                <span class=\"amount\">\n                                  <bdi><span>$</span>39</bdi>\n                                </span>\n                              </ins>\n                            </span>\n                          </span>\n                          <div class=\"add-links-wrap\">\n                            <div class=\"add-links clearfix\">\n                              <a href=\"#\" class=\"viewcart-style-1 button add_to_cart_button\">Select options</a>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"porto-ultimate-content-box-container\">\n          <div class=\"porto-ultimate-content-box porto-lazyload lazy-load-loaded\"\n               style=\"background-size: cover;\n                      background-repeat: no-repeat;\n                      background-position: center center;\n                      background-color: rgba(0, 0, 0, 0);\n                      background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_slide2.jpg&quot;}}\');\n                      \">\n            <div class=\"porto-container container\">\n              <div class=\"porto-products wpb_content_element mb-0\">\n                <div class=\"woocommerce\">\n                  <ul class=\"products products-container list\">\n                    <li class=\"product-col product\">\n                      <div class=\"product-inner\">\n                        <div class=\"product-image\">\n                          <a href=\"#\">\n                            <div class=\"inner\">\n                              <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_product2.jpg&quot;}}\" />\n                            </div>\n                          </a>\n                        </div>\n                        <div class=\"product-content\">\n                          <a class=\"product-loop-title\" href=\"#\"><h3>Shoport – eCommerce Theme</h3> </a>\n                          <span class=\"price\" style=\"visibility: visible;\">\n                            <span class=\"sale-text\"><small>get yours now</small>SALE 50%</span>\n                            <span class=\"price-wrapper\">\n                              <del>\n                                <span class=\"woocommerce-Price-amount amount\">\n                                  <bdi><span class=\"woocommerce-Price-currencySymbol\">$</span>399</bdi>\n                                </span>\n                              </del>\n                              <ins>\n                                <span class=\"woocommerce-Price-amount amount\">\n                                  <bdi><span class=\"woocommerce-Price-currencySymbol\">$</span>198</bdi>\n                                </span>\n                              </ins>\n                            </span>\n                          </span>\n                          <div class=\"add-links-wrap\">\n                            <div class=\"add-links clearfix\">\n                              <a href=\"#\" class=\"viewcart-style-1 button add_to_cart_button\">Select options</a>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <script type=\"text/javascript\">\n        require([\n          \'jquery\',\n          \'owl.carousel/owl.carousel.min\'\n        ], function ($) {\n          $(\"#banner-slider-demo-23\").owlCarousel({\n            items: 1,\n            autoplay: false,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            dots: false,\n            navRewind: true,\n            animateIn: \'fadeIn\',\n            animateOut: \'fadeOut\',\n            loop: false,\n            nav: true\n          });\n        });\n      </script>\n    </div>\n  </div>\n</div>\n<div class=\"custom-shape-wrapper1 section\">\n  <style>\n    .custom-shape-wrapper1 .pc-custom-shape {\n      position: absolute;\n      top: 50%;\n      right: 0;\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 45px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_icon1.png&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 16px;\">DEDICATED SERVICE</h3></div>\n            <div class=\"porto-sicon-description\" style=\"\">Consult our specialists for help with an order, customization, or design advice.</div>\n          </div>\n          <div class=\"btn-container text-color-primary text-center\"><button class=\"btn-shape-round btn btn-borders btn-md btn-default\">Get In Touch</button></div>\n        </div>\n      </div>\n      <div class=\"col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-sicon-box style_1 top-icon\">\n            <div class=\"porto-sicon-top\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 45px;\">\n                  <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_icon2.png&quot;}}\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 16px;\">MONEY BACK GUARANTEE</h3></div>\n            <div class=\"porto-sicon-description\" style=\"\">Consult our specialists for help with an order, customization, or design advice.</div>\n          </div>\n          <div class=\"btn-container text-color-primary text-center\"><button class=\"btn-shape-round btn btn-borders btn-md btn-default\">Get In Touch</button></div>\n        </div>\n      </div>\n      <div class=\"position-static col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"wpb_single_image wpb_content_element vc_align_left pc-custom-shape\">\n            <div class=\"wpb_wrapper\">\n              <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_shape1.png&quot;}}\" />\n              </div>\n            </div>\n          </div>\n          <div style=\"position: relative;\">\n            <div class=\"porto-sicon-box position-relative style_1 top-icon\">\n              <div class=\"porto-sicon-top\">\n                <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                  <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 45px;\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_icon3.png&quot;}}\" />\n                  </div>\n                </div>\n              </div>\n              <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 16px;\">SECURE PAYMENT</h3></div>\n              <div class=\"porto-sicon-description\" style=\"\">Consult our specialists for help with an order, customization, or design advice.</div>\n            </div>\n            <div class=\"btn-container text-color-primary position-relative text-center\"><button class=\"btn-shape-round btn btn-borders btn-md btn-default\">Get In Touch</button></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section mb-0 pb-0 porto-inner-container\" style=\"padding-top: 140px; background-color: #f4f4f4;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\" col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div id=\"featured-products\" class=\"porto-products wpb_content_element\">\n            <h2 class=\"section-title text-center slider-title\"><span class=\"inline-title\">FEATURED ITEMS</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"featured_product\" extra_class=\"dots-style-1\" product_count=\"3\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"400\" image_height=\"252\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#featured-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: false,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:2\n                      },\n                      768: {\n                        items:2\n                      },\n                      992: {\n                        items:3\n                      },\n                      1200: {\n                        items:3\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n          <div class=\"porto-separator tall\"><hr class=\"separator-line align_center solid\" style=\"background-color: #e1e1e1;margin-top: 60px\" /></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"mb-5 no-padding custom-shape-wrapper2 section mt-0 mb-0 porto-inner-container\" style=\"padding-bottom: 100px; background-color: #f4f4f4;\">\n  <style>\n    .custom-shape-wrapper2 .pc-custom-shape {\n      position: absolute;\n      top: 0;\n      left: 0;\n      transform: translateY(-50%);\n    }\n    .custom-shape-wrapper2 .porto-wrap-container>.row {\n      background: #fff;\n    }\n  </style>\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row no-padding align-items-center\">\n      <div class=\"position-static col-md-6\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"wpb_single_image wpb_content_element vc_align_left pc-custom-shape\">\n            <div class=\"wpb_wrapper\">\n              <div>\n                <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_shape2.png&quot;}}\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"wpb_content_element mb-0 position-relative\">\n            <div class=\"wpb_wrapper\">\n              <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_home_banner1.jpg&quot;}}\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"px-3 px-md-0 col-md-6\" style=\"background-color: #ffffff;\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"row\" style=\"padding-top: 30px; padding-bottom: 30px;\">\n            <div class=\"col-sm-7 mb-4 mb-sm-0 col-md-7 d-flex align-items-center\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h2 style=\"font-size: 32px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading mb-0 align-left\">Meet Porto</h2>\n                <p style=\"font-size: 22px; line-height: 1.3;\" class=\"vc_custom_heading mb-0 align-left\">\n                  The easier way to build your<br />\n                  portfolio &amp; showcase your work.\n                </p>\n              </div>\n            </div>\n            <div class=\"col-sm-5 col-md-5 d-flex align-items-center justify-content-center\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"btn-container mb-0 text-left text-sm-center text-center\">\n                  <button class=\"btn-shape-round btn btn-modern btn-lg btn-dark\">GET STARTED <i style=\"padding-left: 7px;\" class=\"fas fa-chevron-right\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section mt-0 mb-0 porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-products wpb_content_element mb-4\">\n            <h2 class=\"section-title text-center\"><span class=\"inline-title\">BEST SELLING ITEMS</span><span class=\"line\"></span></h2>\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"6\" column_count=\"3\" aspect_ratio=\"0\" image_width=\"400\" image_height=\"252\" template=\"grid.phtml\"}}\n          </div>\n          <div class=\"btn-container mb-5 text-center\"><a class=\"btn-shape-round btn btn-borders btn-md btn-default\" href=\"#\" title=\"Themes\">View More</a></div>\n          <div class=\"porto-products title-border-middle mb-3\">\n            <h3 class=\"section-title slider-title text-center\" style=\"font-size: 12px; font-weight: 500; color: #999;padding: 0 12px;\">\n              <span class=\"line-l\"></span>\n              <span class=\"inline-title\">AS FEATURED AT</span>\n              <span class=\"line-r\"></span>\n            </h3>\n          </div>\n          <div class=\"porto-carousel carousel-center-active-item brand-carousel owl-carousel py-3 mb-0\">\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-1.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-2.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-3.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-4.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-5.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-6.png&quot;}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/logo-7.png&quot;}}\" alt=\"\" /></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n              $(\".brand-carousel.owl-carousel\").owlCarousel({\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                loop: true,\n                navRewind: true,\n                lazyLoad:true,\n                margin: 0,\n                center: true,\n                nav: false,\n                dots: false,\n                responsive: {\n                  0: {\n                    items:2\n                  },\n                  640: {\n                    items:2\n                  },\n                  768: {\n                    items:3\n                  },\n                  992: {\n                    items:5\n                  },\n                  1200: {\n                    items:7\n                  }\n                }\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"mb-5 porto-inner-container\" style=\"padding-top: 70px; padding-bottom: 70px; background-color: #f4f4f4;\">\n  <div class=\"porto-wrap-container container\">\n    <style>\n      .testimonial.testimonial-style-3 {\n        border: 2px solid #ea6253;\n        border-radius: 3px;\n        padding: 25px 30px 70px 25px;\n        margin-bottom: 0;\n      }\n      .testimonial.testimonial-style-3 .testimonial-author {\n        align-items: center;\n        margin-left: 8px;\n      }\n      .testimonial.testimonial-style-3 blockquote {\n        padding: 20px 50px 20px 60px;\n        color:#777;\n      }\n      .testimonial.testimonial-style-3 blockquote:before, .testimonial.testimonial-style-3 blockquote:after {\n        color: #ea6253;\n        font-size: 54px;\n        font-weight: 800;\n      }\n      .testimonial.testimonial-style-3 blockquote:after {\n        font-family: \'Playfair Display\';\n        display: block!important;\n        content: \'\\201D\';\n        position: absolute;\n        right: 0;\n      }\n      .owl-carousel.nav-inside-left .owl-dots {\n        left: 85px;\n        bottom: 20px;\n      }\n    </style>\n    <div class=\"row align-items-center\">\n      <div class=\"col-md-6\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-testimonial porto-carousel owl-carousel mb-5 mb-md-0 nav-inside nav-inside-left dots-style-1\">\n            <div class=\"porto-testimonial wpb_content_element\">\n              <div class=\"testimonial testimonial-style-3\">\n                <div class=\"testimonial-author clearfix\">\n                  <div class=\"testimonial-author-thumbnail\">\n                    <img class=\"img-responsive img-circle\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg&quot;}}\" alt=\"John Smith\" />\n                  </div>\n                  <p><strong style=\"color: #2b2b2d;\">John Smith</strong><span>CEO &amp; Founder</span></p>\n                </div>\n                <div class=\"testimonial-arrow-down\"></div>\n                <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote>\n              </div>\n            </div>\n            <div class=\"porto-testimonial wpb_content_element\">\n              <div class=\"testimonial testimonial-style-3\">\n                <div class=\"testimonial-author clearfix\">\n                  <div class=\"testimonial-author-thumbnail\"><img class=\"img-responsive img-circle\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/23/shop23_author1.jpg&quot;}}\" alt=\"Chris Doe\" /></div>\n                  <p><strong style=\"color: #2b2b2d;\">Chris Doe</strong><span>CEO &amp; Founder</span></p>\n                </div>\n                <div class=\"testimonial-arrow-down\"></div>\n                <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum molestie, massa ut semper egestas, ex ligula ifend neque, eget pharetra elit lectus ac ex.risus.</p></blockquote>\n              </div>\n            </div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n              $(\".porto-testimonial.owl-carousel\").owlCarousel({\n                items: 1,\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                dots: true,\n                nav: false,\n                loop: false,\n                navRewind: true,\n                margin: 1\n              });\n            });\n          </script>\n        </div>\n      </div>\n      <div class=\"col-md-6\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h2 style=\"font-size: 20px; line-height: 1.1; font-weight: 700;\" class=\"vc_custom_heading mb-4 align-left text-uppercase\">Latest News</h2>\n          <div class=\"porto-recent-posts wpb_content_element mb-0\">\n            <div class=\"row\">\n              <style>\n                .post-carousel {\n                  margin-bottom: 0;\n                }\n                .post-carousel .post-item > a,.porto-recent-posts .post-date .month,.porto-recent-posts .post-date .day {\n                  display: none !important;\n                }\n                .post-carousel .post-item .post-date {\n                  position: static;\n                  width: auto;\n                  float: none;\n                  text-align: left;\n                  background: none;\n                  letter-spacing: 0;\n                  margin: 0;\n                }\n                .post-date>time {\n                  display: block;\n                  color: #ea6253;\n                  font-size: .9286em;\n                  font-weight: 600;\n                  text-transform: uppercase;\n                }\n                .porto-recent-posts h4 {\n                  font-size: 1.1428em;\n                  font-weight: 700;\n                  margin-bottom: 1rem;\n                }\n                .porto-recent-posts .post-item .post-excerpt {\n                  font-size: inherit;\n                }\n                .post-item .read-more, .post-item .read-more-block {\n                  display: block;\n                  font-family: Poppins;\n                  font-size: .8571em;\n                  text-transform: uppercase;\n                  margin-top: 1rem;\n                }\n                .testimonial .testimonial-author p {\n                  margin: 0 0 0 1.5rem;\n                }\n                .testimonial .testimonial-author strong {\n                  text-transform: uppercase;\n                  font-size: 13px;\n                }\n                .testimonial .testimonial-author span {\n                  font-weight: 400;\n                }\n                .owl-carousel .owl-dots .owl-dot.active span {\n                  border-color: #05131c;\n                  color: #05131c;\n                }\n              </style>\n              <div class=\"post-carousel porto-carousel owl-carousel dots-style-1\">\n                {{widget type=\"Magefan\\Blog\\Block\\Widget\\Recent\" number_of_posts=\"4\" custom_template=\"recent_home.phtml\"}}\n              </div>\n            </div>\n            <script type=\"text/javascript\">\n              require([\n                \'jquery\',\n                \'owl.carousel/owl.carousel.min\'\n              ], function ($) {\n                $(\".porto-recent-posts .owl-carousel\").owlCarousel({\n                  items: 2,\n                  autoplay: false,\n                  autoplayTimeout: 5000,\n                  autoplayHoverPause: true,\n                  dots: false,\n                  nav: false,\n                  loop: true,\n                  navRewind: true\n                });\n              });\n            </script>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(986,'Porto - Homepage 24','1column',NULL,NULL,'porto_home_24',NULL,'<style>.cms-index-index.layout-1220 .page-main {\n    max-width: 100%;\n  }\n  .columns .column.main {\n    padding-bottom: 0;\n  }\n  .col-auto {\n    flex: 0 0 auto !important;\n    max-width: none !important;\n    width: auto !important;\n  }\n  .ls-negative-03 {\n    letter-spacing: -.03em;\n  }\n  .section {\n    margin-top: 30px;\n    padding: 50px 0;\n  }\n  .bg-grey-gradient {\n    background-image: linear-gradient(to bottom,#f4f4f4,#fff);\n  }\n  ul.products li.product-category .thumb-info h3 {\n    font-size: 1.2941em;\n    letter-spacing: -.01em;\n    text-transform: none;\n    line-height: 1.35;\n  }\n  ul.products li.product-category .thumb-info-type {\n    font-size: .8235em;\n    font-weight: 500;\n    letter-spacing: .01em;\n  }\n  ul.products li.product-category .thumb-info-wrapper:after {\n    background: rgba(27, 27, 23, 0.01);\n  }\n  ul.products li.product-category .btn {\n    letter-spacing: .01em;\n    text-transform: uppercase;\n    font-size: 12px;\n    margin-top: 4%;\n  }\n  ul.products.category-pos-middle li.product-category .thumb-info-title {\n    top: 12%;\n    transform: none;\n    padding: 0;\n  }\n  ul.products li.product-category>.porto-products {\n    max-width: 43%;\n    margin: -37% auto 0;\n    position: relative;\n    z-index: 2;\n  }\n  ul.products li.product-category .products-grid.columns1 .product-item {\n    margin-bottom: 1.4286em;\n  }\n  li.product-category .product-item-info.type1 .product-item-inner,\n  li.product-category .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2,\n  li.product-category .product-item-info.type1 .product-labels .product-label {\n    display: none;\n  }\n  .subheading-text-right .porto-u-sub-heading {\n    text-align: right;\n  }\n  ul.products.category-pos-middle .owl-nav {\n    top: 32%;\n  }\n</style>\n<div class=\"row bg-grey-gradient no-padding\" style=\"padding-top: 20px;\">\n  <div class=\"col-md-12\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div class=\"category-slider porto-products wpb_content_element mb-4 home-cats-with-featured\">\n        <div class=\"slider-wrapper\">\n          <ul class=\"products products-container products-slider owl-carousel category-pos-middle category-text-center nav-pos-inside nav-style-2\">\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/literature-fiction.jpg&quot;}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Literature &amp; Fiction</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">4</mark> Products </span> <span class=\"btn\">View All Products<i class=\"fas fa-long-arrow-alt-right ml-2\"></i></span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n              <div class=\"porto-products\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" lazyload=\"none\" template=\"grid.phtml\"}}\n              </div>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/mystery-suspense.jpg&quot;}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Mystery Suspense</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">4</mark> Products </span> <span class=\"btn\">View All Products<i class=\"fas fa-long-arrow-alt-right ml-2\"></i></span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n              <div class=\"porto-products\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" lazyload=\"none\" template=\"grid.phtml\"}}\n              </div>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/scifi-fantasy.jpg&quot;}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Scifi Fantasty</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span> <span class=\"btn\">View All Products<i class=\"fas fa-long-arrow-alt-right ml-2\"></i></span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n              <div class=\"porto-products\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" lazyload=\"none\" template=\"grid.phtml\"}}\n              </div>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/arts-photography.jpg&quot;}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Arts &amp; Photography</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">2</mark> Products </span> <span class=\"btn\">View All Products<i class=\"fas fa-long-arrow-alt-right ml-2\"></i></span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n              <div class=\"porto-products\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" lazyload=\"none\" template=\"grid.phtml\"}}\n              </div>\n            </li>\n            <li class=\"product-category product-col\">\n              <a href=\"#\">\n                <span class=\"thumb-info align-center\">\n                  <span class=\"thumb-info-wrapper tf-none\">\n                    <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/business-investing.jpg&quot;}}\" />\n                  </span>\n                  <span class=\"thumb-info-wrap\">\n                    <span class=\"thumb-info-title\">\n                      <h3 class=\"sub-title thumb-info-inner\">Business &amp; Investing</h3>\n                      <span class=\"thumb-info-type\"> <mark class=\"count\">3</mark> Products </span> <span class=\"btn\">View All Products<i class=\"fas fa-long-arrow-alt-right ml-2\"></i></span>\n                    </span>\n                  </span>\n                </span>\n              </a>\n              <div class=\"porto-products\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" lazyload=\"none\" template=\"grid.phtml\"}}\n              </div>\n            </li>\n          </ul>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n              $(\".category-slider .owl-carousel\").owlCarousel({\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                loop: true,\n                navRewind: true,\n                lazyLoad:true,\n                margin: 0,\n                nav: true,\n                dots: false,\n                stagePadding: 70,\n                responsive: {\n                  0: {\n                    items:1\n                  },\n                  640: {\n                    items:1\n                  },\n                  768: {\n                    items:2\n                  },\n                  992: {\n                    items:3\n                  },\n                  1200: {\n                    items:3\n                  }\n                }\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"no-padding section mt-0 mb-0 porto-inner-container\" style=\"background-color: #f4f4f4;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row no-padding\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"wpb_text_column wpb_content_element pull-right\">\n            <div class=\"wpb_wrapper\">\n              <p class=\"mb-0\">\n                <a class=\"font-weight-semibold text-color-primary text-uppercase\" style=\"font-size: 12px;font-weight:600;\" title=\"Shop\" href=\"#\"> View All Products<i class=\"fas fa-long-arrow-alt-right ml-1\"></i> </a>\n              </p>\n            </div>\n          </div>\n          <h2 style=\"font-size: 16px; font-weight: 500; margin-bottom: 20px; border-bottom-width: 1px; padding-bottom: 10px; border-bottom-color: #e7e7e7; border-bottom-style: solid;\" class=\"vc_custom_heading align-left\">\n            Best Sellers Books\n          </h2>\n        </div>\n      </div>\n      <div class=\"d-flex align-items-center col-md-4 section mt-0 mb-0 section-no-borders\" style=\"position:relative;z-index:2;border-right: 2px solid #f3f3f3;background-color: #ffffff;\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h5 style=\"font-size: 18px; color: rgba(34, 37, 41, 0.6); line-height: 1; text-align: center; font-weight: 400;\" class=\"vc_custom_heading mb-1\"><i>BOOK CLUB</i></h5>\n          <h2 style=\"font-size: 28px; line-height: 32px; text-align: center; font-weight: 600;\" class=\"vc_custom_heading px-5 text-color-dark\">A selection with only the best books</h2>\n          <div class=\"wpb_single_image wpb_content_element vc_align_center px-4 px-xl-5\" style=\"margin-bottom: 43px;\">\n            <div class=\"wpb_wrapper\">\n              <div class=\"vc_single_image-wrapper vc_box_border_grey text-center\">\n                <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/shop24_book_img.png&quot;}}\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"btn-container mb-0 text-center\">\n            <a class=\"btn btn-xl btn-primary\" href=\"#\" title=\"Shop\"> EXPLORE BOOKS <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i> </a>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-8\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style scope=\"scope\">\n            .no-border .product-item-info.type1 {\n              border: none;\n              box-shadow: none;\n              padding: 20px 40px 5px;\n              background: #fff;\n              height: 100%;\n            }\n            .no-border .product-item-info.type1 .product-item-inner,\n            .no-border .product-item-info.type1 .weltpixel-quickview.weltpixel_quickview_button_v2,\n            .no-border .product-item-info.type1 .product-labels .product-label,.no-border .product-item-info .product-reviews-summary {\n              display: none;\n            }\n            #bestseller-products >.products {\n              margin-left: -1px;\n              margin-right: -1px;\n            }\n            #bestseller-products li.product {\n              padding-left: 1px;\n              padding-right: 1px;\n              margin-bottom: 2px;\n            }\n          </style>\n          <div id=\"bestseller-products\" class=\"porto-products wpb_content_element no-border mb-0\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_6\" product_count=\"8\" column_count=\"4\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"1\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section mt-0 mb-0 porto-inner-container\" style=\"background: #fff;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"mb-3 col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"row no-padding mx-0 justify-content-end\"\n               style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/shop24_home_banner1.jpg&quot;}}\');\n                      padding-top: 45px;\n                      padding-bottom: 30px;\n                      background-position: center;\n                      background-repeat: no-repeat;\n                      background-size: cover;\n                      \">\n            <div class=\"pr-4 col-auto col-md-3-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h2 style=\"font-size: 19px; line-height: 1; font-weight: 600;\" class=\"vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light\">Award Winners</h2>\n                <p style=\"color: rgba(255, 255, 255, 0.5);\" class=\"vc_custom_heading mb-3 align-left\">12 Books</p>\n                <div class=\"btn-container mb-0 d-inline-block\">\n                  <button class=\"btn btn-md btn-primary\">VIEW COLLETIONS <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"mb-3 col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"row no-padding mx-0 justify-content-end\"\n               style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/shop24_home_banner2.jpg&quot;}}\');\n                      padding-top: 45px;\n                      padding-bottom: 30px;\n                      background-position: center;\n                      background-repeat: no-repeat;\n                      background-size: cover;\n                      \">\n            <div class=\"pr-4 col-auto col-md-3-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h2 style=\"font-size: 19px; line-height: 1; font-weight: 600;\" class=\"vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light\">Deals in Books</h2>\n                <p style=\"color: rgba(255, 255, 255, 0.5);\" class=\"vc_custom_heading mb-3 align-left\">21 Books</p>\n                <div class=\"btn-container mb-0 d-inline-block\">\n                  <button class=\"btn btn-md btn-secondary\">VIEW COLLETIONS <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"mb-5 col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"row no-padding mx-0 justify-content-end\"\n               style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/shop24_home_banner3.jpg&quot;}}\');\n                      padding-top: 45px;\n                      padding-bottom: 30px;\n                      background-position: center;\n                      background-repeat: no-repeat;\n                      background-size: cover;\n                      \">\n            <div class=\"pr-4 col-auto col-md-3-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h2 style=\"font-size: 19px; line-height: 1; font-weight: 600;\" class=\"vc_custom_heading mb-2 ls-negative-03 align-left text-uppercase heading-light\">MOST GIFTED</h2>\n                <p style=\"color: rgba(255, 255, 255, 0.5);\" class=\"vc_custom_heading mb-3 align-left\">38 Books</p>\n                <div class=\"btn-container mb-0 d-inline-block\">\n                  <button class=\"btn btn-md btn-tertiary\">VIEW COLLETIONS <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style>\n            .heading1685681490 h2 {\n              border-bottom-color: #e7e7e7 !important;\n            }\n          </style>\n          <div class=\"vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs heading1685681490\" style=\"margin-bottom: 20px;\">\n            <h2 style=\"font-size: 16px; line-height: 20px; font-weight: 500;\" class=\"heading-tag\">Featured Books</h2>\n          </div>\n          <div class=\"porto-products wpb_content_element mb-0\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_7\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"3\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-primary mt-0 mb-0\"\n     style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/24/shop24_home_book.png&quot;}}\');\n            padding-top: 60px;\n            padding-bottom: 60px;\n            background-repeat: no-repeat;\n            background-size: 41% auto;\n            background-position: center right;\n            background-color:#3256f4;\n            \">\n  <div class=\"container\">\n    <div class=\"row align-items-center\">\n      <div class=\"mb-4 mb-lg-0 col-md-7 col-lg-5 col-7\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <h5 style=\"font-size: 18px; color: rgba(255, 255, 255, 0.6); line-height: 1.5; font-weight: 400;\" class=\"vc_custom_heading mb-0 align-left text-uppercase\"><i>AVAILABLE ONCE A YEAR</i></h5>\n          <div class=\"porto-u-heading mb-0 d-inline-block subheading-text-right\" data-hspacer=\"no_spacer\" data-halign=\"left\" style=\"text-align: left;\">\n            <div class=\"porto-u-main-heading\"><h2 style=\"font-weight: 600; color: #ffffff; font-size: 29px; line-height: 40px;margin:0;\">Get 30% off on orders over $299</h2></div>\n            <div class=\"porto-u-sub-heading\" style=\"font-weight: 500; color: #ffffff; font-size: 12px; line-height: 16px;\">* SELECTED BOOKS</div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-7 col-lg-3 col-7\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"btn-container mb-0 d-inline-block\">\n            <button class=\"btn btn-xl btn-quaternary\">EXPLORE BOOKS <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-default mt-0 mb-0\">\n  <style>\n    .porto-products.product-bg-white .product-item .product-item-info.type3 {\n      background: #fff;\n    }\n    .products-grid .product-item .product-item-info.type3 {\n      border: 1px solid #e7e7e7;\n      padding: 16px 16px 5px;\n      box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%);\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"vc_custom_heading align-left heading heading-border heading-bottom-border heading-border-xs\" style=\"margin-bottom: 20px; border-bottom-color: #e7e7e7;\">\n            <h2 style=\"font-size: 16px; line-height: 20px; font-weight: 500;\" class=\"heading-tag\">Recent Books</h2>\n          </div>\n          <div class=\"porto-products wpb_content_element mb-0 product-bg-white\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product_8\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"375\" product_type=\"3\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-parallax mt-0 mb-0\" style=\"background:#fff;padding-bottom: 55px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner text-center\">\n          <p class=\"mb-2\"><i class=\"far fa-envelope\" style=\"font-size: 30px; line-height: 1; color: #333;\"></i></p>\n          <h2 class=\"mb-0\">Subscribe to Our Newsletter</h2>\n          <p class=\"mb-4\">Get all the latest information on Events, Sales and Offers.</p>\n          {{block class=\"Magento\\Newsletter\\Block\\Subscribe\" name=\"home.newsletter\" template=\"subscribe_form.phtml\"}}\n          <style>\n            .single-subscribe.subscribe {\n              max-width: 570px;\n              margin: 0 auto;\n            }\n            .single-subscribe .newsletter input {\n              background: #f4f4f4;\n              border: none;\n              height: 48px;\n              font-size: 12px;\n              font-style: italic;\n            }\n            .single-subscribe .newsletter .action {\n              height: 48px;\n              padding-left: 25px;\n              padding-right: 30px;\n              font-size: 12px;\n              font-weight: 600;\n              background: #333;\n              border-color: #333;\n            }\n          </style>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(987,'Porto - Homepage 25','1column',NULL,NULL,'porto_home_25',NULL,'<style>\n  .columns .column.main {\n    padding-bottom: 0;\n  }\n  .section {\n    margin-top: 30px;\n    padding: 50px 0;\n  }\n  .home-banner h1, .home-banner h2, .home-banner h3 {\n    letter-spacing: -.02em;\n  }\n  .h-100>.porto-ultimate-content-box {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .vc_custom_heading>small {\n    font-size: 50%!important;\n    font-weight: inherit;\n    vertical-align: top;\n    line-height: 1.6;\n    display: inline-block!important;\n  }\n  .porto-sicon-box {\n    margin-bottom: 0;\n  }\n  .products.products-grid {\n    margin-bottom: 1em;\n  }\n  @media (min-width: 1260px) {\n    .pl-xl-6 {\n      padding-left: 70px!important;\n    }\n  }\n</style>\n<div class=\"home-banner porto-inner-container\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"m-b-md col-md-8\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"vc_row wpb_row vc_inner row no-padding\" style=\"margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;\">\n            <div class=\"pl-4 pl-xl-6 col-md-5\" style=\"padding-top: 60px; padding-bottom: 12px;\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"wpb_single_image wpb_content_element vc_align_left mb-2\">\n                  <div class=\"wpb_wrapper\">\n                    <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/25/shop25_brand.png\"}}\" style=\"display: block;\"/>\n                    </div>\n                  </div>\n                </div>\n                <h3 style=\"font-size: 22px; color: #777777; line-height: 1.4; font-weight: 500;\" class=\"vc_custom_heading mb-2 align-left text-uppercase\">car shock absorbers</h3>\n                <h2 style=\"font-size: 35px; line-height: 35px; font-weight: 700;\" class=\"vc_custom_heading mb-4 align-left text-uppercase\">\n                  STARTING<br />\n                  AT <small>$</small>99<small>99</small>\n                </h2>\n                <h3 style=\"font-size: 16px; line-height: 1; font-weight: 400;\" class=\"vc_custom_heading mb-3 align-left heading-dark\">Start Shopping Right Now</h3>\n                <p style=\"font-size: 11px; line-height: 1.4;\" class=\"vc_custom_heading mb-3 align-left\">* Get Plus Discount Buying Package</p>\n                <div class=\"btn-container mb-0 mb-md-5 d-inline-block\"><button class=\"btn btn-modern btn-lg btn-quaternary\">VIEW SALE</button></div>\n              </div>\n            </div>\n            <div class=\"pr-md-2 pr-xl-3 col-md-7\">\n              <div class=\"wpb_wrapper vc_column-inner d-flex align-items-center h-100\">\n                <div class=\"wpb_single_image wpb_content_element vc_align_left mb-0\">\n                  <div class=\"wpb_wrapper\">\n                    <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                      <img src=\"{{media url=\"wysiwyg/smartwave/porto/homepage/25/shop25_home_banner1.jpg\"}}\"  style=\"display: block;\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"m-b-md col-md-4\">\n        <div class=\"wpb_wrapper vc_column-inner h-100\">\n          <div class=\"porto-ultimate-content-box-container h-100 mb-0\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        background-image: url(\'{{media url=\"wysiwyg/smartwave/porto/homepage/25/shop25_home_banner2.jpg\"}}\');\n                        padding: 40px;\n                        background-color: #444444;\">\n              <h3 style=\"font-size: 20px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading mb-2 align-right text-uppercase heading-primary\">\n                FLASH SALE\n              </h3>\n              <h3 style=\"font-size: 20px; color: rgb(162, 162, 162); line-height: 1.2; font-weight: 500; animation-delay: 250ms;\" class=\"vc_custom_heading mb-2 align-right text-uppercase\">\n                ALL HIGH PERFORMANCE<br />\n                WHEELS AND TIRES\n              </h3>\n              <h2 style=\"font-size: 30px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading mb-3 align-right text-uppercase heading-light\">\n                STARTING<br />\n                AT <small>$</small>199<small>99</small>\n              </h2>\n              <div class=\"btn-container mb-0 text-right\">\n                <button class=\"btn btn-modern btn-lg btn-light\">\n                  VIEW SALE\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"vc_row wpb_row porto-inner-container\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"vc_row wpb_row vc_inner row no-padding\" style=\"padding: 16px 20px; border: 1px solid #ec7200;margin-bottom: 35px;\">\n            <div class=\"mb-3 mb-md-0 col-md-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box px-md-3 style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #ec7200; font-size: 45px; display: inline-block;\"><i class=\"far fa-envelope\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h2 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 18px; line-height: 18px; color: #323232;\">Get Special Offers and Savings</h2>\n                    <p style=\"font-weight: 400; font-size: 13px; line-height: 15px;\">Get all the latest information on Events, Sales and Offers.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-7\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <style>\n                  .single-subscribe .newsletter input {\n                    height: 48px;\n                    border-radius: 24px 0 0 24px;\n                    font-style: italic;\n                    font-size: 12px;\n                    padding-left: 20px;\n                    box-shadow: none;\n                    border: 1px solid rgba(0,0,0,.09);\n                  }\n                  .single-subscribe .newsletter .action {\n                    font-size: 1em;\n                    padding: 10px 35px 10px 30px;\n                    border-radius: 0 24px 24px 0;\n                    height: 48px;\n                    background-color: #323232;\n                    border-color: #323232 #323232 #191919;\n                  }\n                  .widget .tagcloud {\n                    margin-top: -.3846em;\n                    margin-bottom: -.3846em;\n                  }\n                  .home-product-tags .tagcloud {\n                    background: #f4f4f4;\n                    padding: 20px 0 0 20px;\n                    display: flex;\n                    flex-wrap: wrap;\n                    justify-content: space-between;\n                  }\n                  .home-product-tags .tagcloud a {\n                    font-size: 13px!important;\n                    font-weight: 600;\n                    color: #222529;\n                    text-transform: uppercase;\n                    border: 1px solid #e7e7e7;\n                    background: #fff;\n                    border-radius: 0;\n                    margin: 0 20px 20px 0;\n                    min-width: 110px;\n                    padding: 13px;\n                    text-align: center;\n                    line-height: 1;\n                    display: inline-block;\n                  }\n                </style>\n                {{block class=\"Magento\\Newsletter\\Block\\Subscribe\" name=\"home.newsletter\" template=\"subscribe_form.phtml\"}}\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-products wpb_content_element title-border-bottom mb-0\">\n            <h2 class=\"section-title\"><span class=\"inline-title\">Popular Items</span><span class=\"line\"></span></h2>\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest_product\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"250\" template=\"grid.phtml\"}}\n          </div>\n          <div class=\"wpb_content_element home-product-tags\">\n            <div class=\"widget widget_product_tag_cloud\">\n              <div class=\"tagcloud\">\n                <a href=\"#\" class=\"tag-cloud-link tag-link-133 tag-link-position-1\" style=\"font-size: 8pt;\" aria-label=\"Cadillac (2 products)\">Cadillac</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-127 tag-link-position-2\" style=\"font-size: 8pt;\" aria-label=\"Chevy (2 products)\">Chevy</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-128 tag-link-position-3\" style=\"font-size: 15.636363636364pt;\" aria-label=\"Dodge (3 products)\">Dodge</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-125 tag-link-position-4\" style=\"font-size: 15.636363636364pt;\" aria-label=\"Ford (3 products)\">Ford</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-129 tag-link-position-5\" style=\"font-size: 8pt;\" aria-label=\"Honda (2 products)\">Honda</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-132 tag-link-position-6\" style=\"font-size: 8pt;\" aria-label=\"Hyundai (2 products)\">Hyundai</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-126 tag-link-position-7\" style=\"font-size: 22pt;\" aria-label=\"Jeep (4 products)\">Jeep</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-131 tag-link-position-8\" style=\"font-size: 15.636363636364pt;\" aria-label=\"Nissan (3 products)\">Nissan</a>\n                <a href=\"#\" class=\"tag-cloud-link tag-link-130 tag-link-position-9\" style=\"font-size: 8pt;\" aria-label=\"Toyota (2 products)\">Toyota</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section section-default mt-0 mb-0\" style=\"margin-top: 10px; padding-top: 40px; padding-bottom: 25px; background-color: #f4f4f4;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"vc_column_container col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <style scope=\"scope\">\n            #latest-grid .products {\n              margin-left: -1px;\n              margin-right: -1px;\n            }\n            #latest-grid li.product {\n              padding-left: 1px;\n              padding-right: 1px;\n              margin-bottom: 2px;\n            }\n            .products-list .product-item-details .product-item-name a {\n              font-size: .9375rem;\n              font-weight: 400;\n            }\n          </style>\n          <div id=\"latest-grid\" class=\"porto-products wpb_content_element mb-0 products-list\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"latest\" aspect_ratio=\"0\" column_count=\"3\" product_count=\"6\" image_width=\"250\" image_width=\"290\" product_type=\"12\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 40px;\">\n  <style>\n    .top-heading i {\n      font-weight: 700;\n      font-style: normal;\n      display: inline-block;\n      padding: 8px .5em;\n      margin-right: .25em;\n      background: linear-gradient(to right,#ec7200,#ffaa01);\n      color: #fff;\n      transform: rotate(\n        -1deg\n      );\n    }\n    body .row.vc_column-gap-2>.column_container {\n      padding: 1px;\n    }\n    .home-ads>.column_container>.vc_column-inner {\n      display: -ms-flexbox;\n      display: flex;\n      -ms-flex-pack: center;\n      justify-content: center;\n      background: #f4f4f4;\n      padding: 20px 10px;\n      height: 100%;\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"vc_row wpb_row vc_inner row mx-0 px-4 py-3 home-banner align-items-center\"\n               style=\"background-image: url(\'{{media url=\"wysiwyg/smartwave/porto/homepage/25/shop25_home_banner3.jpg\"}}\');\n                      margin-bottom: 35px;\n                      background-position: center;\n                      background-repeat: no-repeat;\n                      background-size: cover;\">\n            <div class=\"mb-3 mb-lg-0 col-md-12 col-lg-9\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h2 style=\"font-size: 20.5px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading top-heading mb-0 mr-3 d-inline-block align-left text-uppercase heading-light\">\n                  <i>BIG SALE</i> ALL HIGH PERFORMANCE ITEMS UP TO 70% OFF\n                </h2>\n                <h6 style=\"font-size: 13px; color: rgba(255, 255, 255, 0.7); line-height: 1.5; font-weight: 500;\" class=\"vc_custom_heading d-inline-block mb-0 align-left\">Online Purchases Only</h6>\n              </div>\n            </div>\n            <div class=\"col-md-12 col-lg-3\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"btn-container mb-0 text-lg-right text-left\"><button class=\"btn btn-modern btn-lg btn-light\">View Sale</button></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-products wpb_content_element title-border-bottom mb-0\">\n            <h2 class=\"section-title\"><span class=\"inline-title\">TOP SELLER</span><span class=\"line\"></span></h2>\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"latest_product\" product_count=\"6\" column_count=\"6\" aspect_ratio=\"0\" image_width=\"250\" image_height=\"250\" template=\"grid.phtml\"}}\n          </div>\n          <div class=\"row no-padding home-ads vc_column-gap-2\" style=\"margin-right: -1px; margin-bottom: 40px; margin-left: -1px;\">\n            <div class=\"column_container col-md-12 col-lg-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #ec7200; font-size: 32px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">Free Shipping on Orders Over $99</h4>\n                    <p style=\"font-size: 13px; line-height: 13px;\">For more than 100,000 parts!</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"column_container col-md-12 col-lg-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #ec7200; font-size: 32px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">Up to 40% OFF on Selected Items</h4>\n                    <p style=\"font-size: 13px; line-height: 13px;\">Available for all Categories!</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"column_container col-md-12 col-lg-4\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #ec7200; font-size: 32px; display: inline-block;\"><i class=\"porto-icon-secure-payment\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">100% Secure Payment</h4>\n                    <p style=\"font-size: 13px; line-height: 13px;\">We ensure secure payment!</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <style>\n            .heading1008926591 h3 {\n              border-bottom-color: #e1e1e1 !important;\n            }\n          </style>\n          <div class=\"vc_custom_heading m-b-xl align-left heading heading-border heading-bottom-border heading-border-xs heading1008926591\">\n            <h3 style=\"font-size: 16px; line-height: 1; font-weight: 600;\" class=\"heading-tag text-uppercase\">brands we trust</h3>\n          </div>\n          <div class=\"porto-carousel brand-carousel owl-carousel m-b-xl\">\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand1.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand2.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand3.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand4.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand5.png\"}}\" alt=\"\" /></div>\n            <div class=\"item\"><img src=\"{{media url=\"wysiwyg/smartwave/porto/brands/new_brand6.png\"}}\" alt=\"\" /></div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n              $(\".brand-carousel.owl-carousel\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                nav: false,\n                dots: false,\n                loop: true,\n                responsive: {\n                  0: {\n                    items: 2,\n                  },\n                  640: {\n                    items: 2,\n                  },\n                  768: {\n                    items: 3,\n                  },\n                  992: {\n                    items: 4,\n                  },\n                  1200: {\n                    items: 6,\n                  },\n                },\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"section mt-0 mb-0 porto-inner-container\" style=\"padding-bottom: 20px;background-color: #f4f4f4;\">\n  <style>\n    .porto-recent-posts .post-date .day {\n      background: #323232;\n      color: #fff;\n      padding-bottom: 0;\n      line-height: 1;\n      font-size: 18px;\n    }\n    .porto-recent-posts .post-date .month {\n      background: #323232;\n      line-height: 1.2;\n      padding-bottom: 10px;\n      text-transform: uppercase;\n      opacity: 1;\n    }\n    .porto-recent-posts .post-item .post-excerpt {\n      font-size: 1em;\n    }\n    .post-item .read-more, .post-item .read-more-block {\n      font-weight: 400;\n      color: #ec7200;\n      display: inline-block;\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-recent-posts wpb_content_element mb-0\">\n            <div class=\"row\">\n              <div class=\"post-carousel porto-carousel owl-carousel dots-style-1 nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover\">\n                {{widget type=\"Magefan\\Blog\\Block\\Widget\\Recent\" number_of_posts=\"4\" custom_template=\"recent_home.phtml\"}}\n              </div>\n            </div>\n            <script type=\"text/javascript\">\n              require([\n                \'jquery\',\n                \'owl.carousel/owl.carousel.min\'\n              ], function ($) {\n                $(\".porto-recent-posts .owl-carousel\").owlCarousel({\n                  autoplay: false,\n                  autoplayTimeout: 5000,\n                  autoplayHoverPause: true,\n                  loop: true,\n                  navRewind: true,\n                  lazyLoad:true,\n                  margin: 0,\n                  nav: false,\n                  dots: false,\n                  responsive: {\n                    0: {\n                      items:1\n                    },\n                    640: {\n                      items:2\n                    },\n                    768: {\n                      items:2\n                    },\n                    992: {\n                      items:3\n                    },\n                    1200: {\n                      items:3\n                    }\n                  }\n                });\n              });\n            </script>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(988,'Porto - Homepage 26','1column',NULL,NULL,'porto_home_26',NULL,'<style>\n  .cms-index-index.layout-1220 .page-main {\n    max-width: 100%;\n  }\n  .columns .column.main {\n    padding: 0;\n  }\n  .porto-u-heading .porto-u-main-heading h1,\n  .porto-u-heading .porto-u-main-heading h2,\n  .porto-u-heading .porto-u-main-heading h3,\n  .porto-u-heading .porto-u-main-heading h4,\n  .porto-u-heading .porto-u-main-heading h5,\n  .porto-u-heading .porto-u-main-heading h6 {\n    margin: 0;\n    padding: 0;\n  }\n  .wpb_single_image.vc_align_center {\n    text-align: center;\n  }\n  .wpb_single_image .vc_single_image-wrapper {\n    display: inline-block;\n    vertical-align: top;\n    max-width: 100%;\n  }\n  .home-slider {\n    position: relative;\n  }\n  .home-slider:before {\n    content: \'\';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 61%;\n    display: block;\n    background: #f7f6f7;\n  }\n  .home-slider .btn, .porto-ultimate-content-box .btn {\n    padding: 1.125em 4em;\n  }\n  .home-slider .pl-lg-5 {\n    justify-content: center;\n  }\n  .home-slider .pl-lg-5>.vc_column-inner {\n    width: auto;\n    flex: 0 0 auto!important;\n  }\n  .home-slider .slash-bg {\n    background-position: left center!important;\n  }\n  .home-slider .vc_custom_heading b {\n    display: inline-block;\n    color: #b35827;\n    font-size: 2em;\n    position: relative;\n    top: .08em;\n    line-height: 1;\n    vertical-align: middle;\n  }\n  .home-slider .vc_custom_heading b small {\n    font-size: 50%;\n    line-height: 1.6;\n    vertical-align: top;\n    font-weight: inherit;\n  }\n  @media (min-width: 576px) {\n    .pull-sm-left {\n      float: left;\n    }\n  }\n</style>\n<div class=\"home-slider porto-inner-container\" style=\"margin-bottom: 35px; border-bottom: 1px solid #e7e7e7;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div id=\"banner-slider-demo-26\" class=\"porto-carousel owl-carousel mb-0 nav-pos-outside nav-style-4\">\n            <div class=\"row no-padding\">\n              <div class=\"py-5 pl-lg-5 col-md-12 col-lg-4 d-flex align-items-center\">\n                <div class=\"wpb_wrapper vc_column-inner d-flex flex-column justify-content-center\">\n                  <p style=\"font-size: 34px; color: #999999; line-height: 1; font-weight: 500;\" class=\"vc_custom_heading mb-1 align-left text-uppercase\">EXTRA</p>\n                  <h3 style=\"font-size: 69px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading mb-1 align-left text-uppercase\">20% OFF</h3>\n                  <div class=\"vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl\">\n                    <h3 style=\"font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;\" class=\"heading-tag text-uppercase\">BIKES</h3>\n                  </div>\n                  <h3 style=\"font-size: 39px; line-height: 1; font-weight: 700; letter-spacing: 0.005em;\" class=\"vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left\">Summer Sale</h3>\n                  <div class=\"btn-container mb-0 d-inline\"><button class=\"btn btn-xl btn-dark\">SHOP ALL SALE</button></div>\n                </div>\n              </div>\n              <div class=\"text-center text-lg-left pt-0 pt-lg-5 pb-5 slash-bg col-md-12 col-lg-8\"\n                   style=\"padding-left: 5%;\n                          background: rgba(255, 255, 255, 0) url({{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_slide_bg.png&quot;}});\n                          background-position: center;\n                          background-repeat: no-repeat;\n                          background-size: cover;\">\n                <div class=\"wpb_wrapper vc_column-inner\">\n                  <div class=\"wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-left\">\n                    <div class=\"wpb_wrapper\">\n                      <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_slide1.png&quot;}}\" />\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"porto-ultimate-content-box-container mb-0\">\n                    <div class=\"porto-ultimate-content-box\">\n                      <h3 style=\"font-size: 18px; font-weight: 700;\" class=\"vc_custom_heading mb-2 pull-sm-left mx-sm-5 align-left heading-dark\">\n                        ONLY <b><small>$</small>399<small>99</small></b>\n                      </h3>\n                      <div class=\"porto-u-heading mb-0 pl-lg-4 pull-sm-left\">\n                        <div class=\"porto-u-main-heading\">\n                          <h2 style=\"font-weight: 500; font-size: 16px; line-height: 16px;\">Start Shopping Right Now</h2>\n                        </div>\n                        <div class=\"porto-u-sub-heading\" style=\"font-size: 11px;\">* Get Plus Discount Buying Package</div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"row no-padding\">\n              <div class=\"py-5 pl-lg-5 order-lg-2 col-md-12 col-lg-5 d-flex align-items-center\">\n                <div class=\"wpb_wrapper vc_column-inner\">\n                  <p style=\"font-size: 34px; color: #999999; line-height: 1; font-weight: 500;\" class=\"vc_custom_heading mb-1 align-left text-uppercase\">EXTRA</p>\n                  <h3 style=\"font-size: 69px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading mb-1 align-left text-uppercase\">20% OFF</h3>\n                  <div class=\"vc_custom_heading mb-3 heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl\">\n                    <h3 style=\"font-size: 34px; line-height: 1; text-align: center; font-weight: 700;border-color: #222529;\" class=\"heading-tag text-uppercase\">BIKES</h3>\n                  </div>\n                  <h3 style=\"font-size: 39px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading pb-4 mb-4 mb-lg-5 custom-font4 align-left\">Summer Sale</h3>\n                  <div class=\"btn-container mb-0 d-inline-block\"><button class=\"btn btn-xl btn-dark\">SHOP ALL SALE</button></div>\n                </div>\n              </div>\n              <div class=\"pt-lg-5 pb-5 col-md-12 col-lg-7\" style=\"padding-left: 5%;\">\n                <div class=\"wpb_wrapper vc_column-inner\">\n                  <div class=\"wpb_single_image wpb_content_element vc_align_left mb-5 text-center text-lg-right\">\n                    <div class=\"wpb_wrapper\">\n                      <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                        <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_slide2.png&quot;}}\" />\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n              $(\"#banner-slider-demo-26\").owlCarousel({\n                items: 1,\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                dots: false,\n                navRewind: true,\n                animateIn: \'fadeIn\',\n                animateOut: \'fadeOut\',\n                loop: false,\n                nav: true\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div id=\"popular-products\" class=\"porto-products wpb_content_element\">\n            <h2 class=\"section-title text-center slider-title\"><span class=\"inline-title\">Most Popular Products</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"popular_product\" extra_class=\"dots-style-1\" product_count=\"7\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#popular-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: false,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:2\n                      },\n                      768: {\n                        items:2\n                      },\n                      992: {\n                        items:3\n                      },\n                      1200: {\n                        items:5\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n          <style>\n            .bg-gray {\n              background: #f4f4f4;\n            }\n            .bg-gray .porto-sicon-box {\n              background: #fff;\n              margin: 2px 0;\n              padding: 10px;\n              display: flex;\n              align-items: center;\n              justify-content: center;\n            }\n          </style>\n          <div class=\"sicon-carousel porto-carousel owl-carousel bg-gray m-b-xl\">\n            <a class=\"porto-sicon-box-link\" href=\"#\">\n              <div class=\"porto-sicon-box style_1 default-icon\">\n                <div class=\"porto-sicon-default\">\n                  <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                    <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 60px;\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_icon1.png&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 20px;\">BIKE SADDLES</h3></div>\n              </div>\n            </a>\n            <a class=\"porto-sicon-box-link\" href=\"#\">\n              <div class=\"porto-sicon-box style_1 default-icon\">\n                <div class=\"porto-sicon-default\">\n                  <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                    <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 60px;\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_icon2.png&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 20px;\">BIKE PEDALS</h3></div>\n              </div>\n            </a>\n            <a class=\"porto-sicon-box-link\" href=\"#\">\n              <div class=\"porto-sicon-box style_1 default-icon\">\n                <div class=\"porto-sicon-default\">\n                  <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                    <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 60px;\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_icon3.png&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 20px;\">BIKE FRAMES</h3></div>\n              </div>\n            </a>\n            <a class=\"porto-sicon-box-link\" href=\"#\">\n              <div class=\"porto-sicon-box style_1 default-icon\">\n                <div class=\"porto-sicon-default\">\n                  <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                    <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 60px;\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_icon4.png&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 20px;\">BIKE CHAINS</h3></div>\n              </div>\n            </a>\n            <a class=\"porto-sicon-box-link\" href=\"#\">\n              <div class=\"porto-sicon-box style_1 default-icon\">\n                <div class=\"porto-sicon-default\">\n                  <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                    <div class=\"porto-sicon-img\" style=\"display: inline-block; font-size: 60px;\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_icon5.png&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n                <div class=\"porto-sicon-header\"><h3 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 16px; line-height: 20px;\">BIKE TOOLS</h3></div>\n              </div>\n            </a>\n          </div>\n          <script type=\"text/javascript\">\n            require([\n              \'jquery\',\n              \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n              $(\".sicon-carousel.owl-carousel\").owlCarousel({\n                autoplay: false,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                loop: true,\n                navRewind: true,\n                lazyLoad:true,\n                stagePadding: 2,\n                margin: 2,\n                nav: false,\n                dots: false,\n                responsive: {\n                  0: {\n                    items:2\n                  },\n                  640: {\n                    items:2\n                  },\n                  768: {\n                    items:2\n                  },\n                  992: {\n                    items:3\n                  },\n                  1200: {\n                    items:5\n                  }\n                }\n              });\n            });\n          </script>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<style>\n  body .row.column-gap-10>.column_container {\n    padding: 5px;\n  }\n  .h-100>.porto-ultimate-content-box {\n    height: 100%;\n    font-size: .6666vw;\n  }\n  .h-100>.porto-ultimate-content-box>* {\n    vertical-align: middle;\n  }\n  @media (max-width: 991px) {\n    .h-100>.porto-ultimate-content-box .btn {\n      font-size: 10px;\n    }\n  }\n  @media (max-width: 767px) {\n    .h-100>.porto-ultimate-content-box {\n      min-height: 50vw;\n      font-size: 1vw;\n    }\n  }\n</style>\n<div class=\"row m-b-xl column-gap-10\" style=\"margin-left: -5px;margin-right:-5px;padding-right: 0px; padding-left: 0px;\">\n  <div class=\"column_container col-md-4\">\n    <div class=\"wpb_wrapper vc_column-inner\">\n      <div class=\"wpb_single_image wpb_content_element vc_align_center mb-0\">\n        <div class=\"wpb_wrapper\">\n          <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n            <img class=\"d-block\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_banner1.jpg&quot;}}\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"column_container col-md-8\">\n    <div class=\"wpb_wrapper vc_column-inner h-100\">\n      <div class=\"porto-ultimate-content-box-container h-100\">\n        <div class=\"porto-ultimate-content-box\"\n             style=\"padding-top: 2.5%;\n                    background-size: cover;\n                    background-repeat: no-repeat;\n                    background-position: center center;\n                    background-color: rgba(0, 0, 0, 0);\n                    background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_banner2.jpg&quot;}}\');\n                    \">\n          <h3 style=\"font-size: 2.1875em; color: rgb(153, 153, 153); line-height: 1; margin-left: 37%;\" class=\"vc_custom_heading mb-0 align-left\">\n            GET READY\n          </h3>\n          <h2 style=\"font-size: 4.5em; line-height: 1; font-weight: 700; margin-left: 42%;\" class=\"vc_custom_heading mb-2 mb-lg-3 mr-3 mr-lg-4 d-inline-block align-left text-uppercase heading-dark\">\n            20% OFF\n          </h2>\n          <div class=\"btn-container mb-2 mb-lg-3 d-none d-sm-inline-block d-inline-block\">\n            <button class=\"btn btn-md btn-dark\">\n              SHOP ALL SALE\n            </button>\n          </div>\n          <div class=\"vc_custom_heading align-left heading heading-border heading-dark heading-middle-border heading-middle-border-center heading-border-xl\">\n            <h2 style=\"font-size: 2.65em; line-height: 1; font-weight: 700; margin-right: 22%; margin-left: 46%;border-color: #222529;\" class=\"heading-tag heading-dark text-uppercase\">\n              BIKES\n            </h2>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div id=\"trending-products\" class=\"porto-products wpb_content_element\">\n            <h2 class=\"section-title text-center slider-title\"><span class=\"inline-title\">Trending Accessories</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"popular_product\" extra_class=\"dots-style-1\" product_count=\"7\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#trending-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: false,\n                    dots: false,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:2\n                      },\n                      768: {\n                        items:2\n                      },\n                      992: {\n                        items:3\n                      },\n                      1200: {\n                        items:5\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"vc_row wpb_row text-center\" style=\"margin-bottom: 40px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12 col-xl-6\">\n        <div class=\"wpb_wrapper vc_column-inner h-100\">\n          <div class=\"row py-4 py-sm-3 h-100\" style=\"margin-right: 0px; margin-left: 0px; background-color: #f4f4f4;\">\n            <div class=\"col-sm-4 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h3 style=\"font-size: 27.5px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;\" class=\"vc_custom_heading custom-font4 mb-0 heading-dark\">Summer Sale</h3>\n                <h2 style=\"font-size: 49px; line-height: 1; text-align: center; font-weight: 700;\" class=\"vc_custom_heading mb-0 text-uppercase heading-dark\">20% OFF</h2>\n              </div>\n            </div>\n            <div class=\"col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"wpb_single_image wpb_content_element vc_align_center mb-0\">\n                  <div class=\"wpb_wrapper\">\n                    <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_banner3.jpg&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-sm-4 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"btn-container mb-0 d-inline-block\"><button class=\"btn btn-lg btn-dark\">SHOP ALL SALE</button></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-12 col-xl-6\">\n        <div class=\"wpb_wrapper vc_column-inner h-100\">\n          <div class=\"row py-4 py-sm-3 h-100\" style=\"margin-right: 0px; margin-left: 0px; background-color: #4db7b3;\">\n            <div class=\"col-sm-4 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <h3 style=\"font-size: 35px; line-height: 1; text-align: center; font-weight: 700; letter-spacing: 0.005em;\" class=\"vc_custom_heading custom-font4 mb-0 heading-light\">Flash Sale</h3>\n                <h2 style=\"font-size: 49px; line-height: 1; text-align: center; font-weight: 700;\" class=\"vc_custom_heading mb-0 text-uppercase heading-light\">30% OFF</h2>\n              </div>\n            </div>\n            <div class=\"col-sm-4 py-3 py-sm-0 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"wpb_single_image wpb_content_element vc_align_center mb-0\">\n                  <div class=\"wpb_wrapper\">\n                    <div class=\"vc_single_image-wrapper vc_box_border_grey\">\n                      <img src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/26/shop26_home_banner4.jpg&quot;}}\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"col-sm-4 col-md-4 d-flex align-items-center justify-content-center \">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"btn-container mb-0 d-inline-block\"><button class=\"btn btn-lg btn-light\">SHOP ALL SALE</button></div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(989,'Porto - Homepage 27','1column',NULL,NULL,'porto_home_27',NULL,'<style>\n  .cms-index-index .page-main, .layout-1220.cms-index-index .page-main {\n    max-width: 100%;\n    padding: 0;\n  }\n  .columns .column.main {\n    padding: 0;\n  }\n  .m-l-n-lg {\n    margin-left: -30px!important;\n  }\n  .text-color-primary>.btn, .text-color-dark>.btn {\n    color: inherit;\n  }\n  .porto-ultimate-content-box {\n    height: 100%;\n    position: relative;\n    font-size: inherit;\n  }\n  .porto-ultimate-content-box:before {\n    content: \'\';\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    background-color: rgba(0,0,0,.1);\n    opacity: 0;\n    transition: opacity .25s;\n  }\n  .porto-ultimate-content-box:after {\n    content: \'\';\n    display: block;\n    clear: both;\n  }\n  .porto-ultimate-content-box:hover:before {\n    opacity: 1;\n  }\n  .porto-ultimate-content-box>* {\n    position: relative;\n    z-index: 1;\n  }\n  .content-align-start .porto-ultimate-content-box>* {\n    align-self: flex-start;\n  }\n  .coupon-text {\n    transform: rotate(\n      -2.5deg\n    );\n    padding: 13px;\n    letter-spacing: .01em;\n  }\n  .coupon-text-sale i {\n    font-style: normal;\n    position: absolute;\n    left: -2.25em;\n    top: 50%;\n    transform: translateY(-50%) rotate(\n      -90deg\n    );\n    font-size: .65em;\n    opacity: .6;\n    letter-spacing: 0;\n  }\n  .coupon-text-sale b {\n    display: inline-block;\n    background: #222529;\n    color: #fff;\n    font-size: 1.6em;\n    padding: 5px 12px;\n  }\n  .coupon-text-sale {\n    transform: rotate(\n      -2deg\n    );\n    letter-spacing: .01em;\n    position: relative;\n  }\n  .col-md-2-5, .col-md-3-5 {\n    padding-left: 10px;\n    padding-right: 10px;\n    width: 100%;\n  }\n  @media (min-width: 768px) {\n    .col-md-2-5 {\n      flex: 0 0 40%;\n      width: 40%;\n    }\n    .col-md-3-5 {\n      flex: 0 0 60%;\n      width: 60%;\n    }\n  }\n</style>\n<div class=\"porto-inner-container\" style=\"margin-top: 20px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"mb-3 mb-lg-0 col-md-12 col-lg-5\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box porto-lazyload lazy-load-loaded\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/27/shop27_home_banner1.jpg&quot;}}\');\n                        margin-bottom: 20px;\n                        padding-top: 17%;\n                        padding-right: 27px;\n                        padding-bottom: 30px;\n                        background-color: #f0f5f9;\">\n              <h2 style=\"font-size: 34px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading mb-0 align-right text-uppercase\">Black</h2>\n              <h3 style=\"font-size: 28px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading mb-3 align-right\">Armchairs</h3>\n              <h4 style=\"font-size: 15px; line-height: 1.2; font-weight: 600;\" class=\"vc_custom_heading mb-4 align-right text-uppercase heading-secondary\">STARTING FROM $399</h4>\n              <div class=\"btn-container mb-0 text-color-primary text-right\">\n                <button class=\"btn btn-borders btn-xs btn-default\">SHOP NOW <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n              </div>\n            </div>\n          </div>\n          <div class=\"row\">\n            <div class=\"mb-3 mb-md-0 col-md-2-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ultimate-content-box-container h-100\">\n                  <div class=\"porto-ultimate-content-box porto-lazyload lazy-load-loaded\"\n                       style=\"background-size: cover;\n                              background-repeat: no-repeat;\n                              background-position: center center;\n                              min-height: 315px;\n                              background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/27/shop27_home_banner2.jpg&quot;}}\');\n                              padding-top: 35px;\n                              padding-right: 0px;\n                              padding-left: 0px;\n                              background-color: #222529;\">\n                    <h5 style=\"font-size: 12px; color: rgba(255, 255, 255, 0.4); line-height: 1.5; text-align: center; font-weight: 500;\" class=\"vc_custom_heading mb-0 ls-25em text-uppercase\">CHECK NEW ARRIVALS</h5>\n                    <h3 style=\"font-size: 25px; line-height: 1.2; text-align: center; font-weight: 700;\" class=\"vc_custom_heading text-uppercase heading-light\">COOL LAMPS</h3>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\" col-md-3-5\">\n              <div class=\"wpb_wrapper vc_column-inner\">\n                <div class=\"porto-ultimate-content-box-container h-100\">\n\n                  <div class=\"porto-ultimate-content-box has-content-pos justify-content-end porto-lazyload lazy-load-loaded\"\n                       style=\"background-size: cover;\n                              background-repeat: no-repeat;\n                              background-position: center center;\n                              min-height: 315px;\n                              background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/27/shop27_home_banner3.jpg&quot;}}\');\n                              padding-right: 20px;\n                              padding-bottom: 35px;\n                              padding-left: 20px;\n                              background-color: #606da6;\">\n                    <h6 style=\"color: rgba(255, 255, 255, 0.4); text-align: center; font-weight: 500;\" class=\"vc_custom_heading ls-25em mb-0 text-uppercase\">exclusive new collection</h6>\n                    <h3 style=\"font-size: 28px; line-height: 1.2; text-align: center; font-weight: 700;\" class=\"vc_custom_heading mb-0 text-uppercase heading-light\">Luxurious Jacuzzi</h3>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\" col-md-12 col-lg-7\">\n        <div class=\"wpb_wrapper vc_column-inner h-100\">\n          <div class=\"porto-ultimate-content-box-container h-100 content-align-start\">\n\n            <div class=\"porto-ultimate-content-box has-content-pos justify-content-center porto-lazyload lazy-load-loaded\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/27/shop27_home_banner4.jpg&quot;}}\');\n                        padding-top: 10%;\n                        padding-bottom: 10%;\n                        padding-left: 9%;\n                        background-color: #f4f4f4;\n                        \">\n              <h2 style=\"font-size: 45px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading m-l-n-lg align-right\">\n                WOODEN<br />\n                Black Chair\n              </h2>\n              <div style=\"font-size: 24px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading coupon-text background-color-dark m-b-sm align-left text-uppercase heading-light\">GO COUPON</div>\n              <div style=\"font-size: 21px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading coupon-text-sale m-b-xl align-left text-uppercase heading-dark\"><i>Up To</i><b>$100</b> OFF</div>\n              <h4 style=\"font-size: 20px; line-height: 1.2; font-weight: 600;\" class=\"vc_custom_heading m-b-lg align-left text-uppercase heading-secondary\">STARTING FROM $199</h4>\n              <div class=\"btn-container mb-0 text-color-primary text-left\">\n                <button class=\"btn btn-borders btn-lg btn-default\">SHOP NOW <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i></button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"home-features porto-inner-container\" style=\"padding-top: 40px; padding-bottom: 20px;\">\n  <style>\n    @media (min-width: 768px) {\n      .home-features .column_container>.column-inner {\n        display: flex;\n        justify-content: center;\n      }\n    }\n  </style>\n  <div class=\"container\">\n    <div class=\"row align-items-center\">\n      <div class=\"column_container col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h6 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 14px; line-height: 14px;\">FREE SHIPPING &amp; RETURN</h6>\n              <p style=\"font-size: 13px; line-height: 15px;\">Free shipping on all orders over $99.</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"column_container col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h6 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 14px; line-height: 14px;\">MONEY BACK GUARANTEE</h6>\n              <p style=\"font-size: 13px; line-height: 15px;\">100% money back guarantee</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"column_container col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-support\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h6 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 14px; line-height: 14px;\">ONLINE SUPPORT 24/7</h6>\n              <p style=\"font-size: 13px; line-height: 15px;\">Lorem ipsum dolor sit amet.</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"column_container col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #222529; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-secure-payment\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h6 class=\"porto-sicon-title\" style=\"font-weight: 700; font-size: 14px; line-height: 14px;\">SECURE PAYMENT</h6>\n              <p style=\"font-size: 13px; line-height: 15px;\">Lorem ipsum dolor sit amet.</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"vc_row wpb_row porto-inner-container\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"vc_column_container col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-separator short\"><hr class=\"separator-line align_center solid\" style=\"margin-bottom: 42px;\"/></div>\n          <style>\n\n            .product.data.items > .item.title {\n              color: inherit;\n              border-bottom-width: 3px;\n              font-size: inherit;\n              font-weight: 500;\n              text-transform: uppercase;\n              letter-spacing: .15em;\n            }\n            .product.data.items > .item.title:hover {\n              border-color: #606da6;\n              color: #606da6;\n            }\n            .product.data.items > .item.title > .switch {\n              font-size: inherit;\n            }\n            .product.data.items > .item.title.active {\n              color: #606da6;\n              border-color: #606da6;\n            }\n            .tabs.tabs-simple .section-title {\n              text-align: left;\n            }\n            @media(min-width: 1024px){\n              .tabs.tabs-simple .section-title {\n                margin: 0;\n                margin-bottom: -28px;\n                padding-top: 3px;\n              }\n            }\n            @media(min-width: 768px){\n              .product.data.items {\n                text-align: right;\n              }\n              .product.data.items > .item.title {\n                margin: 2px 27px .5rem 0;\n                color: inherit;\n                padding: 0;\n                padding-top: 2px;\n                font-size: inherit;\n                display: inline-block;\n                float: none;\n              }\n              .product.data.items > .item.content {\n                border-top: none;\n                margin-top: 2.16rem;\n              }\n            }\n          </style>\n          <div class=\"tabs tabs-simple\">\n            <div class=\"product data items\" data-mage-init=\'{\"tabs\":{\"openedState\":\"active\",\"collapsible\":\"true\"}}\'>\n              <h2 class=\"section-title slider-title\"><span class=\"inline-title\">Featured Products</span><span class=\"line\"></span></h2>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab1-title\" data-role=\"collapsible\" id=\"tab-label-tab1\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab1\" id=\"tab-label-tab1-title\">\n                  <span>Kitchen</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab1\" data-role=\"content\">\n                <div id=\"tab1-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab1-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab2-title\" data-role=\"collapsible\" id=\"tab-label-tab2\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab2\" id=\"tab-label-tab2-title\">\n                  <span>Dining</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab2\" data-role=\"content\">\n                <div id=\"tab2-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab2-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab3-title\" data-role=\"collapsible\" id=\"tab-label-tab3\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab3\" id=\"tab-label-tab3-title\">\n                  <span>Bedroom</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab3\" data-role=\"content\">\n                <div id=\"tab3-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab3-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab4-title\" data-role=\"collapsible\" id=\"tab-label-tab4\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab4\" id=\"tab-label-tab4-title\">\n                  <span>Living</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab4\" data-role=\"content\">\n                <div id=\"tab4-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab4-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab5-title\" data-role=\"collapsible\" id=\"tab-label-tab5\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab5\" id=\"tab-label-tab5-title\">\n                  <span>Office</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab5\" data-role=\"content\">\n                <div id=\"tab5-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab5-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n              <div class=\"data item title\" aria-labeledby=\"tab-label-tab6-title\" data-role=\"collapsible\" id=\"tab-label-tab6\">\n                <a class=\"data switch\" tabindex=\"-1\" data-toggle=\"switch\" href=\"#tab6\" id=\"tab-label-tab6-title\">\n                  <span>Outdoor</span>\n                </a>\n              </div>\n              <div class=\"data item content\" id=\"tab6\" data-role=\"content\">\n                <div id=\"tab6-products\" class=\"porto-products wpb_content_element\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"tab1_product\" extra_class=\"nav-center-images-only nav-pos-outside nav-style-4 show-nav-hover dots-style-1\" product_count=\"6\" product_type=\"1\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                      ], function ($) {\n                        $(\"#tab6-products .owl-carousel\").owlCarousel({\n                          autoplay: true,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad:true,\n                          margin: 0,\n                          nav: true,\n                          dots: false,\n                          responsive: {\n                            0: {\n                              items:2\n                            },\n                            640: {\n                              items:2\n                            },\n                            768: {\n                              items:2\n                            },\n                            992: {\n                              items:3\n                            },\n                            1200: {\n                              items:5\n                            }\n                          }\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div style=\"background: url({{media url=&quot;wysiwyg/smartwave/porto/homepage/27/shop27_home_parallax.jpg&quot;}}) center no-repeat; padding-top: 100px; padding-bottom: 100px;\" class=\"porto-inner-container\">\n  <div class=\"container\">\n    <style>\n      .coupon-text-primary b {\n        background: #606da6;\n      }\n    </style>\n    <div class=\"row align-items-center\">\n      <div class=\"d-flex justify-content-center justify-content-md-start mb-5 mb-md-0 vc_column_container col-md-6\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <p style=\"font-size: 16px; color: rgba(255, 255, 255, 0.4); line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading mb-0 ls-25em align-left text-uppercase\">IT IS TIME FOR A</p>\n          <h2 style=\"font-size: 50px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading mb-2 align-left heading-light\">Modern Bathroom</h2>\n          <div class=\"btn-container mb-0 text-right\">\n            <a class=\"btn btn-borders btn-lg btn-light\" href=\"#\" title=\"Shop\"> SHOW NOW <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i> </a>\n          </div>\n        </div>\n      </div>\n      <div class=\"d-flex justify-content-center justify-content-md-end vc_column_container col-md-6 col-xl-5\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div style=\"font-size: 1.875rem; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading coupon-text background-color-light m-b-sm align-left heading-dark\">Exclusive COUPON</div>\n          <div style=\"font-size: 1.625rem; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading coupon-text-sale coupon-text-primary align-left text-uppercase heading-light\"><i>up to</i><b>$200</b> OFF</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"porto-inner-container\" style=\"padding-top: 80px; padding-bottom: 40px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <div class=\"wpb_wrapper vc_column-inner\">\n          <div class=\"porto-products wpb_content_element mb-0\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"\" product_count=\"12\" column_count=\"6\" product_type=\"3\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"grid.phtml\"}}\n          </div>\n          <div class=\"btn-container mb-0 text-color-dark text-center\" style=\"margin-top: 1em;\">\n            <a class=\"btn btn-borders btn-lg btn-default\" href=\"#\" title=\"Shop\"> BROWSE ALL <i style=\"padding-left: 7px;\" class=\"fas fa-long-arrow-alt-right\"></i> </a>\n          </div>\n          <div class=\"porto-separator\"><hr class=\"separator-line align_center solid\" style=\"margin-top: 40px; margin-bottom: 45px;\" /></div>\n          <style>\n            .flex-style .vc_column-inner {\n              display: flex;\n              flex-wrap: wrap;\n              align-items: center;\n            }\n            .flex-style .vc_custom_heading {\n              padding-right: 25px;\n              margin-right: 25px;\n              border-right: 1px solid #e7e7e7;\n            }\n            .ls-150em,.ls-150em .porto-sicon-title {\n              letter-spacing: .15em;\n            }\n            .porto-recent-posts img {display: block;}\n            .porto-recent-posts .post-item {\n              padding: 0;\n              position: relative;\n              display: flex;\n              align-items: center;\n              flex-wrap: wrap;\n              margin-left: -10px;\n              margin-right: -10px;\n            }\n            .porto-recent-posts .post-item > a {\n              flex: 0 0 50%;\n              max-width: 100%;\n              padding-left: 10px;\n              padding-right: 10px;\n            }\n            .porto-recent-posts .post-item > .post-content {\n              flex: 0 0 50%;\n              max-width: 100%;\n              padding-left: 10px;\n              padding-right: 10px;\n            }\n            .porto-recent-posts .post-item .post-date {\n              position: absolute;\n              top: 10px;\n              left: 20px;\n              background: #606da6;\n              letter-spacing: 0;\n              width: auto;\n              padding: 15px;\n              font-size: 2em;\n            }\n            .porto-recent-posts .post-date .day {\n              font-size: 2em;\n              text-transform: uppercase;\n              padding: 0;\n              font-size: inherit;\n            }\n            .porto-recent-posts .post-date .month {\n              margin-top: .25rem;\n              font-weight: 300;\n              opacity: .5;\n              font-size: .428em;\n              padding: 0;\n            }\n            .porto-recent-posts h4 {\n              font-size: 1.4em;\n              font-weight: 700;\n              margin-bottom: .75rem;\n              white-space: nowrap;\n              overflow: hidden;\n              text-overflow: ellipsis;\n            }\n            .porto-recent-posts .post-item .post-excerpt {\n              display: -webkit-box;\n              -webkit-line-clamp: 3;\n              -webkit-box-orient: vertical;\n              overflow: hidden;\n              font-size: 13px;\n              display:flex;\n              flex-wrap: wrap;\n              margin-bottom: 0;\n            }\n            .post-item .read-more {\n              display: inline-block;\n              font-size: 11px;\n              margin-bottom: 1rem;\n              padding: 8px 20px;\n              color: #222529;\n              border: 2px solid #e7e7e7;\n              line-height: 1.3333;\n              text-transform: uppercase;\n              font-weight: 700;\n              letter-spacing: .15em;\n              font-family: \'Poppins\';\n              margin-top: 20px;\n              margin-bottom: 1rem;\n            }\n            .post-item .read-more i {display: none;}\n            @media (max-width: 767px){\n              .porto-recent-posts .post-item > a {\n                flex: 0 0 100%;\n              }\n              .porto-recent-posts .post-item > .post-content {\n                flex: 0 0 100%;\n              }\n            }\n          </style>\n          <div class=\"row flex-style\">\n            <div class=\"mb-4 mb-lg-0 col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap\">\n                <h2 style=\"font-size: 22px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading ls-150em m-b-md align-left text-uppercase\">RECENT ARTICLE</h2>\n                <a class=\"porto-sicon-box-link\" href=\"#\" title=\"Blog\">\n                  <div class=\"porto-sicon-box ls-150em style_1 heading-right-icon\">\n                    <div class=\"porto-sicon-header\"><h5 class=\"porto-sicon-title\" style=\"font-weight: 700; color: #606da6;\">VIEW BLOG</h5></div>\n\n                    <div class=\"porto-sicon-heading-right\">\n                      <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                        <div class=\"porto-icon none\" style=\"color: #606da6; font-size: 14px; display: inline-block;\"><i class=\"fas fa-long-arrow-alt-right\"></i></div>\n                      </div>\n                    </div>\n                  </div>\n                </a>\n                <div class=\"porto-recent-posts porto-blog wpb_content_element mb-0\" style=\"padding-bottom: 1rem;\">\n                  {{widget type=\"Magefan\\Blog\\Block\\Widget\\Recent\" number_of_posts=\"1\" custom_template=\"recent_home.phtml\"}}\n                </div>\n              </div>\n            </div>\n            <div class=\"col-md-12 col-lg-6\">\n              <div class=\"wpb_wrapper vc_column-inner d-flex align-items-center flex-wrap\">\n                <h2 style=\"font-size: 22px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading ls-150em m-b-md align-left text-uppercase\">from instagram</h2>\n                <a class=\"porto-sicon-box-link\" href=\"#\" title=\"Blog\">\n                  <div class=\"porto-sicon-box ls-150em style_1 heading-right-icon\">\n                    <div class=\"porto-sicon-header\"><h5 class=\"porto-sicon-title\" style=\"font-weight: 700; color: #606da6;\">@PORTODECOR</h5></div>\n\n                    <div class=\"porto-sicon-heading-right\">\n                      <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                        <div class=\"porto-icon none\" style=\"color: #606da6; font-size: 14px; display: inline-block;\"><i class=\"fas fa-long-arrow-alt-right\"></i></div>\n                      </div>\n                    </div>\n                  </div>\n                </a>\n                <div class=\"wpb_text_column wpb_content_element mb-0\" style=\"overflow: hidden;\">\n                  <div class=\"wpb_wrapper\">\n                    {{block class=\"Smartwave\\Porto\\Block\\Template\" name=\"instagram\" margin=\"20\" template_type=\"carousel\" desktop=\"3\" tablet=\"3\" mobile=\"2\" template=\"Smartwave_SocialFeed::instagramphotos.phtml\"}}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(990,'Porto - Homepage 28','1column',NULL,NULL,'porto_home_28',NULL,'<style>\n  .columns .column.main {\n    padding-bottom: 0;\n  }\n  .h-100>.porto-ultimate-content-box {\n    height: 100%;\n  }\n  .background-color-gray {\n    background-color: #f6f7f9;\n  }\n  body .highlighted-word {\n    display: inline-block;\n    background-position: right bottom!important;\n    padding-bottom: .5rem;\n  }\n  .ls-20em {\n    letter-spacing: .02em;\n  }\n  .slider-title {\n    letter-spacing: 0!important;\n    font-weight: 600;\n    text-transform: none;\n  }\n  .porto_products_filter_form select {\n    height: 46px;\n    font-size: .9286em;\n    font-weight: 500;\n    width: 100%;\n    margin-bottom: .5rem;\n  }\n  .porto_products_filter_form select, .porto_products_filter_form .btn-submit {\n    width: 100%;\n    margin-bottom: .5rem;\n  }\n  .porto_products_filter_form .btn-submit {\n    margin-top: 1rem;\n    text-align: center;\n  }\n  .vc_btn3.btn {\n    font-weight: 700;\n    letter-spacing: .01em;\n    padding: 1em 1.75em;\n    text-transform: uppercase;\n  }\n  .products-banner .product-item-info .product-item-inner,\n  .products-banner .product-item-info .product-reviews-summary,\n  .products-banner .product-item .weltpixel-quickview.weltpixel_quickview_button_v2{\n    display: none;\n  }\n  .products-banner .product-item-info:hover .product-item-photo {\n    box-shadow: none;\n  }\n  .flash-sale .product-item-photo img {\n    max-width: 64%;\n  }\n  .flash-sale .product-item-photo {\n    background: none;\n    margin-bottom: 0!important;\n  }\n  .flash-sale .products .product-item {\n    margin-bottom: 0;\n  }\n  .porto-ultimate-content-box {\n    font-size: inherit;\n  }\n  @media (min-width: 576px) {\n    .text-sm-right {\n      text-align: right!important;\n    }\n  }\n</style>\n<div class=\"pt_row pt_row-o-equal-height pt_row-flexporto-inner-container products-banner\" style=\"margin-top: 20px; margin-bottom: 20px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"mb-3 pt_column_container mb-lg-0 col-md-12 col-lg-6\">\n        <div class=\"wpb_wrapper pt_column-inner h-100\">\n          <div class=\"pt_row pt_inner row no-padding h-100 pt_row-has-fill pt_row-o-content-middle pt_row-flex\" style=\"margin-right: 0px; margin-left: 0px; background-color: #f6f7f9;\">\n            <div class=\"col-sm-6 pr-sm-2 col-md-6 pt_column_container\" style=\"padding-top: 30px; padding-bottom: 30px;\">\n              <div class=\"wpb_wrapper pt_column-inner w-100\">\n                <p style=\"font-size: 13px; line-height: 1; font-weight: 500;\" class=\"vc_custom_heading mb-2 text-center text-sm-right align-right\">An entire week to enjoy all offers</p>\n                <h3 style=\"font-size: 42px; line-height: 1.2; font-weight: 700;\" class=\"vc_custom_heading ls-0 mb-0 text-center text-sm-right align-right text-uppercase heading-primary\">THE WEEK</h3>\n                <h4 style=\"font-size: 32px; line-height: 1; font-weight: 700;\" class=\"vc_custom_heading mb-4 text-center text-sm-right align-right heading-secondary\">Gift Shop</h4>\n                <div class=\"btn-container mb-0 text-center text-sm-right text-right\"><button class=\"btn btn-borders btn-lg btn-primary vc_btn3\">SHOP NOW</button></div>\n              </div>\n            </div>\n            <div class=\"col-sm-6 overflow-hidden col-md-6 pt_column_container\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div id=\"latest-products\" class=\"porto-products wpb_content_element my-4\">\n                  <div class=\"slider-wrapper\">\n                    {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" extra_class=\"dots-style-1\" product_type=\"1\" product_count=\"3\" aspect_ratio=\"1\" image_width=\"400\" image_height=\"300\" template=\"owl_list.phtml\"}}\n                    <script type=\"text/javascript\">\n                      require([\"jquery\", \"owl.carousel/owl.carousel.min\"], function ($) {\n                        $(\"#latest-products .owl-carousel\").owlCarousel({\n                          items: 1,\n                          autoplay: false,\n                          autoplayTimeout: 5000,\n                          autoplayHoverPause: true,\n                          loop: true,\n                          navRewind: true,\n                          lazyLoad: true,\n                          margin: 0,\n                          nav: false,\n                          dots: true,\n                        });\n                      });\n                    </script>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"mb-3 mb-md-0 pt_column_container col-md-6 col-lg-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container background-color-secondary h-100\">\n            <div class=\"porto-ultimate-content-box\" style=\"padding: 20px;\">\n              <h2 style=\"font-size: 15px;\n                         line-height: 1;\n                         text-align: center;\n                         font-weight: 700;\n                         margin-top: -20px;\n                         margin-right: -20px;\n                         margin-bottom: 20px;\n                         margin-left: -20px;\n                         padding-top: 20px;\n                         padding-bottom: 20px;\n                         background-color: #f86c86;\n                         \" class=\"vc_custom_heading text-uppercase heading-light\">\n                Flash Sale Running!\n              </h2>\n              <div class=\"porto-products wpb_content_element m-b-md background-color-gray flash-sale\">\n                {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"1\" product_count=\"1\" column_count=\"1\" aspect_ratio=\"0\" image_width=\"300\" image_height=\"300\" template=\"grid.phtml\"}}\n              </div>\n              <div class=\"btn-container btn-secondary-light mb-0 text-center w-100\">\n                <a class=\"vc_btn3 btn btn-md btn-secondary d-block\" href=\"#\" title=\"Teddy Bear Blue\">SHOP SALE NOW</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-md-6 pt_column_container col-lg-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container h-100 text-center\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        background-color: rgba(0, 0, 0, 0);\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner8.jpg&quot;}}\');\n                        padding-top: 42px;\n                        padding-right: 20px;\n                        padding-bottom: 12px;\n                        padding-left: 20px;\n                        background-color: #222529;\">\n              <h2 style=\"font-size: 26px; line-height: 1; text-align: center; font-weight: 700;\" class=\"vc_custom_heading mb-1 text-uppercase heading-light\">Gift Finder</h2>\n              <h4 style=\"font-size: 15px;\n                         color: #999999;\n                         text-align: center;\n                         font-weight: 500;\n                         background-image: url({{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_highlighted-word.png&quot;}});\n                         background-position: 0 0;\n                         background-repeat: no-repeat;\" class=\"vc_custom_heading ls-20em mb-3 highlighted-word\">\n                Find the Perfect Gift\n              </h4>\n              <div class=\"porto_products_filter_form widget d-flex flex-wrap\">\n                <select class=\"porto_dropdown_price_range\" id=\"min_price\">\n                  <option value=\"\">Price Range</option>\n                  <option value=\"0-50\">0 - 50</option>\n                  <option value=\"50-100\">50 - 100</option>\n                  <option value=\"100-500\">100 - 500</option>\n                </select>\n                <select class=\"porto_dropdown_product_attributes\" id=\"filter_color\">\n                  <option value=\"\">By color</option>\n                  <option value=\"49\">Black</option>\n                  <option value=\"51\">Brown</option>\n                  <option value=\"56\">Orange</option>\n                  <option value=\"58\">Red</option>\n                  <option value=\"60\">Yellow</option>\n                </select>\n                <select class=\"porto_dropdown_product_attributes\" id=\"filter_size\">\n                  <option value=\"\">By size</option>\n                  <option value=\"91\">55 cm</option>\n                  <option value=\"92\">65 cm</option>\n                  <option value=\"93\">75 cm</option>\n                </select>\n                <button class=\"btn-submit btn btn-primary vc_btn3 d-block\">VIEW SUGGESTIONS</button>\n              </div>\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\'\n                ], function ($) {\n                  $(\".gift-finder-form button\").off(\"click\").on(\"click\", function(){\n                    var shop_url = \"{{store url=\"\"}}shop.html?\";\n                    var price = $(\"#min_price\").val();\n                    var color = $(\"#filter_color\").val();\n                    var size = $(\"#filter_size\").val();\n                    var params = \"\";\n                    if(color)\n                    params += \"&color=\" + color;\n                    if(price)\n                    params += \"&price=\" + price;\n                    if(size)\n                    params += \"&size=\" + size;\n                    if(params)\n                    shop_url += params.substring(1);\n                    window.location.href = shop_url;\n                  });\n                  });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row porto-inner-container\">\n  <style>\n    .porto-ultimate-content-box {\n      transition: box-shadow .2s;\n    }\n    .banner-content {\n      box-shadow: none;\n    }\n    .banner-content:hover {\n      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);\n    }\n  </style>\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"col-sm-6 pt_column_container col-md-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box banner-content\"\n                 style=\"margin-bottom: 20px;\n                        padding: 20px;\n                        background-color: #f6f7f9;\n                        background-size: initial;\n                        background-repeat: no-repeat;\n                        background-position: 95% center;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner1.jpg&quot;}}\');\n                        \">\n              <h2 style=\"font-size: 24px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-1 align-left text-uppercase\">GIFTS $10</h2>\n              <p style=\"font-size: 20px; line-height: 1; font-weight: 400;\" class=\"pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left\">&amp; under</p>\n              <h3 style=\"font-size: 12px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-0 align-left text-uppercase heading-primary\"><a href=\"#\">SHOP NOW</a></h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 pt_column_container col-md-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box banner-content\"\n                 style=\"margin-bottom: 20px;\n                        padding: 20px;\n                        background-color: #f6f7f9;\n                        background-size: initial;\n                        background-repeat: no-repeat;\n                        background-position: 93% center;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner2.jpg&quot;}}\');\n                        \">\n              <h2 style=\"font-size: 24px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-1 align-left text-uppercase\">GIFTS $20</h2>\n              <p style=\"font-size: 20px; line-height: 1; font-weight: 400;\" class=\"pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left\">&amp; under</p>\n              <h3 style=\"font-size: 12px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-0 align-left text-uppercase heading-primary\"><a href=\"#\">SHOP NOW</a></h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 pt_column_container col-md-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box banner-content\"\n                 style=\"margin-bottom: 20px;\n                        padding: 20px;\n                        background-color: #f6f7f9;\n                        background-size: initial;\n                        background-repeat: no-repeat;\n                        background-position: 88% center;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner3.jpg&quot;}}\');\n                        \">\n              <h2 style=\"font-size: 24px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-1 align-left text-uppercase\">GIFTS $50</h2>\n              <p style=\"font-size: 20px; line-height: 1; font-weight: 400;\" class=\"pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left\">&amp; under</p>\n              <h3 style=\"font-size: 12px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-0 align-left text-uppercase heading-primary\"><a href=\"#\">SHOP NOW</a></h3>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"col-sm-6 pt_column_container col-md-3\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box banner-content\"\n                 style=\"margin-bottom: 20px;\n                        padding: 20px;\n                        background-color: #f6f7f9;\n                        background-size: initial;\n                        background-repeat: no-repeat;\n                        background-position: 90% 60%;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner4.jpg&quot;}}\');\n                        \">\n              <h2 style=\"font-size: 24px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-1 align-left text-uppercase\">GIFTS $99</h2>\n              <p style=\"font-size: 20px; line-height: 1; font-weight: 400;\" class=\"pt_custom_heading custom-font1 mb-5 pb-xl-2 align-left\">&amp; under</p>\n              <h3 style=\"font-size: 12px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-0 align-left text-uppercase heading-primary\"><a href=\"#\">SHOP NOW</a></h3>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row porto-inner-container\" style=\"padding-top: 20px; padding-bottom: 20px;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"pt_column_container col-md-12\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div id=\"bestseller-products\" class=\"porto-products wpb_content_element title-border-bottom\">\n            <h2 class=\"section-title slider-title\"><span class=\"inline-title\">Best Selling Gifts</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"best_product\" extra_class=\"show-dots-title-right dots-style-1\" product_count=\"6\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#bestseller-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: false,\n                    dots: true,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:3\n                      },\n                      768: {\n                        items:3\n                      },\n                      992: {\n                        items:4\n                      },\n                      1200: {\n                        items:4\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row home-banners pt_row-has-fill pt_row-o-equal-height pt_row-flex porto-inner-container\"  style=\"padding-top: 40px !important; padding-bottom: 40px; background-color: #f6f7f9;\">\n  <style>\n    .home-banners .porto-ultimate-content-box-container {\n      position: relative\n    }\n    .home-banners .porto-ultimate-content-box-container:after {\n      content: \'\';\n      position: absolute;\n      top: 0;\n      right: 0;\n      height: 100%;\n      border-right: 215px solid;\n      opacity: .7;\n      border-top: 180px solid transparent;\n      border-bottom: 180px solid transparent;\n      z-index: 2;\n    }\n    .home-banners .porto-ultimate-content-box-container:before {\n      content: \'\';\n      position: absolute;\n      top: 0;\n      right: 188px;\n      left: 0;\n      height: 100%;\n      background: #fff;\n      transition: right .25s,background .25s;\n      z-index: 1;\n    }\n    .home-banners .porto-ultimate-content-box:before {\n      content: \'\';\n      border-top: 180px solid #fff;\n      border-right: 188px solid transparent;\n      position: absolute;\n      top: 0;\n      right: 0;\n      transition: border-right .25s,border-top-color .25s\n    }\n    .home-banners .porto-ultimate-content-box:after {\n      content: \'\';\n      border-bottom: 180px solid #fff;\n      border-right: 188px solid transparent;\n      position: absolute;\n      bottom: 0;\n      right: 0;\n      transition: border-right .25s,border-bottom-color .25s\n    }\n    .home-banners .porto-ultimate-content-box>* {\n      position: relative;\n      z-index: 1\n    }\n    .home-banners .porto-ultimate-content-box-container:hover:before {\n      right: 215px;\n      background: #fcfcfc\n    }\n    .home-banners .porto-ultimate-content-box-container:hover>div:before,.home-banners .porto-ultimate-content-box-container:hover>div:after {\n      border-right-width: 215px;\n      border-bottom-color: #fcfcfc;\n      border-top-color: #fcfcfc\n    }\n  </style>\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"mb-3 mb-md-0 pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container h-100 text-color-secondary\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"background-size: contain;\n                        background-repeat: no-repeat;\n                        background-position: right center;\n                        min-height: 360px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner5.jpg&quot;}}\');\n                        padding-top: 30px !important;\n                        padding-bottom: 30px !important;\n                        padding-left: 30px !important;\n                        background-color: #ffffff;\">\n              <p style=\"font-size: 20px; color: #777777; line-height: 1;\" class=\"pt_custom_heading mb-2 custom-font1 align-left\">Shop Gifts</p>\n              <h2 style=\"font-size: 34px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading align-left text-uppercase\">FOR HER</h2>\n              <div class=\"btn-container pc-position-absolute pc-bottom-0 d-inline-block\" style=\"margin-bottom: 30px;\">\n                <a class=\"vc_btn3 btn btn-borders btn-lg btn-primary\" href=\"#\" title=\"\">Shop Now</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"mb-3 mb-md-0 pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container h-100 text-color-primary\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"\n                        background-size: contain;\n                        background-repeat: no-repeat;\n                        background-position: right center;\n                        min-height: 360px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner6.jpg&quot;}}\');\n                        padding-top: 30px;\n                        padding-bottom: 30px;\n                        padding-left: 30px;\n                        background-color: #ffffff;\n                        \">\n              <p style=\"font-size: 20px; color: #777777; line-height: 1;\" class=\"pt_custom_heading mb-2 custom-font1 align-left\">Shop Gifts</p>\n              <h2 style=\"font-size: 34px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading align-left text-uppercase\">FOR HIM</h2>\n              <div class=\"btn-container pc-position-absolute pc-bottom-0 d-inline-block\" style=\"margin-bottom: 30px !important;\">\n                <a class=\"vc_btn3 btn btn-borders btn-lg btn-primary\" href=\"#\" title=\"\">Shop Now</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container h-100 text-color-tertiary\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"background-size: contain;\n                        background-repeat: no-repeat;\n                        background-position: right center;\n                        background-color: rgba(0, 0, 0, 0);\n                        min-height: 360px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/28/shop28_home_banner7.jpg&quot;}}\');\n                        padding-top: 30px;\n                        padding-bottom: 30px;\n                        padding-left: 30px;\n                        background-color: #ffffff;\">\n              <p style=\"font-size: 20px; color: #777777; line-height: 1;\" class=\"pt_custom_heading mb-2 custom-font1 align-left\">Shop Gifts</p>\n              <h2 style=\"font-size: 34px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading align-left text-uppercase\">FOR KIDS</h2>\n              <div class=\"btn-container pc-position-absolute pc-bottom-0 d-inline-block\" style=\"margin-bottom: 30px;\">\n                <a class=\"vc_btn3 btn btn-borders btn-lg btn-primary\" href=\"#\" title=\"\">Shop Now</a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row porto-inner-container\" style=\"padding-top: 30px; padding-bottom: 30px;\">\n  <div class=\"porto-wrap-container container\">\n    <style>\n      .home-features .pt_column_container>.pt_column-inner {\n        width: auto;\n        border-right: 1px solid #e7e7e7;\n        display: flex;\n        justify-content: center;\n        padding-top: 8px!important;\n        padding-bottom: 8px!important\n      }\n      .home-features>div {\n        padding-top: 15px !important;\n        padding-bottom: 15px  !important;\n      }\n      .porto-sicon-box {\n        margin-bottom: 0;\n      }\n      @media (max-width: 767px) {\n        .home-features .pt_column_container>.pt_column-inner {\n          border-right:none;\n          justify-content: flex-start;\n          padding-left: 5%!important;\n        }\n        .home-features>div:not(:last-child) {\n          border-bottom: 1px solid #e7e7e7;\n        }\n      }\n      .home-features .pt_column_container:last-child>.pt_column-inner {\n        border-right: none;\n      }\n      .home-features h3,.home-features p {\n        font-family: \'Open Sans\';\n      }\n    </style>\n    <div class=\"row\">\n      <div class=\"pt_column_container col-md-12\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"pt_row pt_inner row no-padding home-features pt_row-has-fill\" style=\"margin-right: 0px; margin-bottom: 40px; margin-left: 0px; border: 1px #e7e7e7 solid;\">\n            <div class=\"pt_column_container col-md-4\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #d66a79; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 14px;\">FREE SHIPPING &amp; RETURN</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;\">Free shipping on all orders over $99.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-4\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #d66a79; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 14px;\">MONEY BACK GUARANTEE</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;\">100% money back guarantee</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-4\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-sicon-box style_1 default-icon\">\n                  <div class=\"porto-sicon-default\">\n                    <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                      <div class=\"porto-icon none\" style=\"color: #d66a79; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-support\"></i></div>\n                    </div>\n                  </div>\n                  <div class=\"porto-sicon-header\">\n                    <h3 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 14px; line-height: 14px;\">ONLINE SUPPORT 24/7</h3>\n                    <p style=\"font-weight: 300; font-size: 13px; line-height: 17px; color: #839199;\">Lorem ipsum dolor sit amet.</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div id=\"recomen-products\" class=\"porto-products wpb_content_element title-border-bottom mb-0\">\n            <h2 class=\"section-title slider-title\"><span class=\"inline-title\">Our Recommendations</span><span class=\"line\"></span></h2>\n            <div class=\"slider-wrapper\">\n              {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"best_product\" extra_class=\"show-dots-title-right dots-style-1\" product_count=\"6\" aspect_ratio=\"0\" image_width=\"350\" image_height=\"350\" template=\"owl_list.phtml\"}}\n              <script type=\"text/javascript\">\n                require([\n                  \'jquery\',\n                  \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                  $(\"#recomen-products .owl-carousel\").owlCarousel({\n                    autoplay: false,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    loop: true,\n                    navRewind: true,\n                    lazyLoad:true,\n                    margin: 0,\n                    nav: false,\n                    dots: true,\n                    responsive: {\n                      0: {\n                        items:2\n                      },\n                      640: {\n                        items:3\n                      },\n                      768: {\n                        items:3\n                      },\n                      992: {\n                        items:4\n                      },\n                      1200: {\n                        items:4\n                      }\n                    }\n                  });\n                });\n              </script>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(991,'Porto - Homepage 29','1column',NULL,NULL,'porto_home_29',NULL,'<style>\n.columns .column.main {\n  padding: 0;\n}\n.pt_row {clear: both;}\nhr.solid, hr {\n  background: rgba(255,255,255,.06);\n}\n.ls-10em {\n  letter-spacing: .01em;\n}\n.ls-25em {\n  letter-spacing: .025em;\n}\n.ls-negative-25em {\n    letter-spacing: -.025em;\n}\n.font-weight-semibold, .text-weight-semibold {\n    font-weight: 600;\n}\n.pc-position-absolute {\n  position: absolute!important;\n}\n.right-0, .pc-right-0 {\n  right: 0;\n}\n.bottom-0, .pc-bottom-0 {\n  bottom: 0;\n}\n.top-0, .pc-top-0 {\n    top: 0;\n}\n.left-0, .pc-left-0 {\n    top: 0;\n}\n.pt_btn3.btn {\n  font-family: \'Open Sans\';\n  font-weight: 700;\n  text-transform: uppercase;\n  padding: 1.2em 2.5em;\n  letter-spacing: .01em;\n}\n.pt_btn3.btn-sm {\n  padding: 1em 2.25em;\n}\n.porto-ultimate-content-box {\n  position: relative;\n  font-size: inherit;\n}\n.porto-ultimate-content-box .btn-container {\n  font-size: inherit;\n  margin-bottom: 20px;\n}\n.porto-ultimate-content-box .price del {\n    font-size: 65%;\n    color: #a7a7a7;\n}\n.coupon-text-sale {\n  transform: rotate(0);\n  letter-spacing: .01em;\n  position: relative;\n  padding-left: 8px;\n}\n.coupon-text-sale i {\n  font-style: normal;\n  position: absolute;\n  left: -1.5em;\n  top: 50%;\n  transform: translateY(-50%) rotate(-90deg);\n  font-size: .65em;\n  opacity: .6;\n  letter-spacing: 0;\n}\n.coupon-text-sale b {\n  display: inline-block;\n  background: #ee8379;\n  color: #fff;\n  font-size: 1.6em;\n  padding: 4px 8px;\n  margin-right: .25rem;\n}\n</style>\n<div class=\"pt_row porto-inner-container\" style=\"margin-top: 20px;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"m-b-md pt_column_container col-md-8\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container\">\n            <div class=\"porto-ultimate-content-box has-content-pos justify-content-center\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        min-height: 440px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_banner1.jpg&quot;}}\');\n                        padding-right: 40px;\n                        background-color: #181a1c;\">\n              <h3 style=\"font-size: 18px; line-height: 1; font-weight: 700; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px;\" class=\"pt_custom_heading align-self-end background-color-primary align-right text-uppercase heading-light\">\n                50% OFF\n              </h3>\n              <h2 style=\"font-size: 40px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-2 ls-10em align-right text-uppercase heading-light\">\n                PORTOGEAR 2\n              </h2>\n              <h3 style=\"font-size: 28px; line-height: 1.2; font-weight: 600;\" class=\"pt_custom_heading price mb-0 align-right heading-light\"><del>$59</del> $29</h3>\n              <div class=\"btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block\" style=\"margin-right: 20px;\">\n                <button class=\"pt_btn3 btn btn-lg btn-quaternary\">Shop Now</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-ultimate-content-box-container m-b-md\">\n            <div class=\"porto-ultimate-content-box has-content-pos justify-content-end\"\n                 style=\"background-size: contain;\n                        background-repeat: no-repeat;\n                        background-position: left center;\n                        min-height: 210px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_banner2.png&quot;}}\');\n                        padding-right: 20px;\n                        padding-bottom: 20px;\n                        background-color: #181a1c;\">\n              <h3 style=\"font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-2 ls-25em align-right text-uppercase\">\n                flash sales on\n              </h3>\n              <h2 style=\"font-size: 28px; line-height: 0.9; font-weight: 700;\" class=\"pt_custom_heading ls-10em mb-5 align-right heading-light\">\n                CONSOLES\n              </h2>\n              <div class=\"btn-container mb-0 text-right\">\n                <button class=\"pt_btn3 pt_btn3-shape-default btn btn-sm btn-quaternary\">\n                  SHOP NOW\n                </button>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-ultimate-content-box-container m-b-md\">\n            <div class=\"porto-ultimate-content-box\"\n                 style=\"background-size: cover;\n                        background-repeat: no-repeat;\n                        background-position: center center;\n                        min-height: 210px;\n                        background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_banner3.jpg&quot;}}\');\n                        padding-top: 20px;\n                        padding-left: 25px;\n                        background-color: #181a1c;\">\n              <h3 style=\"font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-1 ls-25em align-left text-uppercase\">\n                CHECK NEW WIRELESS\n              </h3>\n              <h2 style=\"font-size: 23px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading ls-10em mb-3 align-left heading-light\">\n                CONTROLLERS\n              </h2>\n              <h3 style=\"font-size: 16px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading coupon-text-sale mb-0 align-left text-uppercase heading-light\"><i>Up To</i><b>50%</b> OFF</h3>\n              <div class=\"btn-container pc-position-absolute pc-bottom-0 pc-right-0 text-right\" style=\"margin-right: 20px;\">\n                <button class=\"pt_btn3 btn btn-sm btn-quaternary\">SHOP NOW</button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<style>\n  .home-features .pt_column_container > .pt_column-inner {\n    width: auto;\n    border-right: 1px solid #2c2f33;\n    display: flex;\n    justify-content: center;\n    padding-top: 15px !important;\n    padding-bottom: 15px !important;\n  }\n  @media (max-width: 767px) {\n    .home-features .pt_column_container > .pt_column-inner {\n      border-right: none;\n      justify-content: flex-start;\n      padding-left: 5% !important;\n      border-bottom: 1px solid #2c2f33;\n    }\n  }\n  .home-features .pt_column_container:last-child > .pt_column-inner {\n    border-right: none;\n    border-bottom: none;\n  }\n</style>\n<div class=\"pt_row home-features no-padding porto-inner-container\" style=\"padding-top: 10px; padding-bottom: 30px;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #0078f2; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-shipping\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">FREE SHIPPING &amp; RETURN</h4>\n              <p style=\"font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;\">Free shipping on all orders over $99</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #0078f2; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-money\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">MONEY BACK GUARANTEE</h4>\n              <p style=\"font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;\">100% money back guarantee</p>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"pt_column_container col-md-4\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"porto-sicon-box style_1 default-icon\">\n            <div class=\"porto-sicon-default\">\n              <div class=\"porto-just-icon-wrapper\" style=\"text-align: center;\">\n                <div class=\"porto-icon none\" style=\"color: #0078f2; font-size: 35px; display: inline-block;\"><i class=\"porto-icon-support\"></i></div>\n              </div>\n            </div>\n            <div class=\"porto-sicon-header\">\n              <h4 class=\"porto-sicon-title\" style=\"font-weight: 600; font-size: 15px; line-height: 15px;\">ONLINE SUPPORT 24/7</h4>\n              <p style=\"font-weight: 300; font-size: 13px; line-height: 20px; color: #839199;\">Lorem ipsum dolor sit amet</p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row pt_row-has-fill porto-inner-container\" style=\"padding-top: 65px; padding-bottom: 40px; background-color: #1c1e21;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"pt_column_container col-md-12\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"wpb_text_column wpb_content_element pull-right mb-2 pc-position-static\">\n            <div class=\"wpb_wrapper\">\n              <p class=\"mb-0\">\n                <a class=\"font-weight-semibold text-color-primary text-uppercase\" style=\"font-size: 12px;\" title=\"Shop\" href=\"#\"> View All Products<i class=\"fas fa-long-arrow-alt-right ml-1\"></i> </a>\n              </p>\n              <p style=\"position: absolute; top: 0; left: -22%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 3, \'transition\': true}\">\n                <img class=\"alignnone size-full\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating5.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 39%; left: -26%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 3.5, \'transition\': true, \'horizontal\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating6.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 62%; left: -14%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 2.5, \'transition\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating7.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 22%; left: -12%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 2, \'transition\': true, \'horizontal\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating8.png&quot;}}\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 2, \'transition\': true, \'horizontal\': true}\"/>\n              </p>\n              <p style=\"position: absolute; top: 58%; right: -26%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 3, \'transition\': true}\">\n                <img class=\"alignnone size-full\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating1.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 25%; right: -26%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 3.5, \'transition\': true, \'horizontal\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating2.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 0; right: -16%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 2.5, \'transition\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating3.png&quot;}}\" />\n              </p>\n              <p style=\"position: absolute; top: 38%; right: -11%;\" data-plugin-float-element=\"\" data-plugin-options=\"{\'startPos\': \'none\', \'speed\': 2, \'transition\': true, \'horizontal\': true}\">\n                <img class=\"alignnone\" src=\"{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_floating4.png&quot;}}\" />\n              </p>\n            </div>\n            <script type=\"text/javascript\">\n        			require([\n        				\'jquery\',\n        				\'floatelement\'\n        			], function ($) {\n        				$(\"[data-plugin-float-element]:not(.manual)\").each(function() {\n        					var options = $(this).data(\"plugin-options\");\n        					if (options && \"string\" == typeof options)\n        						try {\n        							options = JSON.parse(options.replace(/\'/g, \'\"\').replace(\";\", \"\"))\n        						} catch (options) {}\n        					$(this).themePluginFloatElement(options)\n        				})\n        			});\n        		</script>\n          </div>\n          <h4 style=\"font-size: 24px; line-height: 1; font-weight: 600;\" class=\"pt_custom_heading mb-4 align-left\">Featured Product and Offers</h4>\n          <div class=\"porto-products wpb_content_element mb-0\">\n            {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\FeaturedList\" name=\"featured_product\" product_type=\"3\" product_count=\"4\" column_count=\"4\" aspect_ratio=\"1\" image_width=\"300\" image_height=\"420\" template=\"grid.phtml\"}}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n<div class=\"pt_row porto-inner-container\" style=\"padding-top: 40px; padding-bottom: 20px;\">\n  <div class=\"porto-wrap-container container\">\n    <div class=\"row\">\n      <div class=\"pt_column_container col-md-12\">\n        <div class=\"wpb_wrapper pt_column-inner\">\n          <div class=\"pt_row pt_inner row pt_row-has-fill pt_row-o-content-middle pt_row-flex\" style=\"margin-right: 0px; margin-bottom: 32px; margin-left: 0px; background-color: #f4f4f4;\">\n            <div class=\"px-0 pt_column_container col-md-4\"\n              style=\"background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_shop_banner.jpg&quot;}}\');\n                     padding-top: 70px;\n                     padding-bottom: 70px;\n                     background-position: center;\n                     background-repeat: no-repeat;\n                     background-size: cover;\">\n              <div class=\"wpb_wrapper pt_column-inner\"></div>\n            </div>\n            <div class=\"py-4 pt_column_container col-md-5\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <h2 style=\"font-size: 38px; color: #181a1c; line-height: 1; font-weight: 800;\" class=\"pt_custom_heading mb-1 ls-10em align-left text-uppercase\">PORTO SWITCH LITE</h2>\n                <h3 style=\"font-size: 18px; color: #777777; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading mb-0 ls-25em align-left text-uppercase\">now available for pre-order</h3>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-3\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"btn-container mb-3 mb-md-0 d-inline-block\"><button class=\"pt_btn3 btn btn-md btn-quaternary\">PRE-ORDER NOW</button></div>\n              </div>\n            </div>\n          </div>\n          <div class=\"wpb_text_column wpb_content_element pull-right mb-2\">\n            <div class=\"wpb_wrapper\">\n              <p>\n                <a class=\"font-weight-semibold text-color-primary text-uppercase\" style=\"font-size: 12px;\" title=\"Shop\" href=\"#\"> View All Products<i class=\"fas fa-long-arrow-alt-right ml-1\"></i> </a>\n              </p>\n            </div>\n          </div>\n          <h4 style=\"font-size: 24px; line-height: 1; font-weight: 600;\" class=\"pt_custom_heading mb-4 align-left\">Recently Released</h4>\n          <div class=\"pt_row pt_inner row\">\n            <div class=\"pt_column_container col-md-4\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-ultimate-content-box-container h-100\">\n                  <div class=\"porto-ultimate-content-box\" style=\"background-color: #1c1e21; margin-bottom: 20px; padding: 20px;\">\n                    <div id=\"recently-products\" class=\"porto-products wpb_content_element content-center\">\n                      <div class=\"slider-wrapper\">\n                        {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" extra_class=\"dots-style-1\" product_count=\"3\" aspect_ratio=\"1\" image_width=\"400\" image_height=\"566\" template=\"owl_list.phtml\"}}\n                        <script type=\"text/javascript\">\n                          require([\n                            \'jquery\',\n                            \'owl.carousel/owl.carousel.min\'\n                          ], function ($) {\n                            $(\"#recently-products .owl-carousel\").owlCarousel({\n                              items: 1,\n                              autoplay: false,\n                              autoplayTimeout: 5000,\n                              autoplayHoverPause: true,\n                              loop: true,\n                              navRewind: true,\n                              lazyLoad:true,\n                              margin: 0,\n                              nav: false,\n                              dots: true\n                            });\n                          });\n                        </script>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-8\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-products wpb_content_element mb-0\">\n                  {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"8\" column_count=\"4\" aspect_ratio=\"1\" image_width=\"300\" image_height=\"420\" template=\"grid.phtml\"}}\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"porto-separator\"><hr class=\"separator-line align_center solid\" style=\"margin-bottom: 40px;\" /></div>\n          <div class=\"wpb_text_column wpb_content_element pull-right mb-2\">\n            <div class=\"wpb_wrapper\">\n              <p>\n                <a class=\"font-weight-semibold text-color-primary text-uppercase\" style=\"font-size: 12px;\" title=\"Shop\" href=\"#\"> View All Products<i class=\"fas fa-long-arrow-alt-right ml-1\"></i> </a>\n              </p>\n            </div>\n          </div>\n          <h4 style=\"font-size: 24px; line-height: 1; font-weight: 600;\" class=\"pt_custom_heading mb-4 align-left\">Most Popular</h4>\n          <div class=\"pt_row pt_inner row\">\n            <div class=\"pt_column_container col-md-8\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-products wpb_content_element mb-0\">\n                  {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" product_type=\"3\" product_count=\"8\" column_count=\"4\" aspect_ratio=\"1\" image_width=\"300\" image_height=\"420\" template=\"grid.phtml\"}}\n                </div>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-4\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-ultimate-content-box-container h-100\">\n                  <div class=\"porto-ultimate-content-box\" style=\"background-color: #1c1e21; margin-bottom: 20px; padding: 20px;\">\n                    <div id=\"popular-products\" class=\"porto-products wpb_content_element content-center\">\n                      <style>\n                      .content-center .product-item-info.type3 {\n                        text-align: center;\n                        margin-bottom: 1.5rem;\n                      }\n                      .content-center .product-item-info.type3 .product-reviews-summary {\n                          margin: 0 auto .55rem;\n                      }\n                      .content-center .product-item-name a {\n                          font-size: 22px;\n                      }\n                      </style>\n                      <div class=\"slider-wrapper\">\n                        {{block class=\"Smartwave\\Filterproducts\\Block\\Home\\LatestList\" name=\"featured_product\" extra_class=\"dots-style-1\" product_count=\"3\" aspect_ratio=\"1\" image_width=\"400\" image_height=\"566\" template=\"owl_list.phtml\"}}\n                        <script type=\"text/javascript\">\n                          require([\n                            \'jquery\',\n                            \'owl.carousel/owl.carousel.min\'\n                          ], function ($) {\n                            $(\"#popular-products .owl-carousel\").owlCarousel({\n                              items: 1,\n                              autoplay: false,\n                              autoplayTimeout: 5000,\n                              autoplayHoverPause: true,\n                              loop: true,\n                              navRewind: true,\n                              lazyLoad:true,\n                              margin: 0,\n                              nav: false,\n                              dots: true\n                            });\n                          });\n                        </script>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"pt_row pt_inner row\">\n            <div class=\"pt_column_container col-md-6\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-ultimate-content-box-container\">\n                  <div class=\"porto-ultimate-content-box has-content-pos justify-content-center\"\n                    style=\"background-size: cover;\n                          background-repeat: no-repeat;\n                          background-position: center center;\n                          min-height: 400px;\n                          background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_banner4.jpg&quot;}}\');\n                          padding-right: 20px;\n                          background-color: #ffffff;\">\n                    <p style=\"font-size: 13px; line-height: 1; font-weight: 700;\" class=\"pt_custom_heading custom-font1 mb-1 align-right text-uppercase\">FEEL LIKE A PLAYER</p>\n                    <h2 style=\"font-size: 36px; line-height: 1; font-weight: 800;\" class=\"pt_custom_heading mb-1 ls-negative-25em align-right text-uppercase heading-quaternary\"><i>PROBALL 2019</i></h2>\n                    <h3 style=\"font-size: 28px; line-height: 1; font-weight: 600;\" class=\"pt_custom_heading mb-0 align-right heading-quaternary\">$29</h3>\n                    <div class=\"btn-container pc-position-absolute pc-bottom-0 pc-right-0 d-inline-block\" style=\"margin-right: 20px;\">\n                      <button class=\"pt_btn3 btn btn-sm btn-quaternary\">SHOW NOW</button>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"pt_column_container col-md-6\">\n              <div class=\"wpb_wrapper pt_column-inner\">\n                <div class=\"porto-ultimate-content-box-container\">\n                  <div class=\"porto-ultimate-content-box has-content-pos justify-content-center\"\n                      style=\"background-size: cover;\n                            background-repeat: no-repeat;\n                            background-position: center center;\n                            min-height: 400px;\n                            background-image: url(\'{{media url=&quot;wysiwyg/smartwave/porto/homepage/29/shop29_home_banner5.jpg&quot;}}\');\n                            margin-bottom: 20px;\n                            padding-left: 20px;\n                            background-color: #000000;\">\n                    <h3 style=\"font-size: 18px; line-height: 1; font-weight: 700; margin-top: 20px; padding: 10px 12px;\" class=\"pt_custom_heading background-color-primary pc-position-absolute pc-top-0 align-left text-uppercase heading-light\">\n                      50% OFF\n                    </h3>\n                    <p style=\"font-size: 13px; color: rgba(255, 255, 255, 0.4); line-height: 1; font-weight: 700;\" class=\"pt_custom_heading custom-font1 mb-1 align-left text-uppercase\">be a kendo warrior</p>\n                    <h2 style=\"font-size: 36px; line-height: 1; font-weight: 800;\" class=\"pt_custom_heading mb-1 ls-negative-25em align-left text-uppercase heading-light\">PROWARRIOR</h2>\n                    <h3 style=\"font-size: 28px; line-height: 1; font-weight: 600;\" class=\"pt_custom_heading mb-0 price align-left heading-light\"><del>$59</del> $29</h3>\n                    <div class=\"btn-container pc-position-absolute pc-bottom-0 d-inline-block\"><button class=\"pt_btn3 btn btn-sm btn-light\">SHOW NOW</button></div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(992,'Porto - About Us','1column',NULL,NULL,'about-porto',NULL,'<br/>\n<div class=\"entry-content\">\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <h2 class=\"word-rotator-title\">The New Way to <strong><span class=\"word-rotate\"><span class=\"word-rotate-items\" style=\"top: 0px;\"><span>success.</span><span>advance.</span><span>progress.</span></span></span></strong></h2>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-10\">\n                    <p class=\"lead\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla non <span class=\"alternative-font\">metus.</span> pulvinar. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut eu risus enim, ut pulvinar lectus. Sed hendrerit nibh.</p>\n                </div>\n                <div class=\"col-lg-2\">\n                    <a class=\"btn btn-primary push-top\" title=\"Join Our Team!\" href=\"#\">Join Our Team!</a>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <hr class=\"tall\"/>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <h3 class=\"\"><strong>Who</strong> We Are</h3>\n                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc <a href=\"#\">vehicula</a> lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, ut feugiat nibh adipiscing <span class=\"alternative-font\">metus</span> sit amet. In eu justo a felis faucibus ornare vel id metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <hr class=\"tall\"/>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <h3 class=\"push-top\">Our <strong>History</strong></h3>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"row\">\n        <div class=\"row-wrapper container\" style=\"margin-bottom: 25px;\">\n            <div class=\"row\">\n                <div class=\"col-lg-12\">\n                    <div class=\"history\">\n                        <div class=\"thumb\">\n                            <img width=\"150\" height=\"150\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/office-1-150x150.jpg\"}}\" class=\"attachment-thumbnail\" alt=\"office-1\"/>\n                        </div>\n                        <div class=\"featured-box\" style=\"height: auto;\">\n                            <div class=\"box-content\">\n                                <h4><strong>2012</strong></h4>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>\n                            </div>\n                        </div><!--.feature-box-->\n                    </div><!--.history-->\n                    <div class=\"history\">\n                        <div class=\"thumb\">\n                            <img width=\"150\" height=\"150\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/office-2-150x150.jpg\"}}\" class=\"attachment-thumbnail\" alt=\"office-2\"/>\n                        </div>\n                        <div class=\"featured-box\" style=\"height: auto;\">\n                            <div class=\"box-content\">\n                                <h4><strong>2010</strong></h4>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia.</p>\n                            </div>\n                        </div><!--.feature-box-->\n                    </div><!--.history-->\n                    <div class=\"history\">\n                        <div class=\"thumb\">\n                            <img width=\"150\" height=\"150\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/office-3-150x150.jpg\"}}\" class=\"attachment-thumbnail\" alt=\"office-3\"/>\n                        </div>\n                        <div class=\"featured-box\" style=\"height: auto;\">\n                            <div class=\"box-content\">\n                                <h4><strong>2005</strong></h4>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>\n                            </div>\n                        </div><!--.feature-box-->\n                    </div><!--.history-->\n                    <div class=\"history\">\n                        <div class=\"thumb\">\n                            <img width=\"150\" height=\"150\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/office-4-150x150.jpg\"}}\" class=\"attachment-thumbnail\" alt=\"office-4\"/>\n                        </div>\n                        <div class=\"featured-box\" style=\"height: auto;\">\n                            <div class=\"box-content\">\n                                <h4><strong>2000</strong></h4>\n                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus, Curabitur pellentesque neque eget diam posuere porta. Quisque ut nulla at nunc vehicula lacinia. Proin adipiscing porta tellus,</p>\n                            </div>\n                        </div><!--.feature-box-->\n                    </div><!--.history-->\n                </div>\n            </div>\n        </div>\n    </div>\n</div>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(993,'Porto - About Us 1','1column',NULL,NULL,'about-porto-1',NULL,'<div class=\"content-row\" style=\"border: 0;\">\n    <h2>THE NEW WAY TO SUCCESS</h2>\n    <h4>Who we are</h4>\n    <div class=\"row\">\n        <div class=\"col-lg-6\">\n            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>\n            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>\n        </div>\n        <div class=\"col-lg-6\">\n            <p>Quisque congue dignissim dui sed luctus. Morbi nec mi vitae magna finibus ullamcorper. Etiam mattis blandit convallis. Suspendisse eu elementum leo. Vestibulum molestie nunc et efficitur egestas. Vivamus arcu lectus, laoreet vel consectetur bibendum, elementum non nunc. Proin porttitor velit odio, ac mattis quam tincidunt eget. Fusce semper nunc eget efficitur efficitur. Nam ullamcorper, enim id tincidunt feugiat, velit mauris fermentum nulla, at tempor eros turpis sit amet massa. Ut a semper lectus, sed hendrerit risus. In hac habitasse platea dictumst. Curabitur venenatis cursus posuere. Praesent turpis nisi, aliquam at facilisis non, sagittis vel urna. Donec diam lorem, feugiat vitae laoreet in, sagittis a lorem.</p>\n            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\">\n    <h2>OUR HISTORY</h2>\n    <div class=\"row\" style=\"margin-bottom: 20px;\">\n        <div class=\"col-lg-5\">\n            <div id=\"custom-owl-slider-aboutus-1\" class=\"owl-carousel\">\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide1.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide2.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide3.jpg\"}}\" alt=\"\" />\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n                require([\n                    \'jquery\',\n                    \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                    $(\"#custom-owl-slider-aboutus-1\").owlCarousel({\n                        items: 1,\n                        autoplay: false,\n                        autoplayTimeout: 5000,\n                        autoplayHoverPause: true,\n                        dots: true,\n                        nav: false,\n                        navRewind: true,\n                        animateIn: \'fadeIn\',\n                        animateOut: \'fadeOut\',\n                        loop: true\n                    });\n                });\n            </script>\n        </div>\n        <div class=\"col-lg-7\">\n            <h4>2014</h4>\n            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>\n            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>\n        </div>\n    </div>\n    <div class=\"row\" style=\"margin-bottom: 20px;\">\n        <div class=\"col-lg-7\">\n            <h4>2015</h4>\n            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>\n            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>\n        </div>\n        <div class=\"col-lg-5\">\n            <div id=\"custom-owl-slider-aboutus-2\" class=\"owl-carousel\">\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide2.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide3.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide1.jpg\"}}\" alt=\"\" />\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n                require([\n                    \'jquery\',\n                    \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                    $(\"#custom-owl-slider-aboutus-2\").owlCarousel({\n                        items: 1,\n                        autoplay: false,\n                        autoplayTimeout: 5000,\n                        autoplayHoverPause: true,\n                        dots: true,\n                        nav: false,\n                        navRewind: true,\n                        animateIn: \'fadeIn\',\n                        animateOut: \'fadeOut\',\n                        loop: true\n                    });\n                });\n            </script>\n        </div>\n    </div>\n    <div class=\"row\" style=\"margin-bottom: 20px;\">\n        <div class=\"col-lg-5\">\n            <div id=\"custom-owl-slider-aboutus-3\" class=\"owl-carousel\">\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide3.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide1.jpg\"}}\" alt=\"\" />\n                </div>\n                <div class=\"item\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/slide2.jpg\"}}\" alt=\"\" />\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n                require([\n                    \'jquery\',\n                    \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                    $(\"#custom-owl-slider-aboutus-3\").owlCarousel({\n                        items: 1,\n                        autoplay: false,\n                        autoplayTimeout: 5000,\n                        autoplayHoverPause: true,\n                        dots: true,\n                        nav: false,\n                        navRewind: true,\n                        animateIn: \'fadeIn\',\n                        animateOut: \'fadeOut\',\n                        loop: true\n                    });\n                });\n            </script>\n        </div>\n        <div class=\"col-lg-7\">\n            <h4>2016</h4>\n            <p>Aliquam consectetur et lorem semper scelerisque. Proin est nibh, vestibulum vitae congue nec, tristique eu justo. Maecenas eu nunc lacinia, porta lorem vitae, viverra velit. Nulla dolor libero, rhoncus quis luctus eu, fermentum sed leo. Morbi ut risus porttitor odio sodales pulvinar. Sed gravida nulla sed sapien vulputate, eget malesuada justo egestas. Pellentesque sem mi, vulputate ac iaculis sit amet, sagittis feugiat dui. Proin non pellentesque leo. Vestibulum varius laoreet posuere. Etiam fringilla diam odio.</p>\n            <p>Nulla felis nibh, bibendum a leo ut, egestas ornare felis. Nam pretium mauris justo, eget commodo est fringilla vel. Proin condimentum, lacus sit amet finibus gravida, sapien ligula mattis leo, sit amet mattis leo lacus sit amet lectus. Nulla facilisi. Etiam porta iaculis velit id pulvinar. Sed dolor odio, eleifend eget aliquam vitae, efficitur vitae dolor. Integer ornare neque ac leo sollicitudin, at vestibulum ante scelerisque. Nullam ut elit sed lorem tempus feugiat in et lectus. Mauris interdum molestie placerat. Nullam dolor nunc, elementum et tincidunt id, vestibulum quis turpis. Integer imperdiet a eros a laoreet. Nam mattis vel ligula non imperdiet. Suspendisse potenti. Fusce purus sem, dapibus eu fermentum eget, aliquam vehicula ligula.</p>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\n.content-row {\n    border-top: 1px solid #dfdfdf;\n    padding: 40px 0;\n}\n.content-row:first-child {\n    border-top: 0;\n}\nh2 {\n    font-family: \"Oswald\";\n    font-size: 30px;\n    color: #000;\n    font-weight: 700;\n    letter-spacing: 1px;\n    margin: 0;\n    margin-bottom: 60px;\n    line-height: 1;\n}\nh4 {\n    font-size: 20px;\n    font-weight: 400;\n    color: #000;\n    line-height: 1;\n    margin: 0;\n    margin-top: 5px;\n    margin-bottom: 30px;\n}\n@media(min-width: 1680px) {\n    .content-row {\n        padding: 60px 100px;\n    }\n    .content-row > .row {\n        margin: 0 -30px;\n    }\n    .content-row > .row > div {\n        padding: 0 30px;\n    }\n    h2 {\n        font-size: 40px;\n        margin-bottom: 80px;\n    }\n    h4 {\n        font-size: 25px;\n        margin-bottom: 40px;\n    }\n}\n@media(min-width: 1900px) {\n    .content-row {\n        padding: 80px 190px;\n    }\n    .content-row > .row {\n        margin: 0 -50px;\n    }\n    .content-row > .row > div {\n        padding: 0 50px;\n    }\n    h2 {\n        font-size: 50px;\n        margin-bottom: 100px;\n    }\n    h4 {\n        font-size: 30px;\n        margin-bottom: 50px;\n    }\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(994,'Porto - About Us 2','1column',NULL,NULL,'about-porto-2',NULL,'<div class=\"content-row\" style=\"padding: 71px 0 75px;\">\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-12\">\n        <h2>Who we are</h2>\n        <p style=\"margin-bottom: 40px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et<br>dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex<br>ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat<br>nulla pariatur. Excepteur sint occaecat.</p>\n        <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/about-image.jpg\"}}\" class=\"img-responsive\" alt=\"\" style=\"max-width: 100%;\" />\n      </div>\n    </div>\n    <div class=\"row\" style=\"margin: 50px 0 0;\">\n      <div class=\"col-md-2\"></div>\n      <div class=\"col-md-8 brand-item\">\n        <span>50+<b>Fashion Brands</b></span>\n        <span>150+<b>Fashion Products</b></span>\n        <span>250+<b>Regular Buyers</b></span>\n      </div>\n      <div class=\"col-md-2\"></div>\n    </div>\n  </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#efefef;padding: 71px 0 75px;\">\n  <div class=\"container\">\n    <h2>Our History</h2>\n  </div>\n  <div class=\"container\">\n    <div class=\"row\">\n      <div class=\"col-md-4\">\n        <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/about-image2.jpg\"}}\" class=\"img-responsive\" alt=\"\">\n      </div>\n      <div class=\"col-md-8\">\n        <div class=\"filter-history\" style=\"padding-top: 35px;\">\n          <div class=\"tab-main-content\">\n            <div class=\"tab-content\" id=\"h2016_contents\">\n              <h3>2016</h3>\n              <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p>\n            </div>\n            <div class=\"tab-content\" id=\"h2014_contents\" style=\"display: none;\">\n              <h3>2014</h3>\n              <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p>\n            </div>\n            <div class=\"tab-content\" id=\"h2012_contents\" style=\"display: none;\">\n              <h3>2012</h3>\n              <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p>\n            </div>\n            <div class=\"tab-content\" id=\"h2010_contents\" style=\"display: none;\">\n              <h3>2016</h3>\n              <p>Eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim<br>veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo<br>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br>dolore eu fugiat nulla pariatur. Excepteur sint occaecat.</p>\n            </div>\n          </div>\n          <ul class=\"nav-tabs\">\n            <li id=\"h2016\" class=\"active\"><a href=\"javascript:void(0)\">2016</a></li>\n            <li id=\"h2014\" class=\"\"><a href=\"javascript:void(0)\">2014</a></li>\n            <li id=\"h2012\" class=\"\"><a href=\"javascript:void(0)\">2012</a></li>\n            <li id=\"h2010\" class=\"\"><a href=\"javascript:void(0)\">2010</a></li>\n          </ul>\n        </div>\n        <script type=\"text/javascript\">\n            require([\n                \'jquery\'\n            ], function ($) {\n                $(\".nav-tabs > li > a\").off(\"click\").on(\"click\",function(){\n                    $(this).parent().parent().children(\"li\").removeClass(\"active\");\n                    $(this).parent().parent().parent().children(\".tab-main-content\").children(\".tab-content\").hide();\n                    $(\"#\" + $(this).parent().attr(\"id\") + \"_contents\").show();\n                    $(this).parent().addClass(\"active\");\n                });\n            });\n        </script>\n      </div>\n    </div>\n  </div>\n</div>\n<style>\n  .main-container,.col-main {\n    padding: 0;\n  }\n  .main.container {\n    width: 100%;\n    padding: 0;\n  }\n  .content-row {\n    text-align:center;\n    font-size: 15px;\n    line-height: 27px;\n    letter-spacing: 0.005em;\n  }\n  .content-row h2 {\n    font-size: 25px;\n    font-weight: 700;\n    color:#21293c;\n    text-transform: uppercase;\n    margin-bottom: 30px;\n    line-height: 1;\n  }\n  .content-row .brand-item span {\n    font-family: \'Oswald\';\n    font-size:36px;\n    font-weight:400;\n    text-align:center;\n    color:#21293c;\n    display:inline-block;\n    padding: 0 35px;\n  }\n  .content-row .brand-item b {\n    font-family:\'Open Sans\';\n    font-size:16px;\n    color:#7a7d82;\n    font-weight:400;\n    display:block;\n    padding-top: 10px;\n  }\n  .filter-history .tab-content {\n    width: calc(100% - 73px);\n    display: inline-block;\n    float: left;\n    text-align: left;\n    font-size: 15px;\n    letter-spacing: 0.005em;\n    line-height: 27px;\n    padding-left: 30px;\n  }\n  .filter-history .tab-content h3 {\n    font-family: \'Oswald\';\n    font-size: 30px;\n    font-weight: 400;\n    color: #21293c;\n    margin-bottom: 32px;\n  }\n  .filter-history .nav-tabs {\n    width: 73px;\n    list-style: none;\n    display: inline-block;\n    padding: 0;\n    margin-top: 43px;\n  }\n  .filter-history .nav-tabs li {\n    display: block;\n  }\n  .filter-history .nav-tabs li a {\n    font-family: \'Oswald\';\n    font-size: 18px;\n    font-weight: 400;\n    letter-spacing: 0.05em;\n    color: #979797;\n    padding: 14px 3px;\n    display: block;\n    position: relative;\n    text-align: right;\n  }\n  .filter-history .nav-tabs li.active a {\n    color: #21293c;\n  }\n  .filter-history .nav-tabs li a:before {\n    content: \"\\f883\";\n    color: #979797;\n    font-family: \'porto-icons\';\n    font-size: 10px;\n    padding-right: 20px;\n    margin-top: -5px;\n    position: absolute;\n    top: 21px;\n    left: 0;\n  }\n  .filter-history .nav-tabs li.active a:before {\n    color: #6f727b;\n  }\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(995,'Porto - About Us 3','1column',NULL,NULL,'about-porto-3',NULL,'<div class=\"content-row\" style=\"padding: 30px 0 40px;\">\n    <h2>WHO WE ARE</h2>\n    <div class=\"row\">\n        <div class=\"col-lg-8\">\n            <p style=\"font-family:\'Open Sans\';font-size:14px;font-weight:400;color:#676a6d;margin:0;margin-bottom: 15px;line-height:2;padding-right: 25px;\">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. posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In eu libero ligula. Fusce eget metus lorem, ac viverra leo. desktop publishing software like Aldus PageMaker including versions. was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently.</p>\n        </div>\n        <div class=\"col-lg-4\">\n            <div class=\"support-block\">\n                <div>\n                    <i class=\"porto-icon-shipped\"></i>\n                    <h3>FREE SHIPPING & RETURN</h3>\n                    <p>Free shipping on all orders over $99.</p>\n                </div>\n                <div>\n                    <i class=\"porto-icon-us-dollar\"></i>\n                    <h3>MONEY BACK GUARANTEE</h3>\n                    <p>100% money back guarantee</p>\n                </div>\n                <div>\n                    <i class=\"porto-icon-online-support\"></i>\n                    <h3>ONLINE SUPPORT 24/7</h3>\n                    <p>Lorem ipsum dolor sit amet.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#efefef;padding:50px 0 57px;\">\n    <div class=\"container\">\n        <h2>OUR TEAM</h2>\n        <div class=\"row\">\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\" />\n                    <h5>JANE DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\" />\n                    <h5>JOHN DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\" />\n                    <h5>GEORGE DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\" />\n                    <h5>ALICE DOE</h5>\n                </div>\n            </div>\n        </div>\n        <button class=\"btn\" style=\"font-family: \'Oswald\';font-weight: 400;font-size: 14px;color: #fff;background-color: #111;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;line-height: 1.5;height: auto;border: 0;\">JOIN OUR TEAM</button>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding-top: 55px;\">\n    <h2>OUR HISTORY</h2>\n    <div class=\"row\">\n        <div class=\"col-lg-6\">\n            <div class=\"history-item\">\n                <div class=\"image-area\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/history-1.jpg\"}}\" alt=\"\" />\n                    <span>2000</span>\n                </div>\n                <div class=\"content-area\">\n                    <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.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-lg-6\">\n            <div class=\"history-item\">\n                <div class=\"image-area\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/history-2.jpg\"}}\" alt=\"\" />\n                    <span>2010</span>\n                </div>\n                <div class=\"content-area\">\n                    <p>Readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for \'lorem ipsum\' will uncover many web sites.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-lg-6\">\n            <div class=\"history-item\">\n                <div class=\"image-area\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/history-3.jpg\"}}\" alt=\"\" />\n                    <span>2015</span>\n                </div>\n                <div class=\"content-area\">\n                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don\'t look even slightly.</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"col-lg-6\">\n            <div class=\"history-item\">\n                <div class=\"image-area\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/history-4.jpg\"}}\" alt=\"\" />\n                    <span>2018</span>\n                </div>\n                <div class=\"content-area\">\n                    <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from \"de Finibus Bonorum et Malorum.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\n.content-row h2 {\n    font-size: 21px;\n    color: #252525;\n    font-weight: 700;\n    font-family: \'Open Sans\';\n    margin-bottom: 15px;\n}\n.support-block {\n    border: 1px solid #dedede;\n    border-bottom: 0;\n}\n.support-block > div {\n    border-bottom: 1px solid #dedede;\n    padding: 10px;\n    line-height: 1.4;\n}\n.support-block > div:after {\n    content: \'\';\n    display: table;\n    clear: both;\n}\n.support-block > div > i {\n    font-size: 38px;\n    color: #252525;\n    float: left;\n    margin: 0 15px;\n}\n.support-block > div > h3 {\n    color: #252525;\n    font-family: \'Open Sans\';\n    font-size: 14px;\n    font-weight: 600;\n    margin: 5px 0;\n}\n.support-block > div > p {\n    margin: 0;\n    font-family: \'Open Sans\';\n    font-size: 13px;\n    font-weight: 400;\n    color: #839199;\n    line-height: 1.4;\n    margin-left: 83px;\n}\n.team-member {\n    background-color: #fff;\n    margin-bottom: 28px;\n    transition: all 0.3s;\n}\n.team-member:hover {\n    box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);\n}\n.team-member img {\n    width: 100%;\n    display: block;\n}\n.team-member h5 {\n    padding: 30px 0;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 16px;\n    line-height: 1;\n    color: #111;\n    font-weight: 400;\n    margin: 0;\n}\n.history-item {\n    display: flex;\n    margin: 10px 0;\n}\n.history-item > .image-area {\n    position: relative;\n}\n.history-item > .image-area span {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: 100%;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 54px;\n    font-weight: 300;\n    line-height: 1;\n    color: #fff;\n    margin-top: -27px;\n}\n.history-item > .content-area {\n    border: 1px solid #dedede;\n    border-left: 0;\n    padding: 45px 25px;\n}\n.history-item > .content-area p {\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 5;\n    overflow: hidden;\n    margin: 0;\n    font-family: \'Open Sans\';\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 2;\n    color: #676a6d;\n}\n.history-item > .image-area img {\n    max-width: none;\n    display: block;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(996,'Porto - About Us 4','1column',NULL,NULL,'about-porto-4',NULL,'<div class=\"content-row\" style=\"padding: 40px 0 60px;\">\n    <h2>OUR STORY</h2>\n    <p style=\"font-family:\'Open Sans\';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;\">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.</p>\n    <p style=\"font-family:\'Open Sans\';font-size:15px;font-weight:400;line-height:1.8;margin-bottom:20px;color:#7b858a;\">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.</p>\n    <p style=\"font-family:\'Open Sans\';font-size:18px;font-weight:400;line-height:1.5;margin-bottom:20px;color:#21293c;\">“ Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model search for evolved over sometimes by accident, sometimes on purpose  ”</p>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#efefef;padding:50px 0 57px;\">\n    <div class=\"container\">\n        <h2>WHY CHOOSE US</h2>\n        <div class=\"row\">\n            <div class=\"col-lg-4\">\n                <div class=\"service-block\">\n                    <i class=\"porto-icon-shipped theme-color\"></i>\n                    <h3>Free Shipping</h3>\n                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industr.</p>\n                </div>\n            </div>\n            <div class=\"col-lg-4\">\n                <div class=\"service-block\">\n                    <i class=\"porto-icon-us-dollar theme-color\"></i>\n                    <h3>100% money back guarantee.</h3>\n                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>\n                </div>\n            </div>\n            <div class=\"col-lg-4\">\n                <div class=\"service-block\">\n                    <i class=\"porto-icon-online-support theme-color\"></i>\n                    <h3>Online Support 24/7</h3>\n                    <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding: 50px 0 40px;\">\n    <h2 style=\"text-align: center;margin-bottom: 40px;\">HAPPY CLIENTS</h2>\n    <div id=\"testimonials-slider\" class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client1.png\"}}\" alt=\"\"/></div>\n                <p><strong>John Smith</strong><span>Porto CO SEO</span></p>\n            </div>\n            <blockquote class=\"testimonial\">\n                <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p>\n            </blockquote>\n        </div>\n        <div class=\"item\">\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client2.png\"}}\" alt=\"\"/></div>\n                <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p>\n            </div>\n            <blockquote class=\"testimonial\">\n                <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing cas non placerat mi.</p>\n            </blockquote>\n        </div>\n    </div>\n    <script type=\"text/javascript\">\n    require([\n        \'jquery\',\n        \'owl.carousel/owl.carousel.min\'\n    ], function ($) {\n        $(\"#testimonials-slider\").owlCarousel({\n            autoplay: true,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            margin: 0,\n            nav: false,\n            dots: false,\n            navRewind: true,\n            animateIn: \'fadeIn\',\n            animateOut: \'fadeOut\',\n            loop: true,\n            responsive: {\n                0: {\n                    items:1\n                },\n                768: {\n                    items:1\n                },\n                992: {\n                    items:1\n                },\n                1200: {\n                    items:2\n                }\n            }\n        });\n    });\n    </script>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#efefef;\">\n    <div class=\"container\">\n        <div class=\"counters\">\n            <div class=\"row\">\n                <div class=\"col-lg-2 col-md-4 col-6\">\n                    <div class=\"counter counter-primary\" data-appear-animation=\"bounceIn\" data-appear-animation-delay=\"300\">\n                        <strong data-to=\"200\" data-append=\"+\">200+</strong>\n                        <label>MILLION CUSTOMERS</label>\n                    </div>\n                </div>\n                <div class=\"col-lg-2 col-md-4 col-6\">\n                    <div class=\"counter counter-primary\" data-appear-animation=\"bounceIn\" data-appear-animation-delay=\"600\">\n                        <strong data-to=\"1800\" data-append=\"+\">1800+</strong>\n                        <label>TEAM MEMBERS</label>\n                    </div>\n                </div>\n                <div class=\"col-lg-2 col-md-4 col-6\">\n                    <div class=\"counter counter-primary\" data-appear-animation=\"bounceIn\" data-appear-animation-delay=\"900\">\n                        <strong data-to=\"24\" data-append=\"<span>HR</span>\">24<span>HR</span></strong>\n                        <label>SUPPORT AVAILABLE</label>\n                    </div>\n                </div>\n                <div class=\"col-lg-2 col-md-4 col-6\">\n                    <div class=\"counter counter-primary\" data-appear-animation=\"bounceIn\" data-appear-animation-delay=\"1200\">\n                        <strong data-to=\"265\" data-append=\"+\">265+</strong>\n                        <label>CUP OF COFFEE</label>\n                    </div>\n                </div>\n                <div class=\"col-lg-2 col-md-4 col-6\">\n                    <div class=\"counter counter-primary\" data-appear-animation=\"bounceIn\" data-appear-animation-delay=\"1200\">\n                        <strong data-to=\"99\" data-append=\"<span>%</span>\">99<span>%</span></strong>\n                        <label>POSITIVE REVIEWS</label>\n                    </div>\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n                // Counter\n                require([\n                    \'jquery\'\n                ], function ($) {\n                    \'use strict\';\n                    if ($.isFunction($.fn[\'themePluginCounter\'])) {\n                        $(function() {\n                            $(\'[data-plugin-counter]:not(.manual), .counters [data-to]\').each(function() {\n                                var $this = $(this), opts;\n                                var pluginOptions = $this.data(\'plugin-options\');\n                                if (pluginOptions)\n                                    opts = pluginOptions;\n                                $this.themePluginCounter(opts);\n                            });\n                        });\n                    }\n                });\n            </script>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\nh2 {\n    font-family: \'Open Sans\';\n    font-size: 19px;\n    font-weight: 700;\n    color: #21293c;\n    margin-bottom: 20px;\n}\n.service-block {\n    background-color: #fff;\n    padding: 30px 45px 40px 45px;\n}\n.service-block > i {\n    font-size: 50px;\n    margin: 0 -10px;\n}\n.service-block > h3 {\n    font-family: \'Open Sans\';\n    font-size: 18px;\n    line-height: 2;\n    font-weight: 600;\n    color: #21293c;\n    margin-bottom: 15px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n.service-block > p {\n    font-family: \'Open Sans\';\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 2;\n    color: #7b858a;\n    margin: 0;\n    height: 120px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 4;\n}\nblockquote.testimonial {\n    border: 0;\n    background-color: transparent !important;\n    color: #62615e;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 24px;\n    font-weight: 400;\n    font-family: \'Open Sans\';\n    margin: 0;\n    padding: 15px 30px 15px 50px;\n    float: left;\n    margin-top: 5px;\n    position: relative;\n    margin-left: 73px;\n}\nblockquote.testimonial p {\n    line-height: 1.8;\n}\nblockquote.testimonial:before {\n    left: 10px;\n    top: 0;\n    content: \"\\201C\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #08c;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 54px;\n}\n.testimonial-arrow-down {\n    border:15px solid transparent;\n    border-top-color:#08c;\n    border-bottom:0;\n    height:0;\n    margin:0 0 0 25px;\n    width:0;\n}\n.testimonial-author {\n    margin:8px 0 0 8px;\n}\n.testimonial-author .img-thumbnail {\n    float: left;\n    margin-right: 25px;\n    position: relative;\n    line-height: 1.5;\n    background-color: #fff;\n    display: inline-block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 50% !important;\n}\n.testimonial-author .img-thumbnail img {\n    max-width:60px;\n    display:inline-block;\n    height:auto;\n}\n.testimonial-author p {\n    color:#666;\n    margin:0 0 0 25px;\n    text-align:left;\n    line-height:24px;\n    text-transform: uppercase;\n}\n.testimonial-author p >strong {\n    color:#111;\n    display:block;\n    padding-top:7px;\n    font-size:14px;\n}\n.testimonial-author span {\n    color:#666;\n    display:block;\n    font-size:12px;\n}\n.page-main {\n    padding-bottom: 0;\n}\n.columns .column.main {\n    padding-bottom: 0;\n}\n.counters {\n    padding-bottom: 20px;\n}\n.counter {\n    padding: 40px 0;\n}\n.counter > label {\n    display: block;\n    font-family: \'Open Sans\';\n    font-size: 14px;\n    font-weight: 400;\n    color: #7b858a;\n}\n.counter > strong {\n    font-family: \'Open Sans\';\n    font-size: 32px;\n    font-weight: 800;\n    color: #08c;\n}\n.counter > strong span {\n    font-size: 19px;\n}\n@media (min-width: 992px) {\n    .counters .col-lg-2 {\n        -webkit-flex: 0 0 20%;\n        -moz-flex: 0 0 20%;\n        -ms-flex: 0 0 20%;\n        flex: 0 0 20%;\n        max-width: 20%;\n    }\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_4_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(997,'Porto - About Us 7','1column',NULL,NULL,'about-porto-7',NULL,'<div class=\"content-row\" style=\"padding: 35px 0 75px;\">\n    <h2 style=\"font-size:30px;text-align:center;margin-bottom:30px;\">ABOUT US</h2>\n    <p style=\"font-size:14px;color:#7b7f83;line-height:2;text-align:center;margin:0 auto;max-width:835px;\">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.</p>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#f2f4f6; padding: 70px 0;\">\n    <div class=\"container\">\n        <div class=\"owl-side-narrow\">\n            <div id=\"brands-slider-about\" class=\"owl-carousel owl-theme\">\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand1.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand2.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand3.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand4.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand5.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand1.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand2.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand3.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand4.png\"}}\"/>\n                </div>\n                <div class=\"item\" style=\"padding:10px 0;\">\n                    <img alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand5.png\"}}\"/>\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n            require([\n                \'jquery\',\n                \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n                $(\"#brands-slider-about\").owlCarousel({\n                    autoplay: true,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    margin: 0,\n                    nav: true,\n                    dots: false,\n                    navRewind: true,\n                    loop: true,\n                    navText: [\"<i class=\'porto-icon-left-open-big\'></i>\",\"<i class=\'porto-icon-right-open-big\'></i>\"],\n                    responsive: {\n                        0: {\n                            items:2\n                        },\n                        768: {\n                            items:4\n                        },\n                        992: {\n                            items:5\n                        },\n                        1200: {\n                            items:5\n                        }\n                    }\n                });\n            });\n            </script>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding:50px 0 0;\">\n    <h2 style=\"font-size:16px;margin-bottom:40px;position:relative;\"><span style=\"position:relative;z-index:1;background-color:#fff;padding-right:30px;\">OUR TEAM</span><hr style=\"position:absolute;left:0;top:50%;width:100%;margin:0;border:0;border-top:1px solid #dde0e2;margin-top:-1px;z-index:0;\"></h2>\n    <div class=\"row\">\n        <div class=\"col-md-3 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\">\n                <h5>JANE DOE</h5>\n            </div>\n        </div>\n        <div class=\"col-md-3 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\">\n                <h5>JOHN DOE</h5>\n            </div>\n        </div>\n        <div class=\"col-md-3 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\">\n                <h5>GEORGE DOE</h5>\n            </div>\n        </div>\n        <div class=\"col-md-3 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\">\n                <h5>ALICE DOE</h5>\n            </div>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\n.content-row h2 {\n    font-size: 21px;\n    color: #252525;\n    font-weight: 700;\n    font-family: \'Open Sans\';\n    margin-bottom: 15px;\n}\n.team-member {\n    background-color: #fff;\n    margin-bottom: 28px;\n    transition: all 0.3s;\n}\n.team-member:hover {\n    box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);\n}\n.team-member img {\n    width: 100%;\n    display: block;\n}\n.team-member h5 {\n    padding: 30px 0;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 16px;\n    line-height: 1;\n    color: #111;\n    font-weight: 400;\n    margin: 0;\n}\n.owl-side-narrow {\n    margin: 0 -10px;\n}\n.owl-side-narrow .owl-controls .owl-nav [class*=owl-] {\n    color: #c5c5c5;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    font-size: 24px;\n    position: absolute;\n    top: 50%;\n    margin-top: -18px;\n}\n.owl-side-narrow .owl-controls .owl-nav .owl-prev {\n    left: 0;\n}\n.owl-side-narrow .owl-controls .owl-nav .owl-next {\n    right: 0;\n}\n.owl-side-narrow .owl-carousel {\n    padding: 0 80px;\n}\n.owl-side-narrow .owl-carousel .owl-item.loading {\n    min-height: 60px;\n}\n.owl-side-narrow .owl-controls {\n    margin: 0;\n}\n#brands-slider-about img {\n    opacity: 0.5;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_7_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(998,'Porto - About Us 8','1column',NULL,NULL,'about-porto-8',NULL,'<div class=\"content-row\" style=\"padding: 30px 0 40px;\">\n    <div class=\"row\">\n        <div class=\"col-lg-7\">\n            <h2>OUR HISTORY</h2>\n            <p style=\"font-family:\'Open Sans\';font-size:15px;font-weight:400;color:#767f84;margin-bottom:20px;line-height:2;padding-right: 25px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus a eros in venenatis. Cras mauris arcu, suscipit id lacinia sed, pulvinar in urna. Donec urna nisi, efficitur fermentum ullamcorper non, mattis et est. Nullam malesuada leo leo, non tempus turpis accumsan a. Sed tincidunt feugiat purus, sed lobortis justo consequat in. Phasellus lectus magna, accumsan eget felis in, hendrerit malesuada lectus. Duis orci nunc, vulputate vel sapien nec, sodales sollicitudin ligula.</p>\n        </div>\n        <div class=\"col-lg-5\">\n            <h2>CLIENT REVIEWS</h2>\n            <div id=\"testimonials-slider\" class=\"owl-carousel owl-theme\">\n                <div class=\"item\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client1.png\"}}\" alt=\"\"/></div>\n                        <p><strong>John Smith</strong><span>Porto CO SEO</span></p>\n                    </div>\n                    <blockquote class=\"testimonial\">\n                        <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p>\n                    </blockquote>\n                </div>\n                <div class=\"item\">\n                    <div class=\"testimonial-author\">\n                        <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client2.png\"}}\" alt=\"\"/></div>\n                        <p><strong>Bob Smith</strong><span>Porto CO SEO</span></p>\n                    </div>\n                    <blockquote class=\"testimonial\">\n                        <p>Lorem ipsum dolor sit amet, consectetur elitad adipiscing Cras non placerat mipsum dolor sit amet, consectetur elitad adipiscing.</p>\n                    </blockquote>\n                </div>\n            </div>\n            <script type=\"text/javascript\">\n            require([\n                \'jquery\',\n                \'owl.carousel/owl.carousel.min\'\n            ], function ($) {\n                $(\"#testimonials-slider\").owlCarousel({\n                    items: 1,\n                    autoplay: true,\n                    autoplayTimeout: 5000,\n                    autoplayHoverPause: true,\n                    margin: 0,\n                    nav: false,\n                    dots: false,\n                    navRewind: true,\n                    animateIn: \'fadeIn\',\n                    animateOut: \'fadeOut\',\n                    loop: true\n                });\n            });\n            </script>\n        </div>\n    </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#f1f1f1;padding:50px 0 30px;\">\n    <div class=\"container\">\n        <h2>PHOTO GALLERY</h2>\n        <div class=\"photo-gallery\">\n            <div class=\"row\">\n                <div class=\"col-6 col-md-3\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/8/gallery1.jpg\"}}\" alt=\"\" style=\"width: 100%;margin-bottom:30px;\"/>\n                </div>\n                <div class=\"col-6 col-md-3\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/8/gallery2.jpg\"}}\" alt=\"\" style=\"width: 100%;margin-bottom:30px;\"/>\n                </div>\n                <div class=\"col-6 col-md-3\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/8/gallery3.jpg\"}}\" alt=\"\" style=\"width: 100%;margin-bottom:30px;\"/>\n                </div>\n                <div class=\"col-6 col-md-3\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/8/gallery4.jpg\"}}\" alt=\"\" style=\"width: 100%;margin-bottom:30px;\"/>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding: 60px 0\">\n    <div class=\"row\">\n        <div class=\"col-lg-6\">\n            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/8/our-mission.jpg\"}}\" alt=\"\" style=\"width: 100%;\" />\n        </div>\n        <div class=\"col-lg-6\">\n            <div style=\"padding:45px 0 45px 20px;\">\n                <h2>OUR MISSION</h2>\n                <p style=\"font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;\">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.</p>\n                <h2>OUR VISION</h2>\n                <p style=\"font-size:15px;font-weight:400;line-height:1.8;color:#767f84;margin-bottom:0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;max-height: 77px;\">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 look now. </p>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#f1f1f1;\">\n    <div class=\"container\">\n        <div class=\"support-block row\">\n            <div class=\"col-lg-4\">\n                <i class=\"porto-icon-shipped\"></i>\n                <h3>FREE SHIPPING</h3>\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>\n            </div>\n            <div class=\"col-lg-4\">\n                <i class=\"porto-icon-us-dollar\"></i>\n                <h3>100% MONEY BACK GUARANTEE</h3>\n                <p>There are many variations of passages of Lorem Ipsum available, but the majority.</p>\n            </div>\n            <div class=\"col-lg-4\">\n                <i class=\"porto-icon-online-support\"></i>\n                <h3>ONLINE SUPPORT 24/7</h3>\n                <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>\n            </div>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\n.content-row h2 {\n    font-size: 16px;\n    font-family: \'Oswald\';\n    color: #282d3b;\n    font-weight: 700;\n    line-height: 1;\n    padding: 10px 0;\n    border-bottom: 1px solid #e7e7e7;\n    margin-bottom: 30px;\n}\nblockquote.testimonial {\n    border: 0;\n    background-color: transparent !important;\n    color: #62615e;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 24px;\n    font-weight: 400;\n    font-family: \'Open Sans\';\n    margin: 0;\n    padding: 15px 30px 15px 50px;\n    float: left;\n    margin-top: 5px;\n    position: relative;\n    margin-left: 73px;\n}\nblockquote.testimonial p {\n    line-height: 1.8;\n}\nblockquote.testimonial:before {\n    left: 10px;\n    top: 0;\n    content: \"\\201C\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #ee3d43;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 54px;\n}\n.testimonial-arrow-down {\n    border:15px solid transparent;\n    border-top-color:#ee3d43;\n    border-bottom:0;\n    height:0;\n    margin:0 0 0 25px;\n    width:0;\n}\n.testimonial-author {\n    margin:8px 0 0 8px;\n}\n.testimonial-author .img-thumbnail {\n    float: left;\n    margin-right: 25px;\n    position: relative;\n    line-height: 1.5;\n    background-color: #fff;\n    display: inline-block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 50% !important;\n}\n.testimonial-author .img-thumbnail img {\n    max-width:60px;\n    display:inline-block;\n    height:auto;\n}\n.testimonial-author p {\n    color:#666;\n    margin:0 0 0 25px;\n    text-align:left;\n    line-height:24px;\n    text-transform: uppercase;\n}\n.testimonial-author p >strong {\n    color:#111;\n    display:block;\n    padding-top:7px;\n    font-size:14px;\n}\n.testimonial-author span {\n    color:#666;\n    display:block;\n    font-size:12px;\n}\n.columns .column.main {\n    padding-bottom: 0;\n}\n.support-block {\n}\n.support-block > div {\n    padding: 50px 15px 50px 5px;\n    line-height: 1.4;\n}\n.support-block > div:after {\n    content: \'\';\n    display: table;\n    clear: both;\n}\n.support-block > div > i {\n    font-size: 55px;\n    color: #ee3d43;\n    float: left;\n    margin: 0 15px 0 0;\n}\n.support-block > div > h3 {\n    color: #21293c;\n    font-family: \'Oswald\';\n    font-size: 14px;\n    font-weight: 700;\n    margin: 10px 0;\n}\n.support-block > div > p {\n    margin: 0;\n    font-family: \'Open Sans\';\n    font-size: 15px;\n    font-weight: 400;\n    color: #7b858a;\n    line-height: 1.8;\n    margin-left: 92px;\n    letter-spacing: -0.5px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n    overflow: hidden;\n    max-height: 60px;\n}\n.page-main {\n    padding-bottom: 0;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_8_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(999,'Porto - About Us 9','1column',NULL,NULL,'about-porto-9',NULL,'<div class=\"content-row\" style=\"padding: 50px 0 60px;\">\n    <p style=\"font-family:\'Open Sans\';font-size:15px;font-weight:400;color:#4a505e;line-height:2;max-width:660px;text-align:center;margin:0 auto;\">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.</p>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#f1f1f1;position:relative;min-height:450px;\">\n    <div class=\"fullwidth-half-bg\" style=\"background:url({{media url=\"wysiwyg/smartwave/porto/aboutus/9/fullwidth-half-bg.jpg\"}}) center no-repeat;background-size:cover;\"></div>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"offset-lg-6 col-lg-6\" style=\"padding-top:70px;padding-bottom:70px;\">\n                <h2>OUR HISTORY</h2>\n                <div class=\"history-accordion\">\n                    <ul>\n                        <li class=\"active\">\n                            <div class=\"history-title\">2000</div>\n                            <div class=\"history-content\" style=\"display:block;\">\n                                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 .\n                            </div>\n                        </li>\n                        <li>\n                            <div class=\"history-title\">2005</div>\n                            <div class=\"history-content\" style=\"display:none;\">\n                                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 .\n                            </div>\n                        </li>\n                        <li>\n                            <div class=\"history-title\">2010</div>\n                            <div class=\"history-content\" style=\"display:none;\">\n                                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 .\n                            </div>\n                        </li>\n                        <li>\n                            <div class=\"history-title\">2015</div>\n                            <div class=\"history-content\" style=\"display:none;\">\n                                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 .\n                            </div>\n                        </li>\n                        <li>\n                            <div class=\"history-title\">2018</div>\n                            <div class=\"history-content\" style=\"display:none;\">\n                                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 .\n                            </div>\n                        </li>\n                    </ul>\n                </div>\n                <script type=\"text/javascript\">\n                    require([\n                        \'jquery\'\n                    ], function ($) {\n                        $(document).ready(function(){\n                            $(\".history-accordion .history-title\").off(\"click\").on(\"click\",function(){\n                                if(!$(this).parent().hasClass(\"active\")) {\n                                    $(this).parent().parent().children(\"li.active\").children(\".history-content\").slideUp();\n                                    $(this).parent().parent().children(\"li.active\").removeClass(\"active\");\n                                    $(this).parent().addClass(\"active\");\n                                    $(this).parent().children(\".history-content\").slideDown();\n                                } else {\n                                    $(this).parent().removeClass(\"active\");\n                                    $(this).parent().children(\".history-content\").slideUp();\n                                }\n                            });\n                        });\n                    });\n                </script>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row custom-support\" style=\"padding: 60px 0 30px;\">\n    <h2 style=\"margin-bottom: 40px;\">OUR FEATURES</h2>\n    <div class=\"row\">\n        <div class=\"col-md-4\">\n            <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>\n            <div class=\"content\">\n                <h2>Dedicated Service</h2>\n                <p>Consult our specialists for help<br>with an order, customization,<br>or design advice</p>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <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>\n            <div class=\"content\">\n                <h2>Free returns</h2>\n                <p>We stand behind our goods<br>and services and want you to be<br>satisfied with them.</p>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <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>\n            <div class=\"content\">\n                <h2>International shipping</h2>\n                <p>Currently over 50 countries<br>qualify for express international<br>shipping.</p>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#f3f3f3;padding:57px 0;\">\n    <div class=\"container\">\n        <h2 style=\"margin-bottom:20px;\">OUR TEAM</h2>\n        <div id=\"member-slider-about\" class=\"owl-carousel owl-theme\">\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\" />\n                    <h5>JANE DOE</h5>\n                    <span>CEO & FOUNDER</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\" />\n                    <h5>JOHN DOE</h5>\n                    <span>DESIGN</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\" />\n                    <h5>GEORGE DOE</h5>\n                    <span>MARKETING</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\" />\n                    <h5>ALICE DOE</h5>\n                    <span>FINANCIAL</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\" />\n                    <h5>JANE DOE</h5>\n                    <span>CEO & FOUNDER</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\" />\n                    <h5>JOHN DOE</h5>\n                    <span>DESIGN</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\" />\n                    <h5>GEORGE DOE</h5>\n                    <span>MARKETING</span>\n                </div>\n            </div>\n            <div class=\"item\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\" />\n                    <h5>ALICE DOE</h5>\n                    <span>FINANCIAL</span>\n                </div>\n            </div>\n        </div>\n    </div>\n    <script>\n        require([\n            \'jquery\',\n            \'owl.carousel/owl.carousel.min\'\n        ], function ($) {\n            $(\"#member-slider-about\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                margin: 0,\n                nav: false,\n                dots: true,\n                navRewind: true,\n                animateIn: \'fadeIn\',\n                animateOut: \'fadeOut\',\n                loop: true,\n                responsive: {\n                    0: {\n                        items:2\n                    },\n                    768: {\n                        items:3\n                    },\n                    992: {\n                        items:4\n                    },\n                    1200: {\n                        items:4\n                    }\n                }\n            });\n        });\n    </script>\n</div>\n<style type=\"text/css\">\n.top-container >.breadcrumbs {\n    border-bottom: 1px solid #ececec;\n    padding-bottom: 8px;\n}\n.fullwidth-half-bg {\n    width: 100%;\n    min-height: 450px;\n}\n@media (min-width: 992px) {\n    .fullwidth-half-bg {\n        width: 50%;\n        width: calc(50% - 30px);\n        height: 100%;\n        position: absolute;\n        left: 0;\n        top: 0;\n    }\n}\n.content-row h2 {\n    font-size: 16px;\n    font-family: \'Oswald\';\n    color: #282d3b;\n    font-weight: 700;\n    line-height: 1;\n    margin-bottom: 30px;\n}\n.history-accordion > ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n.history-accordion .history-title {\n    font-family: \'Oswald\';\n    font-size: 14px;\n    font-weight: 700;\n    color: #282d3b;\n    padding: 15px 0;\n    border-bottom: 1px solid #e4e4e4;\n    position: relative;\n    cursor: pointer;\n}\n.history-accordion li.active .history-title {\n    color: #7aa93c;\n    border-color: #7aa93c;\n}\n.history-accordion .history-title:after {\n    content: \"\\f882\";\n    font-family: \'porto-icons\';\n    font-size: 10px;\n    line-height: 20px;\n    width: 20px;\n    text-align: center;\n    display: block;\n    position: absolute;\n    right: 20px;\n    top: 16px;\n    color: #7f8284;\n}\n.history-accordion li.active .history-title:after {\n    color: #7aa93c;\n    content: \"\\f883\";\n}\n.history-accordion .history-content {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 2;\n    color: #4a505e;\n    padding: 20px 0;\n}\n.custom-support div.content {\n    padding-bottom: 20px;\n    margin-left: 90px;\n}\n.custom-support div.content>h2 {\n    font-family: \'Open Sans\';\n    font-size: 15px;\n    font-weight: 700;\n    color:#2b2b2d;\n    text-transform: uppercase;\n    line-height: 22px;\n    margin-bottom: 4px;\n}\n.custom-support div.content>p {\n    font-size: 14px;\n    color: #4a505e;\n    letter-spacing: 0.01em;\n    line-height: 27px;\n}\n.team-member span {\n    display: block;\n    font-size: 14px;\n    color: #8c8e94;\n    margin-bottom: 10px;\n}\n.team-member h5 {\n    font-size: 14px;\n    font-weight: 700;\n    color: #282d3b;\n    margin: 25px 0 5px;\n}\n.team-member img {\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n}\n.team-member {\n    background-color: #fff;\n    padding: 25px 0;\n    text-align: center;\n}\n#member-slider-about {\n    margin: 0 -15px;\n}\n#member-slider-about .item {\n    padding: 15px;\n}\n#member-slider-about .owl-dots .owl-dot.active span, #member-slider-about .owl-dots .owl-dot:hover span {\n    background-color: #696969;\n}\n#member-slider-about .owl-dots .owl-dot span {\n    background-color: #d1d1d1;\n    width: 12px;\n    height: 12px;\n    margin: 5px;\n}\n.page-main, .columns .column.main {\n    padding-bottom: 0;\n}\n#member-slider-about .owl-item img {\n    display: inline-block\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_9_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1000,'Porto - About Us 13','1column',NULL,NULL,'about-porto-13',NULL,'<div class=\"content-row\" style=\"padding-bottom:75px;\">\n    <div class=\"row\">\n        <div class=\"col-xl-5\">\n            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/history.jpg\"}}\" style=\"width: 100%;padding-right: 40px;\" alt=\"\" />\n        </div>\n        <div class=\"col-xl-7\">\n            <h2 style=\"text-align:left;margin-bottom:20px;margin-top: 30px;\">OUR HISTORY</h2>\n            <div class=\"row\">\n                <div class=\"col-md-6\">\n                    <p style=\"padding-right: 60px;margin-bottom: 30px;\">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 It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus </p>\n                </div>\n                <div class=\"col-md-6\">\n                    <p style=\"padding-right: 60px;margin-bottom: 30px;\">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 It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"background-color: #e0e2e3;padding-top:75px;padding-bottom:75px;\">\n    <h2>OUR SPECIAL FEATURES<em>Lorem ipsum is simply dummy text</em></h2>\n    <div class=\"support-block row\">\n        <div class=\"col-xl-3 col-lg-6\">\n            <div class=\"support-item\">\n                <i class=\"porto-icon-support\"></i>\n                <h3>ONLINE SUPPORT</h3>\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s </p>\n            </div>\n        </div>\n        <div class=\"col-xl-3 col-lg-6\">\n            <div class=\"support-item\">\n                <i class=\"porto-icon-shipping\"></i>\n                <h3>FREE SHIPPING & RETURN</h3>\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s </p>\n            </div>\n        </div>\n        <div class=\"col-xl-3 col-lg-6\">\n            <div class=\"support-item\">\n                <i class=\"porto-icon-money\"></i>\n                <h3>MONEY BACK GUARANTEE</h3>\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s </p>\n            </div>\n        </div>\n        <div class=\"col-xl-3 col-lg-6\">\n            <div class=\"support-item\">\n                <i class=\"porto-icon-shirt\"></i>\n                <h3>NEW STYLES EVERY DAY</h3>\n                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s </p>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding-bottom:75px;padding-top:75px;\">\n    <h2 style=\"margin-bottom:15px;\">OUR TEAM<em>Lorem ipsum is simply dummy text</em></h2>\n    <div class=\"row\">\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member1.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">JOHN DOE</div>\n            </div>\n        </div>\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member2.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">JOSIE DOE</div>\n            </div>\n        </div>\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member3.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">BOB DOE</div>\n            </div>\n        </div>\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member4.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">HENRY DOE</div>\n            </div>\n        </div>\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member5.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">AMANDA DOE</div>\n            </div>\n        </div>\n        <div class=\"col-lg-2 col-md-4 col-sm-6\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/13/member6.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n                <div class=\"member-detail\">GREG DOE</div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding-top:75px;padding-bottom:75px;\">\n    <h2>TESTIMONIALS<em>What our client says about us</em></h2>\n    <div id=\"testimonials-slider\" class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <blockquote class=\"testimonial\">\n                <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.</p>\n            </blockquote>\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client1.png\"}}\" alt=\"\"/></div>\n                <p><strong>JOHN DOE</strong><span>SEO</span></p>\n            </div>\n        </div>\n        <div class=\"item\">\n            <blockquote class=\"testimonial\">\n                <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.</p>\n            </blockquote>\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client2.png\"}}\" alt=\"\"/></div>\n                <p><strong>BRENDA DOE</strong><span>Founder</span></p>\n            </div>\n        </div>\n    </div>\n    <script type=\"text/javascript\">\n    require([\n        \'jquery\',\n        \'owl.carousel/owl.carousel.min\'\n    ], function ($) {\n        $(\"#testimonials-slider\").owlCarousel({\n            autoplay: true,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            margin: 0,\n            nav: false,\n            dots: false,\n            navRewind: true,\n            animateIn: \'fadeIn\',\n            animateOut: \'fadeOut\',\n            loop: true,\n            responsive: {\n                0: {\n                    items:1\n                },\n                768: {\n                    items:2\n                },\n                992: {\n                    items:2\n                },\n                1200: {\n                    items:2\n                }\n            }\n        });\n    });\n    </script>\n</div>\n<style type=\"text/css\">\n.columns .column.main {\n    padding: 0;\n}\n.content-row {\n    padding: 0 15px;\n}\n.row {\n    margin: 0 -6px;\n}\n.row > [class*=\"col-\"], .row > [class^=\"col-\"] {\n    padding-left: 6px;\n    padding-right: 6px;\n}\n@media(min-width: 768px) {\n    .top-container >.breadcrumbs > .container, .content-row {\n        padding: 0 25px;\n    }\n}\n.content-row h2 {\n    font-size: 24px;\n    font-family: \'Oswald\';\n    color: #141a1f;\n    margin-bottom: 25px;\n    text-align: center;\n}\n.content-row h2 em {\n    font-family: \'Poppins\';\n    font-weight: 400;\n    font-style: normal;\n    font-size: 15px;\n    color: #646a70;\n    display: block;\n    line-height: 2;\n}\n.content-row p {\n    font-family: \'Poppins\';\n    font-weight: 400;\n    font-size: 15px;\n    color: #646a70;\n    line-height: 1.8;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 8;\n    overflow: hidden;\n}\n@media(max-width: 1600px) {\n.content-row p {\n    -webkit-line-clamp: 5;\n}\n}\n@media(max-width: 1199px) {\n.content-row p {\n    display: block;\n}\n}\n.support-block .support-item {\n    padding: 35px 70px 50px 30px;\n    line-height: 1.4;\n    background-color: #fff;\n    margin-bottom: 12px;\n}\n.support-block .support-item:after {\n    content: \'\';\n    display: table;\n    clear: both;\n}\n.support-block .support-item > i {\n    font-size: 50px;\n    color: #141a1f;\n    float: left;\n    margin: 0 15px 0 0;\n}\n.support-block .support-item > h3 {\n    color: #141a1f;\n    font-family: \'Poppins\';\n    font-size: 18px;\n    font-weight: 500;\n    margin: 10px 0;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n}\n.support-block .support-item > p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 400;\n    color: #646a70;\n    line-height: 1.8;\n    margin-left: 85px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n    overflow: hidden;\n    max-height: 81px;\n}\n.team-member .member-detail {\n    font-family: \'Oswald\';\n    font-size: 16px;\n    font-weight: 400;\n    color: #fff;\n    line-height: 1;\n    position: absolute;\n    left: 32px;\n    bottom: 35px;\n}\n.team-member {\n    position: relative;\n    margin-bottom: 12px;\n}\nblockquote.testimonial {\n    border: 0;\n    background-color: transparent !important;\n    color: #62615e;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 24px;\n    font-weight: 400;\n    font-family: \'Open Sans\';\n    margin: 0;\n    padding: 15px 70px 15px 50px;\n    margin-top: 5px;\n    position: relative;\n}\nblockquote.testimonial p {\n    line-height: 1.8;\n    margin: 0;\n}\nblockquote.testimonial:before {\n    left: 10px;\n    top: 0;\n    content: \"\\201C\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #141a1f;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 54px;\n}\nblockquote.testimonial:after {\n    right: 30px;\n    bottom: 0;\n    content: \"\\201D\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #141a1f;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 54px;\n    transform: rotateX(180deg);\n}\n.testimonial-arrow-down {\n    border:15px solid transparent;\n    border-top-color:#ee3d43;\n    border-bottom:0;\n    height:0;\n    margin:0 0 0 25px;\n    width:0;\n}\n.testimonial-author {\n    margin: 30px 0 0 0;\n    padding-left: 50px;\n}\n.testimonial-author .img-thumbnail {\n    float: left;\n    margin-right: 25px;\n    position: relative;\n    line-height: 1.5;\n    background-color: #fff;\n    display: inline-block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 50% !important;\n}\n.testimonial-author .img-thumbnail img {\n    max-width:60px;\n    display:inline-block;\n    height:auto;\n}\n.testimonial-author p {\n    color:#666;\n    margin:0 0 0 25px;\n    text-align:left;\n    line-height:24px;\n    text-transform: uppercase;\n}\n.testimonial-author p >strong {\n    color: #303539;\n    display: block;\n    padding-top: 7px;\n    font-size: 16px;\n    font-family: \'Oswald\';\n    font-weight: 400;\n}\n.testimonial-author span {\n    color: #646a70;\n    display: block;\n    font-size: 15px;\n    font-family: \'Poppins\';\n    text-transform: none;\n}\n.page-wrapper > .breadcrumbs {\n    margin: 0;\n}\n.page-main {\n    max-width: 100%;\n    padding: 0;\n}\n@media (min-width:1200px) {\n    body.layout-fullwidth .page-wrapper > .breadcrumbs .items {\n        padding-left: 25px;\n        padding-right: 25px;\n    }\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_13_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1001,'Porto - About Us 15','1column',NULL,NULL,'about-porto-15',NULL,'<div style=\"background:url({{media url=\"wysiwyg/smartwave/porto/aboutus/15/top-bg.jpg\"}}) bottom no-repeat;background-size: cover;text-align: left;padding: 190px 0 180px;\">\n    <div class=\"container\">\n        <em style=\"font-family:\'Oswald\';font-size:24px;font-weight:300;color:#161616;font-style: normal;line-height:1;display:block;margin-bottom:5px;padding-left:50px;\">CHECK OUR</em>\n        <h2 style=\"font-family:\'Open Sans\';font-size:34px;font-weight:800;color:#161616;font-style:normal;line-height:1;margin:0;padding-left:50px;\">HISTORY</h2>\n    </div>\n</div>\n<div class=\"content-row\" style=\"background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;\">\n    <div class=\"container\">\n        <h2 style=\"text-align:center;\"><em>WHAT WE ARE</em>ABOUT US</h2>\n        <p style=\"max-width:760px;margin:0 auto;text-align:center;\">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>\n    </div>\n</div>\n<div class=\"content-row\" style=\"background:url({{media url=\"wysiwyg/smartwave/porto/aboutus/15/middle-bg.jpg\"}}) 30% top no-repeat;background-size:cover;padding-top:100px;padding-bottom:50px;\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-7 offset-lg-5\">\n                <h2><em>SPECIALITY</em>WHY CHOOSE US</h2>\n                <div class=\"support-block row\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"support-item\">\n                            <i class=\"porto-icon-support\"></i>\n                            <h3>ONLINE SUPPORT</h3>\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div class=\"support-item\">\n                            <i class=\"porto-icon-shipping\"></i>\n                            <h3>FREE SHIPPING &amp; RETURN</h3>\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div class=\"support-item\">\n                            <i class=\"porto-icon-money\"></i>\n                            <h3>MONEY BACK GUARANTEE</h3>\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div class=\"support-item\">\n                            <i class=\"porto-icon-shirt\"></i>\n                            <h3>NEW STYLES EVERY DAY</h3>\n                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting. industry.</p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row\" style=\"background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;\">\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-lg-3\">\n                <h2 style=\"margin-top:35px;\"><em>OUR</em>TEAM</h2>\n                <p style=\"max-width:235px;\">Lorem Ipsum is simply dummy text of the printing and Lorem typesetting industry looking Ipsum has been.</p>\n            </div>\n            <div class=\"col-lg-9\">\n                <div id=\"member-slider-about\" class=\"owl-carousel owl-theme\">\n                    <div class=\"item\">\n                        <div class=\"team-member\">\n                            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\">\n                            <h5>JANE DOE</h5>\n                        </div>\n                    </div>\n                    <div class=\"item\">\n                        <div class=\"team-member\">\n                            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\">\n                            <h5>JOHN DOE</h5>\n                        </div>\n                    </div>\n                    <div class=\"item\">\n                        <div class=\"team-member\">\n                            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\">\n                            <h5>GEORGE DOE</h5>\n                        </div>\n                    </div>\n                    <div class=\"item\">\n                        <div class=\"team-member\">\n                            <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\">\n                            <h5>ALICE DOE</h5>\n                        </div>\n                    </div>\n                </div>\n                <script type=\"text/javascript\">\n                require([\n                    \'jquery\',\n                    \'owl.carousel/owl.carousel.min\'\n                ], function ($) {\n                    $(\"#member-slider-about\").owlCarousel({\n                        autoplay: true,\n                        autoplayTimeout: 5000,\n                        autoplayHoverPause: true,\n                        margin: 0,\n                        nav: false,\n                        dots: false,\n                        navRewind: true,\n                        loop: true,\n                        navText: [\"<em class=\'porto-icon-left-open-big\'></em>\",\"<em class=\'porto-icon-right-open-big\'></em>\"],\n                        responsive: {\n                            0: {\n                                items:1\n                            },\n                            768: {\n                                items:2\n                            },\n                            992: {\n                                items:3\n                            },\n                            1200: {\n                                items:3\n                            }\n                        }\n                    });\n                });\n                </script>\n            </div>\n        </div>\n    </div>\n</div>\n<style type=\"text/css\">\n.page-header.type17 {\n    position: absolute;\n    background-color: transparent;\n    width: 100%;\n}\n.page-wrapper > .breadcrumbs {\n    display: none;\n}\n.columns .column.main {\n    padding: 0;\n}\n.page-main {\n    max-width: 100%;\n    padding: 0;\n}\n.content-row h2 em {\n    display: block;\n    font-size: 26px;\n    font-weight: 300;\n    font-style: normal;\n    margin-bottom: 5px;\n}\n.content-row h2 {\n    font-size: 44px;\n    color: #161616;\n    font-family: \'Oswald\';\n    font-weight: 400;\n    line-height: 1;\n    margin-bottom: 35px;\n}\n.content-row p {\n    font-family: \'Poppins\';\n    font-size: 14px;\n    line-height: 2;\n    color: #282d3b;\n}\n.support-block .support-item {\n    line-height: 1.4;\n    margin-bottom: 50px;\n}\n.support-block .support-item:after {\n    content: \'\';\n    display: table;\n    clear: both;\n}\n.support-block .support-item > i {\n    font-size: 44px;\n    color: #53514e;\n    float: left;\n    margin: -5px 15px 0 -10px;\n}\n.support-block .support-item > h3 {\n    color: #141a1f;\n    font-family: \'Poppins\';\n    font-size: 18px;\n    font-weight: 500;\n    margin: 10px 0;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n}\n.support-block .support-item > p {\n    margin: 0;\n    font-size: 15px;\n    font-weight: 400;\n    color: #646a70;\n    line-height: 1.8;\n    margin-left: 68px;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 3;\n    overflow: hidden;\n    max-height: 81px;\n}\n.team-member {\n    background-color: #fff;\n}\n.team-member img {\n    width: 100%;\n    display: block;\n}\n.team-member h5 {\n    padding: 30px 0;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 16px;\n    line-height: 1;\n    color: #111;\n    font-weight: 400;\n    margin: 0;\n}\n#member-slider-about .item {\n    padding: 0 15px;\n}\n#member-slider-about {\n    margin: 0 -15px;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1002,'Porto - About Us 18','1column',NULL,NULL,'about-porto-18',NULL,'<div class=\"content-row\" style=\"padding-top:55px;padding-bottom:80px;\">\n    <div class=\"row\">\n        <div class=\"col-xl-4\">\n            <h2>ABOUT US</h2>\n            <h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. has been the industry\'s</h4>\n            <p>long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using \'Content here, content here\', making it look like readable English.</p>\n        </div>\n        <div class=\"col-xl-8\">\n            <div class=\"row\">\n                <div class=\"col-md-5\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/18/aboutus.jpg\"}}\" alt=\"\" style=\"width:95%;display:block;margin:25px auto;\" />\n                </div>\n                <div class=\"col-md-7\">\n                    <div class=\"history-accordion\">\n                        <ul>\n                            <li class=\"active\">\n                                <div class=\"history-title\">Company History</div>\n                                <div class=\"history-content\" style=\"display: block;\">\n                                    leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.\n                                </div>\n                            </li>\n                            <li class=\"\">\n                                <div class=\"history-title\">Our Vision</div>\n                                <div class=\"history-content\" style=\"display: none;\">\n                                    leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.\n                                </div>\n                            </li>\n                            <li class=\"\">\n                                <div class=\"history-title\">Our Mission</div>\n                                <div class=\"history-content\" style=\"display: none;\">\n                                    leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.\n                                </div>\n                            </li>\n                            <li class=\"\">\n                                <div class=\"history-title\">Funfacts</div>\n                                <div class=\"history-content\" style=\"display: none;\">\n                                    leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop.\n                                </div>\n                            </li>\n                        </ul>\n                    </div>\n                    <script type=\"text/javascript\">\n                    require([\n                        \'jquery\',\n                        \'owl.carousel/owl.carousel.min\'\n                    ], function ($) {\n                        $(document).ready(function(){\n                            $(\".history-accordion .history-title\").off(\"click\").on(\"click\",function(){\n                                if(!$(this).parent().hasClass(\"active\")) {\n                                    $(this).parent().parent().children(\"li.active\").children(\".history-content\").slideUp();\n                                    $(this).parent().parent().children(\"li.active\").removeClass(\"active\");\n                                    $(this).parent().addClass(\"active\");\n                                    $(this).parent().children(\".history-content\").slideDown();\n                                } else {\n                                    $(this).parent().removeClass(\"active\");\n                                    $(this).parent().children(\".history-content\").slideUp();\n                                }\n                            });\n                        });\n                    });\n                    </script>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"content-row fullwidth-row\" style=\"background-color:#efefef;padding:80px 0;\">\n    <div class=\"container\">\n        <h2 style=\"margin-bottom:40px;\">OUR TEAM</h2>\n        <div class=\"row\">\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\">\n                    <h5>JANE DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\">\n                    <h5>JOHN DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\">\n                    <h5>GEORGE DOE</h5>\n                </div>\n            </div>\n            <div class=\"col-md-3 col-sm-6\">\n                <div class=\"team-member\">\n                    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\">\n                    <h5>ALICE DOE</h5>\n                </div>\n            </div>\n        </div>\n        <button class=\"btn\" style=\"font-family: \'Oswald\';font-weight: 400;font-size: 14px;color: #fff;background-color: #515151;padding: 10px 20px;border-radius: 3px;display: block;margin: 0 auto;margin-top:50px;border: 0;line-height: 1.5;height: auto;\">JOIN OUR TEAM</button>\n    </div>\n</div>\n<div class=\"content-row\" style=\"padding-top:75px;padding-bottom:75px;text-align:center;\">\n    <h2>TESTIMONIALS</h2>\n    <div id=\"testimonials-slider\" class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <blockquote class=\"testimonial\">\n                <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using \'Content here, content here</p>\n            </blockquote>\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client1.png\"}}\" alt=\"\"/></div>\n                <p><strong>John Doe</strong><span>Porto SEO</span></p>\n            </div>\n        </div>\n        <div class=\"item\">\n            <blockquote class=\"testimonial\">\n                <p>Long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using \'Content here, content here</p>\n            </blockquote>\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client2.png\"}}\" alt=\"\"/></div>\n                <p><strong>Brenda DOE</strong><span>Porto Founder</span></p>\n            </div>\n        </div>\n    </div>\n    <script type=\"text/javascript\">\n    require([\n        \'jquery\',\n        \'owl.carousel/owl.carousel.min\'\n    ], function ($) {\n        $(\"#testimonials-slider\").owlCarousel({\n            items: 1,\n            autoplay: true,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            margin: 0,\n            nav: false,\n            dots: false,\n            navRewind: true,\n            loop: true,\n            navText: [\"<em class=\'porto-icon-left-open-big\'></em>\",\"<em class=\'porto-icon-right-open-big\'></em>\"]\n        });\n    });\n    </script>\n</div>\n<style type=\"text/css\">\n.page-wrapper >.breadcrumbs {\n    display: none;\n}\n.content-row h2 {\n    font-family: \'Oswald\';\n    font-size: 24px;\n    font-weight: 400;\n    line-height: 1;\n    color: #141a1f;\n    margin-bottom: 25px;\n}\n.content-row h4 {\n    font-family: \'Poppins\';\n    font-size: 18px;\n    font-weight: 400;\n    line-height: 1.8;\n    color: #282d3b;\n    margin-bottom: 30px;\n}\n.content-row p {\n    font-family: \'Poppins\';\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 2;\n    color: #5e6065;\n    margin-bottom: 0;\n}\n@media (min-width: 1200px) {\n    .col-xl-4 {\n        -webkit-flex: 0 0 37.5%;\n        -moz-flex: 0 0 37.5%;\n        -ms-flex: 0 0 37.5%;\n        flex: 0 0 37.5%;\n        max-width: 37.5%;\n    }\n    .col-xl-8 {\n        -webkit-flex: 0 0 62.5%;\n        -moz-flex: 0 0 62.5%;\n        -ms-flex: 0 0 62.5%;\n        flex: 0 0 62.5%;\n        max-width: 62.5%;\n    }\n}\n.history-accordion > ul {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n.history-accordion li {\n    margin: 0;\n}\n.history-accordion .history-title {\n    font-family: \'Poppins\';\n    font-size: 18px;\n    font-weight: 500;\n    color: #282d3b;\n    padding: 15px 0;\n    position: relative;\n    cursor: pointer;\n}\n.history-accordion .history-title:after {\n    content: \"\\f882\";\n    font-family: \'porto-icons\';\n    font-size: 8px;\n    line-height: 16px;\n    width: 16px;\n    text-align: center;\n    display: block;\n    position: absolute;\n    right: 0;\n    top: 17px;\n    color: #fff;\n    background-color: #929292;\n    border-radius: 50%;\n}\n.history-accordion li.active .history-title:after {\n    background-color: #282d3b;\n    content: \"\\f883\";\n}\n.history-accordion .history-content {\n    font-family: \'Poppins\';\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 2;\n    color: #5e6065;\n    padding: 20px 0;\n}\n.team-member {\n    background-color: #fff;\n}\n.team-member img {\n    width: 100%;\n    display: block;\n}\n.team-member h5 {\n    padding: 30px 0;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 16px;\n    line-height: 1;\n    color: #111;\n    font-weight: 400;\n    margin: 0;\n}\nblockquote.testimonial {\n    border: 0;\n    background-color: transparent !important;\n    margin: 0;\n    padding: 15px 50px 15px 30px;\n    position: relative;\n    max-width: 650px;\n    margin: 0 auto;\n}\nblockquote.testimonial p {\n    line-height: 2;\n    margin: 0;\n    font-size: 16px;\n}\nblockquote.testimonial:before {\n    left: 10px;\n    top: 0;\n    content: \"\\201C\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #141a1f;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 30px;\n}\nblockquote.testimonial:after {\n    right: 30px;\n    bottom: 0;\n    content: \"\\201D\";\n    font-style: normal;\n    line-height: 1;\n    position: absolute;\n    color: #141a1f;\n    font-family: \'porto\';\n    font-weight: 400;\n    font-size: 30px;\n    transform: rotateX(180deg);\n}\n.testimonial-arrow-down {\n    border:15px solid transparent;\n    border-top-color:#ee3d43;\n    border-bottom:0;\n    height:0;\n    margin:0 0 0 25px;\n    width:0;\n}\n.testimonial-author {\n    margin: 30px 0 0 0;\n}\n.testimonial-author .img-thumbnail {\n    position: relative;\n    line-height: 1.5;\n    background-color: #fff;\n    display: inline-block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 50% !important;\n}\n.testimonial-author .img-thumbnail img {\n    max-width:60px;\n    display:inline-block;\n    height:auto;\n}\n.testimonial-author p {\n    color:#666;\n    line-height:24px;\n}\n.testimonial-author p >strong {\n    color: #282d3b;\n    display: block;\n    padding-top: 20px;\n    font-size: 18px;\n    font-family: \'Poppins\';\n    font-weight: 500;\n}\n.testimonial-author span {\n    color: #5e6065;\n    display: block;\n    font-size: 14px;\n    font-family: \'Poppins\';\n    text-transform: none;\n}\n.page-main, .columns .column.main {\n    padding-top: 0;\n    padding-bottom: 0;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_18_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1003,'Porto - About Us 19','1column',NULL,NULL,'about-porto-19',NULL,'<div class=\"content-row\" style=\"padding-top:55px;\">\n    <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/19/top-bg.jpg\"}}\" style=\"width: 100%;\" alt=\"\" />\n</div>\n<div class=\"content-row\" style=\"padding-top:60px;padding-bottom:65px;border-bottom:1px solid #e2e2e2;\">\n    <h2>ABOUT US</h2>\n    <p style=\"max-width:964px;margin:0 auto;\">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>\n</div>\n<div class=\"content-row\" style=\"padding-top:77px;padding-bottom:85px;\">\n    <h2 style=\"margin-bottom:45px;\">OUR TEAM</h2>\n    <div id=\"member-slider-about\" class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\">\n                <h5>JANE DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\">\n                <h5>JOHN DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\">\n                <h5>GEORGE DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\">\n                <h5>ALICE DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-1.jpg\"}}\" alt=\"\">\n                <h5>JANE DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-2.jpg\"}}\" alt=\"\">\n                <h5>JOHN DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-3.jpg\"}}\" alt=\"\">\n                <h5>GEORGE DOE</h5>\n            </div>\n        </div>\n        <div class=\"item\">\n            <div class=\"team-member\">\n                <img src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/3/member-4.jpg\"}}\" alt=\"\">\n                <h5>ALICE DOE</h5>\n            </div>\n        </div>\n    </div>\n    <script type=\"text/javascript\">\n    require([\n        \'jquery\',\n        \'owl.carousel/owl.carousel.min\'\n    ], function ($) {\n        $(\"#member-slider-about\").owlCarousel({\n            autoplay: true,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            margin: 0,\n            nav: false,\n            dots: false,\n            navRewind: true,\n            loop: true,\n            navText: [\"<em class=\'porto-icon-left-open-big\'></em>\",\"<em class=\'porto-icon-right-open-big\'></em>\"],\n            responsive: {\n                0: {\n                    items:2\n                },\n                768: {\n                    items:3\n                },\n                992: {\n                    items:4\n                },\n                1200: {\n                    items:5\n                }\n            }\n        });\n    });\n    </script>\n</div>\n<div class=\"content-row\" style=\"padding:75px 100px;background-color:#ededed;\">\n    <h2 style=\"text-align: center;margin-bottom: 40px;\">HAPPY BUYERS</h2>\n    <div id=\"testimonials-slider\" class=\"owl-carousel owl-theme\">\n        <div class=\"item\">\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client1.png\"}}\" alt=\"\"/></div>\n            </div>\n            <blockquote class=\"testimonial\">\n                <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p>\n                <p class=\"testimonial-author-detail\"><strong>John Smith Doe</strong><span>CEO</span></p>\n            </blockquote>\n        </div>\n        <div class=\"item\">\n            <div class=\"testimonial-author\">\n                <div class=\"img-thumbnail img-thumbnail-small\"><img width=\"60\" height=\"60\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/4/client2.png\"}}\" alt=\"\"/></div>\n            </div>\n            <blockquote class=\"testimonial\">\n                <p>Remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software.</p>\n                <p class=\"testimonial-author-detail\"><strong>Bob Smith Doe</strong><span>Founder</span></p>\n            </blockquote>\n        </div>\n    </div>\n    <script type=\"text/javascript\">\n    require([\n        \'jquery\',\n        \'owl.carousel/owl.carousel.min\'\n    ], function ($) {\n        $(\"#testimonials-slider\").owlCarousel({\n            autoplay: true,\n            autoplayTimeout: 5000,\n            autoplayHoverPause: true,\n            margin: 0,\n            nav: false,\n            dots: false,\n            navRewind: true,\n            loop: true,\n            navText: [\"<em class=\'porto-icon-left-open-big\'></em>\",\"<em class=\'porto-icon-right-open-big\'></em>\"],\n            responsive: {\n                0: {\n                    items:1\n                },\n                768: {\n                    items:1\n                },\n                992: {\n                    items:1\n                },\n                1200: {\n                    items:2\n                }\n            }\n        });\n    });\n    </script>\n</div>\n<div class=\"content-row\" style=\"padding:75px 0 0;margin-bottom:-30px;\">\n    <h2 style=\"text-align: center;margin-bottom: 25px;\">OUR PARTNERS</h2>\n    <div class=\"owl-side-narrow\">\n        <div id=\"brands-slider-about\" class=\"owl-carousel owl-theme\">\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand1.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand2.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand3.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand4.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand5.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand1.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand2.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand3.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand4.png\"}}\"/>\n            </div>\n            <div class=\"item\" style=\"padding:10px 0;text-align:center;\">\n                <img class=\"lazyOwl\" alt=\"\" src=\"{{media url=\"wysiwyg/smartwave/porto/aboutus/7/brand5.png\"}}\"/>\n            </div>\n        </div>\n        <script type=\"text/javascript\">\n        require([\n            \'jquery\',\n            \'owl.carousel/owl.carousel.min\'\n        ], function ($) {\n            $(\"#brands-slider-about\").owlCarousel({\n                autoplay: true,\n                autoplayTimeout: 5000,\n                autoplayHoverPause: true,\n                margin: 0,\n                nav: true,\n                dots: false,\n                navRewind: true,\n                loop: true,\n                navText: [\"<em class=\'porto-icon-left-open-big\'></em>\",\"<em class=\'porto-icon-right-open-big\'></em>\"],\n                responsive: {\n                    0: {\n                        items:2\n                    },\n                    768: {\n                        items:3\n                    },\n                    992: {\n                        items:4\n                    },\n                    1200: {\n                        items:5\n                    }\n                }\n            });\n        });\n        </script>\n    </div>\n</div>\n<style type=\"text/css\">\n@media (min-width: 768px) {\n    #maincontent.onepage-category {\n        padding-top: 20px;\n    }\n}\n.page-wrapper > .breadcrumbs {\n    margin: 0;\n}\n.content-row h2 {\n    font-family: \'Oswald\';\n    font-size: 26px;\n    font-weight: 400;\n    line-height: 1;\n    color: #000;\n    margin-bottom: 25px;\n    text-align: center;\n}\n.content-row p {\n    font-family: \'Poppins\';\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 2;\n    color: #555;\n    margin: 0;\n    text-align: center;\n}\n.team-member {\n    background-color: #fff;\n}\n.team-member img {\n    width: 100%;\n    display: block;\n}\n.team-member h5 {\n    padding: 30px 0;\n    text-align: center;\n    font-family: \'Oswald\';\n    font-size: 16px;\n    line-height: 1;\n    color: #111;\n    font-weight: 400;\n    margin: 0;\n}\n#member-slider-about .item {\n    padding: 0 15px;\n}\n#member-slider-about {\n    margin: 0 -15px;\n}\nblockquote.testimonial {\n    border: 0;\n    background-color: transparent !important;\n    color: #62615e;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 24px;\n    font-weight: 400;\n    font-family: \'Open Sans\';\n    margin: 0;\n    padding: 0 65px 0 0;\n    position: relative;\n    margin-left: 70px;\n}\nblockquote.testimonial p {\n    line-height: 2;\n    text-align: left;\n    color: #555;\n    font-family: \"Poppins\";\n}\nblockquote.testimonial:before {\n    content: \'\"\';\n    font-style: normal;\n    line-height: 1;\n    color: #21293c;\n    font-family: \'Open Sans\';\n    font-weight: 700;\n    font-size: 23px;\n    margin-right: 10px;\n    float: left;\n}\nblockquote.testimonial .testimonial-author-detail {\n    line-height: 1.5;\n    margin-top: 30px;\n    padding-left: 15px;\n}\n.testimonial-arrow-down {\n    border:15px solid transparent;\n    border-top-color:#08c;\n    border-bottom:0;\n    height:0;\n    margin:0 0 0 25px;\n    width:0;\n}\n.testimonial-author {\n    float: left;\n}\n.testimonial-author .img-thumbnail {\n    margin-right: 25px;\n    position: relative;\n    line-height: 1.5;\n    background-color: #fff;\n    display: inline-block;\n    max-width: 100%;\n    height: auto;\n    border-radius: 50% !important;\n}\n.testimonial-author .img-thumbnail img {\n    max-width:60px;\n    display:inline-block;\n    height:auto;\n}\n.testimonial-author-detail strong {\n    font-size: 16px;\n    font-weight: 500;\n    color: #282d3b;\n}\n.testimonial-author-detail span {\n    color:#7b858a;\n    display:block;\n    font-size:15px;\n    font-weight: 400;\n}\n.owl-side-narrow {\n    margin: 0 -10px;\n}\n.owl-side-narrow .owl-controls .owl-buttons div {\n    color: #c5c5c5;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    font-size: 24px;\n    position: absolute;\n    top: 50%;\n    margin-top: -18px;\n}\n.owl-side-narrow .owl-controls .owl-buttons div.owl-prev {\n    left: 0;\n}\n.owl-side-narrow .owl-controls .owl-buttons div.owl-prev i:before {\n    content: \"\\e829\";\n}\n.owl-side-narrow .owl-controls .owl-buttons div.owl-next {\n    right: 0;\n}\n.owl-side-narrow .owl-controls .owl-buttons div.owl-next i:before {\n    content: \"\\e828\";\n}\n.owl-side-narrow .owl-carousel {\n    padding: 0 80px;\n}\n.owl-side-narrow .owl-carousel .owl-item.loading {\n    min-height: 60px;\n}\n.owl-side-narrow .owl-controls {\n    margin: 0;\n}\n#brands-slider-about img {\n    opacity: 0.5;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1004,'Porto - About Us 20','1column',NULL,NULL,'about-porto-20',NULL,'<style type=\"text/css\">\n.page-header.type13.header-newskin {\n    background-color: transparent;\n    position: absolute;\n    width: 100%;\n    left: 0;\n    top: 0;\n}\n.page-wrapper > .breadcrumbs {\n    display: none;\n}\n</style>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'<referenceContainer name=\"page.top\">\n    <block class=\"Magento\\Cms\\Block\\Block\" name=\"top_banner\">\n        <arguments>\n            <argument name=\"block_id\" xsi:type=\"string\">porto_about_us_20_top_block</argument>\n        </arguments>\n    </block>\n</referenceContainer>',NULL,NULL,NULL,NULL,NULL,NULL,NULL),(1005,'404 Not Found 2','1column',NULL,NULL,'no-route-2',NULL,'<h1 style=\"text-align:center;margin: 20px 0; font-size: 70px;margin-top:70px\"><span style=\"display: inline-block;vertical-align:middle;\">404</span><i class=\"porto-icon-doc\" style=\"display: inline-block;vertical-align:middle;\"></i></h1>\n<p style=\"text-align:center; font-size: 15px;\">You might want to check that URL again or head over to our <a href=\"{{config path=\"web/unsecure/base_url\"}}\">homepage.</a></p>','2021-05-04 02:16:37','2021-05-04 02:16:37',1,0,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL);

--
