<!DOCTYPE html>
<html lang="en-US" class="no-js">


<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/web-agency.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:48:46 GMT -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- TITLE -->
    <title>Web Agency - Merit Premium Multi-Purpose HTML5 Template</title>

    <!-- META TAGS -->
    <meta name="keywords" content="premium multi-Purpose, html template, multipurpose template, bootstrap template, niches, clean, modern, multipurpose, responsive">
    <meta name="description" content="Merit is a modern Multi-Purpose HTML Template any bussines.">

    <!--  FAVICON  -->
    <link rel="shortcut icon" href="../images/icons/favicon.png">

    <!-- REVOLUTION ADDONS -->
    <link href="http://fonts.googleapis.com/css?family=Roboto%3A700%2C300" rel="stylesheet" property="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" type="text/css" href="../revolution/fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
    <link rel="stylesheet" type="text/css" href="../revolution/fonts/font-awesome/css/font-awesome.css">

    <!-- REVOLUTION STYLE SHEETS -->
    <link rel="stylesheet" type="text/css" href="../revolution/css/settings.css">

    <!-- REVOLUTION LAYERS STYLES -->
    <link rel="stylesheet" type="text/css" href="../revolution/css/layers.css">

    <!-- REVOLUTION NAVIGATION STYLES -->
    <link rel="stylesheet" type="text/css" href="../revolution/css/navigation.css">

    <!-- MAIN CSS STYLE SHEET -->
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/stylesheet.css">
    <link rel="stylesheet" href="../css/responsive.css">

    <!-- REVOLUTION CUSTOM CSS -->
    <link rel="stylesheet" href="../css/slider-revolution.css">

    <!-- MODERNIZR LIBRARY -->
    <script src="../js/modernizr-custom.js"></script>

</head>

