<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/top-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:205px 0 115px;">
  <div class="not-fullwidth container">
    <em style="font-family: 'Poppins';font-size: 25.5px;font-weight: 500;color: #fff;font-style: normal;line-height: 1;display: block;margin-bottom: 10px;letter-spacing: 4px;">HISTORY</em>
    <h2 style="font-family:'Oswald';font-size: 60px;font-weight: 400;color: #fff;font-style: normal;line-height: 1;margin: 0;">ABOUT US</h2>
  </div>
</div>
<div class="content-row main-container" style="padding-top:65px;padding-bottom:80px;">
  <div class="row">
    <div class="col-xl-6">
      <img src="{{media url="wysiwyg/smartwave/porto/aboutus/20/about.jpg"}}" style="width:100%;" alt="" />
    </div>
    <div class="col-xl-6 p-xl-45">
      <h2 style="margin-top:50px;">WHAT WE ARE</h2>
      <p style="max-width:735px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages</p>
      <ul class="features-ul">
        <li><i class="porto-icon-angle-right"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
        <li><i class="porto-icon-angle-right"></i>Nulla id nisi a nulla rhoncus sodales et ac lectus.</li>
        <li><i class="porto-icon-angle-right"></i>In sagittis diam et lorem egestas, ac sodales dolor venenatis.</li>
      </ul>
    </div>
  </div>
</div>
<div class="content-row main-container" style="padding-top:0;padding-bottom:0;">
  <div style="padding-top:40px;padding-bottom:75px;border-top:1px solid #e3e3e3;">
    <div class="row">
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR MISSION</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR VISION</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
      <div class="col-lg-4">
        <h2 style="margin:35px 0;">OUR VALUE</h2>
        <p style="max-width:525px;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a Finibus Bonorum et Malorum,  </p>
      </div>
    </div>
  </div>
</div>
<div style="background:url({{media url="wysiwyg/smartwave/porto/aboutus/20/middle-bg.jpg"}}) center no-repeat;background-size: cover;text-align: left;padding:95px 0 75px;">
  <div class="not-fullwidth container">
    <div class="counters">
      <div class="row">
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="300">
            <strong data-to="32561" data-append="M+">32561M+</strong>
            <label>Sold Products</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="600">
            <strong data-to="42561" data-append="M+">42561M+</strong>
            <label>Happy Buyers</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="900">
            <strong data-to="866" data-append="+">866+</strong>
            <label>Employees</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
            <strong data-to="58584" data-append="M+">58584M+</strong>
            <label>Products</label>
          </div>
        </div>
        <div class="col-lg-2 col-md-4 col-6">
          <div class="counter counter-primary" data-appear-animation="bounceIn" data-appear-animation-delay="1200">
            <strong data-to="24" data-append="HR+">24HR+</strong>
            <label>Support Available</label>
          </div>
        </div>
      </div>
      <script type="text/javascript">
        // Counter
        require([
          'jquery'
        ], function ($) {
          'use strict';
          if ($.isFunction($.fn['themePluginCounter'])) {
            $(function() {
              $('[data-plugin-counter]:not(.manual), .counters [data-to]').each(function() {
                var $this = $(this), opts;
                var pluginOptions = $this.data('plugin-options');
                if (pluginOptions)
                  opts = pluginOptions;
                $this.themePluginCounter(opts);
              });
            });
          }
        });
      </script>
    </div>
  </div>
</div>
<div class="content-row main-container" style="padding-top:80px;padding-bottom:80px;text-align:center;">
  <h2 style="margin-bottom:35px;">BUYERS REVIEW</h2>
  <div class="owl-side-narrow">
    <div id="review-slider-about" class="owl-carousel owl-theme">
      <div class="item">
        <div class="buyers-review">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
          <div class="buyer-info">
            <h4>Client Name</h4>
            <div class="ratings">
              <div class="rating-box">
                <div class="rating" style="width:80%"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="buyers-review">
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make.</p>
          <div class="buyer-info">
            <h4>Client Name</h4>
            <div class="ratings">
              <div class="rating-box">
                <div class="rating" style="width:80%"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
    require([
      'jquery',
      'owl.carousel/owl.carousel.min'
    ], function ($) {
      $("#review-slider-about").owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout: 5000,
        autoplayHoverPause: true,
        margin: 0,
        nav: true,
        dots: false,
        navRewind: true,
        loop: true,
        navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"]
      });
    });
    </script>
  </div>
