<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;">
    <div class="container">
        <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>
        <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>
    </div>
</div>
<div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;">
    <div class="container">
        <h2 style="text-align:center;"><em>WHAT WE ARE</em>ABOUT US</h2>
        <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>
    </div>
</div>
<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;">
    <div class="container">
        <div class="row">
            <div class="col-lg-7 offset-lg-5">
                <h2><em>SPECIALITY</em>WHY CHOOSE US</h2>
                <div class="support-block row">
                    <div class="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. industry.</p>
                        </div>
                    </div>
                    <div class="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. industry.</p>
                        </div>
                    </div>
                    <div class="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. industry.</p>
                        </div>
                    </div>
                    <div class="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. industry.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="content-row" style="background-color:#f4f4f2;padding-top:95px;padding-bottom:90px;">
    <div class="container">
        <div class="row">
            <div class="col-lg-3">
                <h2 style="margin-top:35px;"><em>OUR</em>TEAM</h2>
                <p style="max-width:235px;">Lorem Ipsum is simply dummy text of the printing and Lorem typesetting industry looking Ipsum has been.</p>
            </div>
            <div class="col-lg-9">
                <div id="member-slider-about" class="owl-carousel owl-theme">
                    <div class="item">
                        <div class="team-member">
                            <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-1.jpg"}}" alt="">
                            <h5>JANE DOE</h5>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-member">
                            <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-2.jpg"}}" alt="">
                            <h5>JOHN DOE</h5>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-member">
                            <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-3.jpg"}}" alt="">
                            <h5>GEORGE DOE</h5>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-member">
                            <img src="{{media url="wysiwyg/smartwave/porto/aboutus/3/member-4.jpg"}}" alt="">
                            <h5>ALICE DOE</h5>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                require([
                    'jquery',
                    'owl.carousel/owl.carousel.min'
                ], function ($) {
                    $("#member-slider-about").owlCarousel({
                        autoplay: true,
                        autoplayTimeout: 5000,
                        autoplayHoverPause: true,
                        margin: 0,
                        nav: false,
                        dots: false,
                        navRewind: true,
                        loop: true,
                        navText: ["<em class='porto-icon-left-open-big'></em>","<em class='porto-icon-right-open-big'></em>"],
                        responsive: {
                            0: {
                                items:1
                            },
                            768: {
                                items:2
                            },
                            992: {
                                items:3
                            },
                            1200: {
                                items:3
                            }
                        }
                    });
                });
                </script>
            </div>
        </div>
    </div>
</div>
<style type="text/css">
.page-header.type17 {
    position: absolute;
    background-color: transparent;
    width: 100%;
}
.page-wrapper > .breadcrumbs {
    display: none;
}
.columns .column.main {
    padding: 0;
}
.page-main {
    max-width: 100%;
    padding: 0;
}
.content-row h2 em {
    display: block;
    font-size: 26px;
    font-weight: 300;
    font-style: normal;
    margin-bottom: 5px;
}
.content-row h2 {
    font-size: 44px;
    color: #161616;
    font-family: 'Oswald';
    font-weight: 400;
    line-height: 1;
    margin-bottom: 35px;
}
.content-row p {
    font-family: 'Poppins';
    font-size: 14px;
    line-height: 2;
    color: #282d3b;
}
.support-block .support-item {
    line-height: 1.4;
    margin-bottom: 50px;
}
.support-block .support-item:after {
    content: '';
    display: table;
    clear: both;
}
.support-block .support-item > i {
    font-size: 44px;
    color: #53514e;
    float: left;
    margin: -5px 15px 0 -10px;
}
.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: 68px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 81px;
}
.team-member {
    background-color: #fff;
}
.team-member img {
    width: 100%;
    display: block;
}
.team-member h5 {
    padding: 30px 0;
    text-align: center;
    font-family: 'Oswald';
    font-size: 16px;
    line-height: 1;
    color: #111;
    font-weight: 400;
    margin: 0;
}
#member-slider-about .item {
    padding: 0 15px;
}
#member-slider-about {
    margin: 0 -15px;
}
</style>