<body>

    <!-- PRELOADER START -->
    <div id="loader-wrapper">
        <div class="loader">
            <span class="loader-26"></span>
        </div> 
    </div>
    <!-- PRELOADER END -->

    <!-- HEADER START -->
    <header>
        <!-- TOP HEADER START -->
        <div class="top-header">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <ul class="top-contact text-left">
                            <li class="phone"><span class="tel-no"><a href="tel:123-456-7890"> +123-456-7890</a></span>
                            </li>
                            <li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
                        </ul>
                    </div>
                    <div class="col-md-6 text-right">
                        <div class="top-social">
                            <ul class="social-list">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                                <li>
                                    <!-- Button trigger modal -->
                                    <div class="center-element">
                                        <button type="button" class="btn btn-default" data-toggle="modal" data-target="#exampleModal2">Login</button>
                                    </div>

                                    <!-- Modal -->
                                    <div class="modal fade custom-modal" id="exampleModal2" tabindex="-1" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content login-modal">
                                                <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
                                                <div class="modal-body">
                                                    <figure class="login-avatar">
                                                        <img src="../images/icons/user-login-2.png" alt="">
                                                    </figure>
                                                    <h4>Merit</h4>
                                                    <p>Welcome Back!</p>
                                                    <div class="google-btn">
                                                        <button type="submit" class="tp-btn-primary">
                                                            <img class="tp-goole-icon" src="../images/icons/google-icon.png" alt="">
                                                            Sign in with Google
                                                        </button>
                                                    </div>
                                                    <p>Or</p>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <form>
                                                                <div class="form-group">
                                                                    <input type="email" class="form-control login-fc" placeholder="Email or Username">
                                                                </div>
                                                                <div class="form-group mt-3">
                                                                    <input type="password" class="form-control login-fc" placeholder="Password">
                                                                </div>
                                                                <div class="login-options d-flex justify-content-between mt-3">
                                                                    <div class="have-account">
                                                                        <p><a href="#">Dont have an account?</a></p>
                                                                    </div>
                                                                    <div class="forgot-password">
                                                                        <p><a href="#">Forgot password?</a></p>
                                                                    </div>
                                                                </div>
                                                                <div class="login-btn">
                                                                    <button type="submit" class="tp-btn-primary">Login</button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <hr class="top-line">
            </div>
        </div>
        <!-- TOP HEADER END -->

        <!-- MEGAMENU START -->
        <div class="main-nav">
            <div class="container">
                <nav id="navigation1" class="navigation">
                    <div class="nav-header">
                        <a class="nav-logo" href="../index.html">
                            <img src="../images/logos/logo.png" class="white-logo" alt="">
                            <img src="../images/logos/logo-black.png" class="dark-logo" alt="">
                        </a>
                        <div class="nav-toggle"></div>
                    </div>
                    <div class="nav-menus-wrapper">
                        <ul class="nav-menu align-to-right">
                            <li><a href="#">HOME</a>
                                <div class="megamenu-panel">
                                    <div class="megamenu-lists">
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../1-agency.html">Agency</a></li>
                                            <li><a href="../2-beauty.html">Beauty</a></li>
                                            <li><a href="../3-construction.html">Construction</a></li>
                                            <li><a href="../4-corporate.html">Corporate</a></li>
                                            <li><a href="../5-courier.html">Courier</a></li>
                                            <li><a href="../6-dealer.html">Dealer</a></li>

                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../7-dental.html">Dental</a></li>
                                            <li><a href="../8-education.html">Education</a></li>
                                            <li><a href="../9-gym.html">Gym</a></li>
                                            <li><a href="../10-hotel.html">Hotel</a></li>
                                            <li><a href="../11-medical.html">Medical</a></li>
                                            <li><a href="../12-restaurant.html">Restaurant</a></li>

                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../13-charity.html">Charity</a></li>
                                            <li><a href="../14-cleaning.html">Cleaning</a></li>
                                            <li><a href="../15-finance.html">Finance</a></li>
                                            <li><a href="../16-industrial.html">Industrial</a></li>
                                            <li><a href="../17-hosting.html">Hosting</a></li>
                                            <li><a href="../18-portfolio.html">Portfolio</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../19-organic.html">Organic</a></li>
                                            <li><a href="../20-farm.html">Farm</a></li>
                                            <li><a href="../21-yoga.html">Yoga</a></li>
                                            <li><a href="../22-travel.html">Travel</a></li>
                                            <li><a href="../23-lawyer.html">Lawyer</a></li>
                                            <li><a href="../24-fitness.html">Fitness</a></li>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="#">PAGES</a>
                                <div class="megamenu-panel">
                                    <div class="megamenu-lists">
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../about-style-1.html">About Us</a></li>
                                            <li><a href="../about-style-2.html">About Me</a></li>
                                            <li><a href="../about-style-3.html">About Us - ALT 2</a></li>
                                            <li><a href="../about-style-4.html">About Us - ALT 3</a></li>
                                            <li><a href="../careers-style-1.html">Careers</a></li>
                                            <li><a href="../careers-style-2.html">Careers - ALT 2</a></li>
                                            <li><a href="../careers-style-3.html">Careers - ALT 3</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../services-style-1.html">Services</a></li>
                                            <li><a href="../services-style-2.html">Services - ALT 2</a></li>
                                            <li><a href="../services-style-3.html">Services - ALT 3</a></li>
                                            <li><a href="../services-style-4.html">Services - ALT 4</a></li>
                                            <li><a href="../profile-style-1.html">Profile</a></li>
                                            <li><a href="../profile-style-2.html">Profile - ALT 2</a></li>
                                            <li><a href="../profile-style-3.html">Profile - ALT 3</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../contact-style-1.html">Contact Us </a></li>
                                            <li><a href="../contact-style-2.html">Contact Us - ALT 2</a></li>
                                            <li><a href="../contact-style-3.html">Contact Us - ALT 3</a></li>
                                            <li><a href="../contact-style-4.html">Contact Us - ALT 4</a></li>
                                            <li><a href="../team-style-1.html">Our Team</a></li>
                                            <li><a href="../team-style-2.html">Our Team - ALT 2</a></li>
                                            <li><a href="../team-style-3.html">Our Team - ALT 3</a></li>

                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li><a href="../coming-soon-style-1.html">Coming Soon</a></li>
                                            <li><a href="../coming-soon-style-2.html">Coming Soon - ALT 2</a></li>
                                            <li><a href="../404-error-style-1.html">404 Page</a></li>
                                            <li><a href="../404-error-style-2.html">404 Page - ALT 2</a></li>
                                            <li><a href="../login-register-style-1.html">Login / Register</a></li>
                                            <li><a href="../faq.html">Faq</a></li>
                                            <li><a href="../faq-alt.html">Faq - ALT</a></li>

                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="#">ELEMENTS</a>
                                <div class="megamenu-panel">
                                    <div class="megamenu-lists">
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">ELEMENTS 1</a></li>
                                            <li><a href="../elements/accordions.html"><i class="fas fa-plus-square"></i> &nbsp; Accordions</a></li>
                                            <li><a href="../elements/alerts.html"><i class="fas fa-exclamation-circle"></i> &nbsp; Alerts</a></li>
                                            <li><a href="../elements/animations.html"><i class="fas fa-exchange-alt"></i> &nbsp; Animations</a></li>
                                            <li><a href="../elements/blockquotes.html"><i class="fas fa-quote-left"></i> &nbsp; Blockquotes</a></li>
                                            <li><a href="../elements/breadcrumbs.html"><i class="fas fa-share"></i> &nbsp; Breadcrumbs</a></li>
                                            <li><a href="../elements/buttons.html"><i class="fas fa-square"></i> &nbsp; Buttons</a></li>
                                            <li><a href="../elements/call-to-action.html"><i class="fas fa-bullhorn"></i> &nbsp; Call to Action</a></li>
                                            <li><a href="../elements/charts.html"><i class="fas fa-circle-notch"></i> &nbsp; Charts</a></li>
                                            <li><a href="../elements/content-boxes.html"><i class="fas fa-th-large"></i> &nbsp; Content Boxes</a></li>
                                            <li><a href="../elements/counters.html"><i class="fas fa-bullseye"></i> &nbsp; Counters</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">ELEMENTS 2</a></li>
                                            <li><a href="../elements/customers.html"><i class="fas fa-user-circle"></i> &nbsp; Customer</a></li>
                                            <li><a href="../elements/dropcaps.html"><i class="fas fa-font"></i> &nbsp; Dropcaps</a></li>
                                            <li><a href="../elements/flip-boxes.html"><i class="fas fa-sync-alt"></i> &nbsp; Flip Box</a></li>
                                            <li><a href="../elements/google-maps.html"><i class="fas fa-map"></i> &nbsp; Google Maps</a></li>
                                            <li><a href="../elements/grid-boxes.html"><i class="fas fa-th"></i> &nbsp; Grid Boxes</a></li>
                                            <li><a href="../elements/icon-boxes.html"><i class="fas fa-th-large"></i> &nbsp; Icon Boxes</a></li>
                                            <li><a href="../elements/icon-circle.html"><i class="far fa-circle"></i> &nbsp; Icon Circle</a></li>
                                            <li><a href="../elements/image-gallery.html"><i class="fas fa-expand"></i> &nbsp; Image Gallery</a></li>
                                            <li><a href="../elements/images.html"><i class="far fa-image"></i> &nbsp; Images</a></li>
                                            <li><a href="../elements/image-hover.html"><i class="fas fa-object-ungroup" aria-hidden="true"></i> &nbsp; Image Hover</a></li>						
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">ELEMENTS 3</a></li>
                                            <li><a href="../elements/lightbox.html"><i class="fas fa-lightbulb"></i> &nbsp; LightBox</a></li>
                                            <li><a href="../elements/modal-popup.html"><i class="fas fa-search-plus"></i> &nbsp; Modal Popup</a></li>
                                            <li><a href="../elements/pagination.html"><i class="fas fa-angle-double-right"></i> &nbsp; Pagination</a></li>
                                            <li><a href="../elements/parallax.html"><i class="fas fa-random"></i> &nbsp; Parallax</a></li>
                                            <li><a href="../elements/pricing-table.html"><i class="fas fa-table"></i> &nbsp; Pricing Tables</a></li>
                                            <li><a href="../elements/process-steps.html"><i class="fas fa-arrow-right"></i> &nbsp; Process Steps</a></li>
                                            <li><a href="../elements/profile-cards.html"><i class="fas fa-address-card"></i> &nbsp; Profile Cards</a></li>
                                            <li><a href="../elements/progress-bar.html"><i class="fas fa-tasks"></i> &nbsp; Progress Bar</a></li>
                                            <li><a href="../elements/recent-posts.html"><i class="fas fa-newspaper"></i> &nbsp; Recent Posts</a></li>
                                            <li><a href="../elements/section-styles.html"><i class="fas fa-outdent"></i> &nbsp; Section Styles</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">ELEMENTS 4</a></li>
                                            <li><a href="../elements/separators.html"><i class="fas fa-minus"></i> &nbsp; Separators</a></li>
                                            <li><a href="../elements/shop-banners.html"><i class="fas fa-language"></i> &nbsp; Shop Banners</a></li>
                                            <li><a href="../elements/social-icons.html"><i class="fab fa-twitter"></i> &nbsp; Social Icons</a></li>
                                            <li><a href="../elements/tables.html"><i class="fas fa-table"></i> &nbsp; Tables</a></li>
                                            <li><a href="../elements/tabs.html"><i class="fas fa-window-maximize"></i> &nbsp; Tabs</a></li>
                                            <li><a href="../elements/team.html"><i class="fas fa-users"></i> &nbsp; Team</a></li>
                                            <li><a href="../elements/testimonials.html"><i class="fas fa-edit"></i> &nbsp; Testimonials</a></li>
                                            <li><a href="../elements/timeline.html"><i class="fas fa-arrow-down"></i> &nbsp; Timeline</a></li>
                                            <li><a href="../elements/videos.html"><i class="fas fa-video"></i> &nbsp; Videos & Audio</a></li>
                                            <li><a href="../elements/video-background.html"><i class="fas fa-photo-video"></i> &nbsp; Video Background</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="#">SLIDERS</a>
                                <div class="megamenu-panel">
                                    <div class="megamenu-lists">
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">SLIDERS 1</a></li>
                                            <li><a href="3d-parallax-scenes.html">3D Parallax Scenes</a></li>
                                            <li><a href="404-error.html">404 Error</a></li>
                                            <li><a href="agency-slider.html">Agency Slider</a></li>
                                            <li><a href="blend-mode.html">Blend Mode</a></li>
                                            <li><a href="blur-effect.html">Blur Effect</a></li>
                                            <li><a href="car-dealer.html">Car Dealer</a></li>
                                            <li><a href="carousel-gallery.html">Carousel Gallery</a></li>
                                            <li><a href="classic-carousel.html">Classic Carousel</a></li>
                                            <li><a href="coming-soon.html">Coming soon</a></li>
                                            <li><a href="concept-slider.html">Concept Slider</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">SLIDERS 2</a></li>
                                            <li><a href="double-exposure-effect.html">Double Exposure Effect</a></li>
                                            <li><a href="exploration-header.html">Exploration Header</a></li>
                                            <li><a href="film-strip.html">Film Strip Effect</a></li>
                                            <li><a href="fine-dining.html">Fine Dining</a></li>
                                            <li><a href="gravity-design.html">Gravity Design</a></li>
                                            <li><a href="happy-hollidays.html">Happy Hollidays</a></li>
                                            <li><a href="hero-sports.html">Hero Sports</a></li>
                                            <li><a href="inspiration-header.html">Inspiration Header</a></li>
                                            <li><a href="levano-slider.html">Levano Slider</a></li>
                                            <li><a href="magazine-posts.html">Magazine Posts</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">SLIDERS 3</a></li>
                                            <li><a href="mask-showcase.html">Mask Showcase</a></li>
                                            <li><a href="mountain-parallax.html">Mountain Parallax</a></li>
                                            <li><a href="over-expousure.html">Over Exposure</a></li>
                                            <li><a href="panorama.html">Panorama</a></li>
                                            <li><a href="parallax-joy.html">Parallax Joy</a></li>
                                            <li><a href="parallax-zoom.html">Parallax Zoom</a></li>
                                            <li><a href="particle-effect-one.html">Particle Effect one</a></li>
                                            <li><a href="particle-effect-two.html">Particle Effect Two</a></li>
                                            <li><a href="particle-effect-three.html">Particle Effect Three</a></li>
                                            <li><a href="style-intro.html">Style Intro</a></li>
                                        </ul>
                                        <ul class="megamenu-list list-col-4">
                                            <li class="megamenu-list-title"><a href="#">SLIDERS 4</a></li>
                                            <li><a href="reveal.html">Reveal</a></li>
                                            <li><a href="rock-band.html">Rock Band</a></li>
                                            <li><a href="scroll-effects.html">Scroll Effect</a></li>
                                            <li><a href="slider-gym.html">Slider Gym</a></li>
                                            <li><a href="slider-news.html">Slider News</a></li>
                                            <li><a href="sliding-overlays.html">Sliding Overlays</a></li>
                                            <li><a href="web-agency.html">Web Agency</a></li>
                                            <li><a href="web-product.html">Web Product</a></li>
                                            <li><a href="website-intro.html">Website Intro</a></li>
                                            <li><a href="youtube-hero.html">Youtube Hero</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li><a href="#">SHOP</a>
                                <ul class="nav-dropdown">
                                    <li><a href="#">CLASSIC</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../shop-full-width.html">Full width</a></li>
                                            <li><a href="../shop-left-sidebar.html">Left sidebar</a></li>
                                            <li><a href="../shop-right-sidebar.html">Right sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">PRODUCT DETAILS</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../product-full-width.html">Full width</a></li>
                                            <li><a href="../product-left-sidebar.html">Left sidebar</a></li>
                                            <li><a href="../product-right-sidebar.html">Right sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="../shopping-cart.html">SHOPING CART</a></li>
                                    <li><a href="../checkout.html">CHECKOUT</a></li>
                                </ul>
                            </li>
                            <li><a href="#">BLOG</a>
                                <ul class="nav-dropdown">
                                    <li><a href="#">CLASSIC</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../blog-full-width.html">Full width</a></li>
                                            <li><a href="../blog-left-sidebar.html">Left sidebar</a></li>
                                            <li><a href="../blog-right-sidebar.html">Right sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">GRID</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../blog-grid-one-column.html">One column</a></li>
                                            <li><a href="../blog-grid-two-column.html">Two column</a></li>
                                            <li><a href="../blog-grid-three-column.html">Three column</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">MASONRY</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../masonry-two-columns.html">Two Columns</a></li>
                                            <li><a href="../masonry-three-columns.html">Three Columns</a></li>
                                            <li><a href="../masonry-four-columns.html">Four Columns</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">BLOG SINGLE</a>
                                        <ul class="nav-dropdown">
                                            <li><a href="../blog-single-full-width.html">Blog Single Full Width</a></li>
                                            <li><a href="../blog-single-left-sidebar.html">Blog Single Left Sidebar</a></li>
                                            <li><a href="../blog-single-right-sidebar.html">Blog Single Right Sidebar</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </nav>
            </div>
        </div>
        <!-- MEGAMENU END -->

        <div class="home-slider">
           <!-- SLIDER REVOLUTION START -->
           <section class="example">
               <article class="content">

                   <div id="rev_slider_1014_1_wrapper" class="rev_slider_wrapper fullscreen-container"
                       data-alias="typewriter-effect" data-source="gallery"
                       style="background-color:transparent;padding:0px;">
                       <!-- START REVOLUTION SLIDER 5.4.1 fullscreen mode -->
                       <div id="rev_slider_1014_1" class="rev_slider fullscreenbanner" style="display:none;"
                           data-version="5.4.1">
                           <ul>
                               <!-- SLIDE  -->
                               <li data-index="rs-2800" data-transition="slidingoverlayhorizontal"
                                   data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
                                   data-easein="default" data-easeout="default" data-masterspeed="default"
                                   data-thumb="../assets/images/Dancing-Bulbs-100x50.jpg" data-rotate="0"
                                   data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
                                   data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
                                   data-param8="" data-param9="" data-param10="" data-description="">
                                   <!-- MAIN IMAGE -->
                                   <img src="../assets/images/Dancing-Bulbs.jpg" alt="" data-bgposition="center center"
                                       data-bgfit="cover" class="rev-slidebg" data-no-retina>
                                   <!-- LAYERS -->

                                   <!-- BACKGROUND VIDEO LAYER -->
                                   <div class="rs-background-video-layer" data-forcerewind="on" data-volume="mute"
                                       data-videowidth="100%" data-videoheight="100%"
                                       data-videomp4="../assets/videos/Dancing-Bulbs.mp4" data-videopreload="auto"
                                       data-videoloop="loop" data-forceCover="1" data-aspectratio="16:9"
                                       data-autoplay="true" data-autoplayonlyfirsttime="false"></div>
                                   <!-- LAYER NR. 1 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2800-layer-7"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                                       data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
                                       data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                                       data-frames='[{"from":"opacity:0;","speed":500,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"speed":5000,"to":"opacity:0;","ease":"Power4.easeInOut"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 5;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 2 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2800-layer-1"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['-80','-80','-130','-157']"
                                       data-fontsize="['130','130','100','80']"
                                       data-lineheight="['130','130','100','80']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 6; white-space: nowrap; font-size: 130px; line-height: 130px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;border-width:0px;letter-spacing:-7px;">
                                       Web Agency </div>

                                   <!-- LAYER NR. 3 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" id="slide-2800-layer-3"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['16','16','-54','-89']" data-width="60" data-height="3"
                                       data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 7;background-color:rgba(38, 211, 105, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 4 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2800-layer-2"
                                       data-x="['center','center','center','center']"
                                       data-hoffset="['-10','-10','-10','-10']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['65','65','-8','-32']" data-fontsize="['40','40','30','30']"
                                       data-width="['640','640','480','360']" data-height="none"
                                       data-whitespace="['nowrap','nowrap','normal','normal']" data-type="text"
                                       data-typewriter='{"lines":"167%20Clients%20Worldwide.,23%20Qualified%20Employees.,150%20Cups%20of%20Coffee%20per%20Day.","enabled":"on","speed":"60","delays":"1%7C100","looped":"on","cursorType":"one","blinking":"on","word_delay":"off","sequenced":"on","hide_cursor":"off","start_delay":"1500","newline_delay":"1000","deletion_speed":"20","deletion_delay":"1000","blinking_speed":"500","linebreak_delay":"60","cursor_type":"two","background":"off"}'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 8; min-width: 640px; max-width: 640px; white-space: nowrap; font-size: 40px; line-height: 40px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       Dedicated. Inspired. Passionate. </div>

                                   <!-- LAYER NR. 5 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2800-layer-4"
                                       data-x="['right','right','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','100','83']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:-50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 9; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       ABOUT US </div>

                                   <!-- LAYER NR. 6 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2800-layer-6"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['237','237','158','141']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 10; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       or </div>

                                   <!-- LAYER NR. 7 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2800-layer-5"
                                       data-x="['left','left','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','224','207']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 11; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       CONTACT </div>
                               </li>
                               <!-- SLIDE  -->
                               <li data-index="rs-2801" data-transition="slidingoverlayhorizontal"
                                   data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
                                   data-easein="default" data-easeout="default" data-masterspeed="default"
                                   data-thumb="../assets/images/citybg-100x50.jpg" data-rotate="0"
                                   data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
                                   data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
                                   data-param8="" data-param9="" data-param10="" data-description="">
                                   <!-- MAIN IMAGE -->
                                   <img src="../assets/images/citybg.jpg" alt="" data-bgposition="center center"
                                       data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                   <!-- LAYERS -->

                                   <!-- LAYER NR. 8 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2801-layer-7"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                                       data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
                                       data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                                       data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 12;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 9 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2801-layer-1"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['-80','-80','-130','-157']"
                                       data-fontsize="['130','130','100','80']"
                                       data-lineheight="['130','130','100','80']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 13; white-space: nowrap; font-size: 130px; line-height: 130px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-width:0px;letter-spacing:-7px;">
                                       Dream. Big. </div>

                                   <!-- LAYER NR. 10 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" id="slide-2801-layer-3"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['16','16','-54','-89']" data-width="60" data-height="3"
                                       data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 14;background-color:rgba(0, 220, 186, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 11 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2801-layer-2"
                                       data-x="['center','center','center','center']"
                                       data-hoffset="['-10','-10','-10','-10']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['65','65','-8','-32']" data-fontsize="['40','40','30','30']"
                                       data-width="['640','640','480','360']" data-height="none"
                                       data-whitespace="normal" data-type="text"
                                       data-typewriter='{"lines":"Customizable%20Typerwiter%20Effect.,Add%20to%20any%20Text%20Layer.,A%20100%25%20Free%20Addon%20for%20Rvsldr.","enabled":"on","speed":"60","delays":"1%7C100","looped":"on","cursorType":"one","blinking":"on","word_delay":"off","sequenced":"on","hide_cursor":"off","start_delay":"1500","newline_delay":"1000","deletion_speed":"20","deletion_delay":"1000","blinking_speed":"500","linebreak_delay":"60","cursor_type":"two","background":"off"}'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 15; min-width: 640px; max-width: 640px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       Made to Captivate your Audience. </div>

                                   <!-- LAYER NR. 12 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2801-layer-4"
                                       data-x="['right','right','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','100','83']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:-50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 16; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       ABOUT US </div>

                                   <!-- LAYER NR. 13 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2801-layer-6"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['237','237','158','141']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 17; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       or </div>

                                   <!-- LAYER NR. 14 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2801-layer-5"
                                       data-x="['left','left','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','224','207']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:50px;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 18; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       CONTACT </div>
                               </li>
                               <!-- SLIDE  -->
                               <li data-index="rs-2802" data-transition="slidingoverlayhorizontal"
                                   data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"
                                   data-easein="default" data-easeout="default" data-masterspeed="default"
                                   data-thumb="../assets/images/farmbg-100x50.jpg" data-rotate="0"
                                   data-saveperformance="off" data-title="Slide" data-param1="" data-param2=""
                                   data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
                                   data-param8="" data-param9="" data-param10="" data-description="">
                                   <!-- MAIN IMAGE -->
                                   <img src="../assets/images/farmbg.jpg" alt="" data-bgposition="center center"
                                       data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                   <!-- LAYERS -->

                                   <!-- LAYER NR. 15 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper " id="slide-2802-layer-7"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                                       data-width="full" data-height="full" data-whitespace="nowrap" data-type="shape"
                                       data-basealign="slide" data-responsive_offset="off" data-responsive="off"
                                       data-frames='[{"from":"opacity:0;","speed":1000,"to":"o:1;","delay":0,"ease":"Power4.easeOut"},{"delay":"wait","speed":1000,"to":"opacity:0;","ease":"Power4.easeOut"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 19;background-color:rgba(0, 0, 0, 0.50);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 16 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2802-layer-1"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['-80','-81','-171','-146']"
                                       data-fontsize="['100','100','70','60']" data-lineheight="['100','100','70','50']"
                                       data-width="['760','760','none','360']" data-height="none"
                                       data-whitespace="['normal','normal','nowrap','normal']" data-type="text"
                                       data-typewriter='{"lines":"","enabled":"on","speed":"80","delays":"1%7C100","looped":"off","cursorType":"one","blinking":"on","word_delay":"off","sequenced":"off","hide_cursor":"on","start_delay":"1000","newline_delay":"1000","deletion_speed":"20","deletion_delay":"1000","blinking_speed":"500","linebreak_delay":"60","cursor_type":"two","background":"off"}'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":500,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 20; min-width: 760px; max-width: 760px; white-space: normal; font-size: 100px; line-height: 100px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;border-width:0px;letter-spacing:-5px;">
                                       It Always Seems<br />Impossible<br /> Until its Done. </div>

                                   <!-- LAYER NR. 17 -->
                                   <div class="tp-caption tp-shape tp-shapewrapper  tp-resizeme" id="slide-2802-layer-3"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['96','96','-35','-19']" data-width="60" data-height="3"
                                       data-whitespace="nowrap" data-type="shape" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":5000,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 21;background-color:rgba(0, 220, 186, 1.00);border-color:rgba(0, 0, 0, 0);border-width:0px;">
                                   </div>

                                   <!-- LAYER NR. 18 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2802-layer-2"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['144','144','12','18']" data-fontsize="['40','40','30','30']"
                                       data-width="['640','640','480','360']" data-height="none"
                                       data-whitespace="normal" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;sX:1;sY:1;opacity:0;","speed":2500,"to":"o:1;","delay":5000,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['center','center','center','center']"
                                       data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]"
                                       data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                       style="z-index: 22; min-width: 640px; max-width: 640px; white-space: normal; font-size: 40px; line-height: 40px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       Nelson Mandela </div>

                                   <!-- LAYER NR. 19 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2802-layer-4"
                                       data-x="['right','right','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','100','93']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:-50px;opacity:0;","speed":2500,"to":"o:1;","delay":5000,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 23; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       ABOUT US </div>

                                   <!-- LAYER NR. 20 -->
                                   <div class="tp-caption   tp-resizeme" id="slide-2802-layer-6"
                                       data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['237','237','158','151']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="text" data-responsive_offset="on"
                                       data-frames='[{"from":"y:50px;opacity:0;","speed":2500,"to":"o:1;","delay":5000,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[0,0,0,0]"
                                       style="z-index: 24; white-space: nowrap; font-size: 25px; line-height: 25px; font-weight: 400; color: rgba(255, 255, 255, 1.00);font-family:Georgia, serif;font-style:italic;border-width:0px;">
                                       or </div>

                                   <!-- LAYER NR. 21 -->
                                   <div class="tp-caption rev-btn  tp-resizeme" id="slide-2802-layer-5"
                                       data-x="['left','left','center','center']" data-hoffset="['660','550','0','0']"
                                       data-y="['middle','middle','middle','middle']"
                                       data-voffset="['240','240','224','217']" data-width="none" data-height="none"
                                       data-whitespace="nowrap" data-type="button"
                                       data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":""}]'
                                       data-responsive_offset="on"
                                       data-frames='[{"from":"x:50px;opacity:0;","speed":2500,"to":"o:1;","delay":5000,"ease":"Power4.easeOut"},{"delay":"wait","speed":300,"to":"opacity:0;","ease":"nothing"},{"frame":"hover","speed":"150","ease":"Power2.easeInOut","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(0, 0, 0, 1.00);bg:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 0);bw:2px 2px 2px 2px;"}]'
                                       data-textAlign="['left','left','left','left']" data-paddingtop="[0,0,0,0]"
                                       data-paddingright="[50,50,50,50]" data-paddingbottom="[0,0,0,0]"
                                       data-paddingleft="[50,50,50,50]"
                                       style="z-index: 25; white-space: nowrap; font-size: 15px; line-height: 46px; font-weight: 700; color: rgba(255, 255, 255, 1.00);font-family:Arial, Helvetica, sans-serif;background-color:rgba(0, 0, 0, 0);border-color:rgba(255, 255, 255, 0.25);border-style:solid;border-width:2px;border-radius:4px 4px 4px 4px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;letter-spacing:5px;cursor:pointer;">
                                       CONTACT </div>
                               </li>
                           </ul>
                           <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
                       </div>
                   </div>

               </article>
           </section>
           <!-- SLIDER REVOLUTION END -->
        </div>
    </header>
    <!-- HEADER END -->

    <section>
        <div class="container mt-5 mb-5">
            <div class="row">
                <div class="col-lg-4">
                    <div class="slider-feature-info">
                        <h5 class="overtitle">Web Agency</h5>
                        <h2>SLIDER REVOLUTION</h2>
                        <p>Including the powerful and stunning Slider Revolution is an innovative, responsive jQuery Slider Plugin that displays your content the beautiful way.</p>
                    </div>
                </div>
                <div class="col-lg-8 spacing-md">
                    <div class="row">
                        <div class="col-md-6 top-col">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <img src="../images/icons/levels.svg" class="sr-core-icon" alt="...">
                                  </div>
                                  <div class="flex-grow-1 ms-3">
                                    <h5 class="mt-0">SLIDERS DIVERSITY</h5>
                                    <p>With more than 100 templates, it allows you to create almost any type of web pages.</p>
                                  </div>
                            </div>
                        </div>
                        <div class="col-md-6 top-col">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <img src="../images/icons/document.svg" class="sr-core-icon" alt="...">
                                  </div>
                                  <div class="flex-grow-1 ms-3">
                                    <h5 class="mt-0">DOCUMENTATION</h5>
                                    <p>Complete and clear documentation for an easy and fast installation..</p>
                                  </div>
                            </div>
                        </div>
                        <div class="col-md-6 bottom-col-resp">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <img src="../images/icons/device.svg" class="sr-core-icon" alt="...">
                                  </div>
                                  <div class="flex-grow-1 ms-3">
                                    <h5 class="mt-0">RESPONSIVE DESIGN</h5>
                                    <p>Slider Revolution adapts to any device for a better visual experience..</p>
                                  </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="d-flex">
                                <div class="flex-shrink-0">
                                    <img src="../images/icons/support.svg" class="sr-core-icon" alt="...">
                                  </div>
                                  <div class="flex-grow-1 ms-3">
                                    <h5 class="mt-0">PREMIUM SUPPORT</h5>
                                    <p>If you have any problems in the installation process, we are here to help you.</p>
                                  </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="rs-line">
        </div>

        <div class="container rs-call-to-action mt-5 mb-5">
            <div class="row">
                <div class="col-lg-8">
                    <div class="ca-left-side">
                        <h3>Premium Multi-Purpose HTML5 Template</h3>
                        <p>Let's develop your project with this impressive and powerful template that helps you
                                create beautiful web pages. An original solution for any business..</p>
                    </div> 
                </div>
                <div class="col-md-12 col-lg-4">
                    <div class="ca-right-side flex-parent jc-center">
                        <a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Purchase now</a>
                    </div>   
                </div> 
            </div>
        </div>
    </section>

    <!-- FOOTER START -->
    <footer>
        <div class="container mt-5">
            <div class="top-footer">
                <div class="row">
                    <div class="col-lg-12 col-xl-7">
                        <h3>Creative and affordable website solution</h3>
                        <p>Build modern websites with this powefull Multi-Purpose Template.</p>
                    </div>
                    <div class="col-lg-12 col-xl-5">
                        <div class="footer-btn">
                            <a class="tp-btn-primary" href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank" role="button">Purchase now</a>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="footer-line">
            <div class="center-footer">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="footer-col footer-left-col">
                            <figure class="site-footer-logo">
                                <img src="../images/logos/logo.png" alt="">
                            </figure>
                            <p>Let's develop your project with this impressive and powerful template that helps you
                                create beautiful web pages. An original solution for any business.</p>
                            <ul class="footer-social">
                                <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                                <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fab fa-dribbble"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="footer-col">
                            <h5>Quick Links</h5>
                            <ul class="quick-links">
                                <li><a href="../index.html">Home</a></li>
                                <li><a href="../services-style-1.html">Services</a></li>
                                <li><a href="../blog-full-width.html">Blogs</a></li>
                                <li><a href="../contact-style-1.html">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="footer-col">
                            <h5>About</h5>
                            <ul class="quick-links">
                                <li><a href="../profile-style-1.html">Profile</a></li>
                                <li><a href="../team-style-1.html">Team</a></li>
                                <li><a href="../careers-style-1.html">Careers</a></li>
                                <li><a href="../faq.html">FAQ</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="footer-col">
                            <h5>Get in Touch</h5>
                            <ul class="footer-contact">
                                <li class="phone"><a href="tel:123-456-7890">+ 123-456-7890</a></li>
                                <li class="email"><a href="mailto:info@merit.com">info@merit.com</a></li>
                                <li>
                                    <div class="d-flex">
                                        <div class="flex-shrink-0">
                                            <i class="fas fa-map-pin"></i>
                                        </div>
                                        <div class="flex-grow-1 ms-3">
                                            <p>7391 North Bay Meadows Circle New York, NY 10040.</p>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="footer-line">
            <div class="bottom-footer">
                <div class="row">
                    <div class="col-lg-6">
                        <div class="footer-copyright">
                            <p>© 2022 <a href="https://themeforest.net/item/merit-premium-multipurpose-html5-template/21866679" target="_blank">Merit Premium Template</a> all rights reserved.</p>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ul class="footer-terms">
                            <li><a href="../terms.html">Terms</a></li>
                            <li><a href="../privacy.html">Privacy</a></li>
                            <li><a href="../contact-style-4.html">Support</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- FOOTER END -->

    <!-- SCROLL TOP -->
    <a href="#0" class="cd-top">Top</a>

    <!-- TEMPLATE MAIN JAVASCRIPT FILES -->
    <script src="../js/lib/jquery-3.6.0.min.js"></script>
    <script src="../js/lib/bootstrap.min.js"></script>
    <script src="../js/lib/plugins.js"></script>
    <script src="../js/lib/megamenu.js"></script>
    <script src="../js/lib/navigation.js"></script>
    <script src="../js/lib/navigation.fixed.min.js"></script>
    <script src="../js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="../revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="../revolution/js/jquery.themepunch.revolution.min.js"></script>

    <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
    <script src="../revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.carousel.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.migration.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.parallax.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="../revolution/js/extensions/revolution.extension.video.min.js"></script>
    
    <!-- REQUIRE JS FOR SLIDER REVOLUTION -->
    <script>
        var tpj = jQuery;

        var revapi1014;
        tpj(document).ready(function () {
            if (tpj("#rev_slider_1014_1").revolution == undefined) {
                revslider_showDoubleJqueryError("#rev_slider_1014_1");
            } else {
                revapi1014 = tpj("#rev_slider_1014_1").show().revolution({
                    sliderType: "standard",
                    jsFileLocation: "revolution/js/",
                    sliderLayout: "fullscreen",
                    dottedOverlay: "none",
                    delay: 9000,
                    navigation: {
                        keyboardNavigation: "off",
                        keyboard_direction: "horizontal",
                        mouseScrollNavigation: "off",
                        mouseScrollReverse: "default",
                        onHoverStop: "off",
                        touch: {
                            touchenabled: "on",
                            swipe_threshold: 75,
                            swipe_min_touches: 1,
                            swipe_direction: "horizontal",
                            drag_block_vertical: false
                        },
                        arrows: {
                            style: "uranus",
                            enable: true,
                            hide_onmobile: true,
                            hide_under: 768,
                            hide_onleave: false,
                            tmp: '',
                            left: {
                                h_align: "left",
                                v_align: "center",
                                h_offset: 20,
                                v_offset: 0
                            },
                            right: {
                                h_align: "right",
                                v_align: "center",
                                h_offset: 20,
                                v_offset: 0
                            }
                        }
                    },
                    responsiveLevels: [1240, 1024, 778, 480],
                    visibilityLevels: [1240, 1024, 778, 480],
                    gridwidth: [1240, 1024, 778, 480],
                    gridheight: [868, 768, 960, 600],
                    lazyType: "none",
                    shadow: 0,
                    spinner: "off",
                    stopLoop: "on",
                    stopAfterLoops: 0,
                    stopAtSlide: 1,
                    shuffle: "off",
                    autoHeight: "off",
                    fullScreenAutoWidth: "off",
                    fullScreenAlignForce: "off",
                    fullScreenOffsetContainer: "",
                    fullScreenOffset: "60px",
                    disableProgressBar: "on",
                    hideThumbsOnMobile: "off",
                    hideSliderAtLimit: 0,
                    hideCaptionAtLimit: 0,
                    hideAllCaptionAtLilmit: 0,
                    debugMode: false,
                    fallbacks: {
                        simplifyAll: "off",
                        nextSlideOnWindowFocus: "off",
                        disableFocusListener: false,
                    }
                });
            }

            // RsTypewriterAddOn(tpj, revapi1014);
        }); /*ready*/
    </script>

</body>


<!-- Mirrored from quickdevs.com/demo/merit/rev-sliders/web-agency.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 29 Mar 2023 10:49:16 GMT -->
</html>