</div>
<div class="content-row" style="background-color:#ebebeb;">
  <div class="main-container" style="padding-top:40px;padding-bottom:40px;">
    <div class="support-block row">
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-support"></i>
          <h3>ONLINE SUPPORT</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-shipping"></i>
          <h3>FREE SHIPPING &amp; RETURN</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-money"></i>
          <h3>MONEY BACK GUARANTEE</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
      <div class="col-xl-3 col-lg-6">
        <div class="support-item">
          <i class="porto-icon-shirt"></i>
          <h3>NEW STYLES EVERY DAY</h3>
          <p>Lorem Ipsum is simply dummy text of the printing and typesetting</p>
        </div>
      </div>
    </div>
  </div>
</div>
<style type="text/css">
.main-container {
  padding: 30px 15px 50px 15px;
}
@media (min-width:768px){
    .main-container {
        padding: 30px 85px 50px 85px;
  }
  .columns .column.main, .page-main {
    min-height: 0;
    padding: 0;
  }
}
.counter {
  text-align:center;
  padding-bottom: 20px;
}
.counter > label {
  display: block;
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #fff;
}
.counter > strong {
  font-family: 'Oswald';
  font-size: 38px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-bottom: 15px;
  display: block;
}
.counter > strong span {
  font-size: 19px;
}
@media (min-width: 992px) {
  .counters .col-lg-2 {
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.support-block .support-item {
  padding: 0;
  line-height: 1.4;
  margin-bottom: 12px;
}
.support-block .support-item:after {
  content: '';
  display: table;
  clear: both;
}
.support-block .support-item > i {
  font-size: 50px;
  color: #141a1f;
  float: left;
  margin: -10px 15px 0 0;
}
.support-block .support-item > h3 {
  color: #141a1f;
  font-family: 'Poppins';
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.support-block .support-item > p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  color: #646a70;
  line-height: 1.8;
  margin-left: 85px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  max-height: 81px;
}
.owl-side-narrow {
    margin: 0 -10px;
}
.owl-side-narrow .owl-controls .owl-nav [class*=owl-] {
    color: #717171;
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 24px;
    position: absolute;
    top: 15px;
}
.owl-side-narrow .owl-controls .owl-nav .owl-prev {
  left: 0;
}
.owl-side-narrow .owl-controls .owl-nav .owl-next {
  right: 0;
}
.owl-side-narrow .owl-carousel {
  padding: 0 80px;
}
.owl-side-narrow .owl-carousel .owl-item.loading {
  min-height: 60px;
}
.owl-side-narrow .owl-controls {
  margin: 0;
}
#brands-slider-about img {
  opacity: 0.5;
}
.content-row {
  text-align: left;
}
.content-row h2 {
  font-family: 'Oswald';
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
  color: #080808;
}
.content-row p {
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
  color: #555;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.features-ul {
  font-size: 16px;
  line-height: 2;
  margin-top: 30px;
  list-style: none;
  padding: 0;
}
.features-ul li {
  margin: 0;
}
.features-ul i {
  color: #080808;
  margin-right: 15px;
}
@media (min-width: 1200px) {
  .p-xl-45 {
    padding: 0 45px;
  }
}
.page-wrapper {
  background-color: #f5f5f5;
}
.content-row.main-container, .content-row .main-container {
  min-height: 0;
}
.buyers-review p {
  font-size:18px;
  max-width: 940px;
  margin: 0 auto;
  font-weight: 300;
  margin-bottom: 35px;
}
.buyers-review .buyer-info {
  padding-top: 25px;
  position: relative;
}
.buyers-review .buyer-info:before {
  content: '';
  display: block;
  width: 25px;
  border-top: 2px solid #161616;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -12.5px;
}
.buyers-review h4 {
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 500;
  color: #080808;
  margin-bottom: 5px;
}
.buyers-review .ratings {
  margin: 5px 0 0;
}
.buyers-review .rating-box:before {
  font-size: 14px;
  color: #9b9b9b;
}
.buyers-review .ratings .rating-box {
  height: 14px;
  width: 83px;
}
.buyers-review .rating-box:before {
  font-size: 14px;
  color: #9b9b9b;
  height: 14px;
  line-height: 14px;
  width: 83px;
}
.buyers-review .rating-box .rating {
  height: 14px;
}
.buyers-review .rating-box .rating:before {
  color: #080808;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  width: 83px;
}
</style>