
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Assan 3.0</title>
<!-- Plugins CSS -->
<link href="css/plugins/plugins.css" rel="stylesheet">
<!-- 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">
<!-- load css for cubeportfolio -->
<link rel="stylesheet" type="text/css" href="cubeportfolio/css/cubeportfolio.min.css">
<link href="css/style.css" rel="stylesheet">
</head>

  <body>

  <div id="preloader">
<div id="preloader-inner"></div>
                            </div><!--/preloader-->

<!-- Pushy Menu -->
<aside class="pushy pushy-right">
<div class="cart-content">
<div class="clearfix">
<a href="javascript:void(0)" class="pushy-link text-white-gray">Close</a>
                                                                       </div>
                                                                         <ul class="list-unstyled">
<li class="clearfix">
<a href="#" class="float-left">
<img src="images/shop/p1.jpg" class="img-fluid" alt="" width="60">
</a>
  <div class="oHidden">
<span class="close"><i class="ti-close"></i></span>
                                              <h4><a href="#">Men's Special Watch</a></h4>
<p class="text-white-gray"><strong>$299.00</strong> x 1</p>
                                                         </div>
                                                           </li><!--/cart item-->
                                                                     <li class="clearfix">
<a href="#" class="float-left">
<img src="images/shop/p2.jpg" class="img-fluid" alt="" width="60">
</a>
  <div class="oHidden">
<span class="close"><i class="ti-close"></i></span>
                                              <h4><a href="#">Men's tour beg</a></h4>
<p class="text-white-gray"><strong>$99.00</strong> x 1</p>
                                                        </div>
                                                          </li><!--/cart item-->
                                                                    <li class="clearfix">
<a href="#" class="float-left">
<img src="images/shop/p3.jpg" class="img-fluid" alt="" width="60">
</a>
  <div class="oHidden">
<span class="close"><i class="ti-close"></i></span>
                                              <h4><a href="#">Women's T-shirts</a></h4>
<p class="text-white-gray"><strong>$199.00</strong> x 1</p>
                                                         </div>
                                                           </li><!--/cart item-->
                                                                     <li class="clearfix">

<div class="float-right">
<a href="#" class="btn btn-primary">Checkout</a>
                                              </div>
                                                <h4  class="text-white">
<small>Subtotal - </small> $49.99
</h4>
  </li><!--/cart item-->
            </ul>
              </div>
                </aside>
<!-- Site Overlay -->
<div class="site-overlay"></div>

                            <nav class="navbar navbar-expand-lg navbar-light navbar-transparent bg-faded nav-sticky">
<div class="search-inline">
<form>
 <input type="text" class="form-control" placeholder="Type and hit enter...">
<button type="submit"><i class="ti-search"></i></button>
                                                 <a href="javascript:void(0)" class="search-close"><i class="ti-close"></i></a>
                                                                                                                             </form>
                                                                                                                               </div><!--/search form-->
                                                                                                                                          <div class="container">

<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
                                    </button>
                                      <a class="navbar-brand" href="index.html">
<img class='logo logo-dark' src="images/logo.png" alt="">
<img class='logo logo-light hidden-md-down' src="images/logo-light.png" alt="">
</a>
  <div  id="navbarNavDropdown" class="navbar-collapse collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown active">
<a class="nav-link  dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Home</a>
                                                                                                                      <ul class="dropdown-menu dropdown-menu-right">
<li><a href="index.html" class="dropdown-item">Home 1 - Slider</a></li>
                                                                    <li><a href="index-02.html" class="dropdown-item">Home 2 - Particle</a></li>
                                                                                                                                             <li><a href="index-03.html" class="dropdown-item">Home 3 - Carousel</a></li>
                                                                                                                                                                                                                      <li><a href="index-04.html" class="dropdown-item">Home 4 - Text animation</a></li>
                                                                                                                                                                                                                                                                                                     <li><a href="index-05.html" class="dropdown-item">Home 5 - Youtube hero</a></li>
                                                                                                                                                                                                                                                                                                                                                                                  <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Classic One page <span class="badge badge-danger">HOT</span></a>
                                                                                                              <ul class="dropdown-menu">
<li><a href="classic-onepage-resume-cv.html" class="dropdown-item">Resume CV</a></li>
                                                                                  <li><a href="classic-onepage-personal.html" class="dropdown-item">Personal Portfolio</a></li>
                                                                                                                                                                            <li><a href="classic-onepage-events.html" class="dropdown-item">Event Landing</a></li>
                                                                                                                                                                                                                                                               <li><a href="classic-onepage-restaurant.html" class="dropdown-item">Restaurant</a></li>
                                                                                                                                                                                                                                                                                                                                                   </ul>
                                                                                                                                                                                                                                                                                                                                                     </li>
                                                                                                                                                                                                                                                                                                                                                       <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Demo Shop</a>
                                                           <ul class="dropdown-menu">
<li><a href="shop-home.html" class="dropdown-item">Shop home</a></li>
                                                                  <li><a href="shop-full.html" class="dropdown-item">Shop Full width</a></li>
                                                                                                                                          <li><a href="shop-sidebar.html" class="dropdown-item">Shop Sidebar</a></li>
                                                                                                                                                                                                                  <li><a href="shop-item.html" class="dropdown-item">Shop item</a></li>
                                                                                                                                                                                                                                                                                    <li><a href="shop-cart.html" class="dropdown-item">Shop cart</a></li>
                                                                                                                                                                                                                                                                                                                                                      <li><a href="shop-checkout.html" class="dropdown-item">Shop checkout</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                  </li>

                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Multi Level 1</a>
                                                               <ul class="dropdown-menu">
<li><a href="#" class="dropdown-item">Multi Level 2</a></li>
                                                         <li><a href="#" class="dropdown-item">Multi Level 2</a></li>
                                                                                                                  <li><a href="#" class="dropdown-item">Multi Level 2</a></li>
                                                                                                                                                                           <li class="dropdown-submenu"><a tabindex="-1" href="#" class="dropdown-item">Multi Level 2</a>
                                                                                                                                                                                                                                                                       <ul class="dropdown-menu">
<li> <a href="#" class="dropdown-item">Multi Level 3</a></li>
                                                          <li><a href="#" class="dropdown-item">Multi Level 3</a></li>
                                                                                                                   <li><a href="#" class="dropdown-item">Multi Level 3</a></li>
                                                                                                                                                                            </ul>
                                                                                                                                                                              </li>
                                                                                                                                                                                </ul>
                                                                                                                                                                                  </li>
                                                                                                                                                                                    </ul>
                                                                                                                                                                                      </li>
                                                                                                                                                                                        <li class="nav-item dropdown dropdown-full-width">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
Pages
                            </a>
                              <ul class="dropdown-menu dropdown-mega-fw">
<li class="container">
<div class="mega-menu-content">
<div class="row">
<div class="col-lg-3">
<ul class="mega-inner-nav list-unstyled">
<li><a href="page-about.html"> About Modern</a></li>
                                                 <li><a href="page-about-alt.html"> About Simple</a></li>
                                                                                                      <li><a href="page-team.html"> Our Team</a></li>
                                                                                                                                                  <li><a href="page-services.html"> Services</a></li>
                                                                                                                                                                                                  <li><a href="page-service-alt.html"> Services 2</a></li>
                                                                                                                                                                                                                                                       <li><a href="page-contact-basic.html"> Contact basic </a></li>
                                                                                                                                                                                                                                                                                                                  <li><a href="page-contact-advanced.html"> Contact Advanced</a></li>
                                                                                                                                                                                                                                                                                                                                                                                  </ul>
                                                                                                                                                                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                      <div class="col-lg-3">

<ul class="mega-inner-nav list-unstyled">
<li><a href="page-faq.html"> Faqs</a></li>
                                       <li><a href="page-pricing.html"> Pricing Plans</a></li>
                                                                                           <li><a href="page-sec-navbar.html"> Secondary navbar</a></li>
                                                                                                                                                     <li><a href="page-clients.html"> Our Clients</a></li>
                                                                                                                                                                                                       <li><a href="page-career.html"> Career</a></li>
                                                                                                                                                                                                                                                   <li><a href="page-office.html"> Our Office</a></li>
                                                                                                                                                                                                                                                                                                   <li><a href="page-custom-header.html"> Custom Header</a></li>
                                                                                                                                                                                                                                                                                                                                                             </ul>
                                                                                                                                                                                                                                                                                                                                                               </div>
                                                                                                                                                                                                                                                                                                                                                                 <div class="col-lg-3">

<ul class="mega-inner-nav list-unstyled">
<li><a href="page-full-width.html"> Full width</a></li>
                                                    <li><a href="page-left-sidebar.html"> Left Sidebar</a></li>
                                                                                                            <li><a href="page-right-sidebar.html"> Right sidebar</a></li>
                                                                                                                                                                      <li><a href="page-both-sidebar.html"> Both Sidebar</a></li>
                                                                                                                                                                                                                              <li><a href="page-coming-soon.html"> Coming soon</a></li>
                                                                                                                                                                                                                                                                                    <li><a href="page-coming-soon2.html"> Coming Soon alt</a></li>
                                                                                                                                                                                                                                                                                                                                               <li><a href="page-blank.html"> Blank page</a></li>
                                                                                                                                                                                                                                                                                                                                                                                              </ul>

                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                  <div class="col-lg-3">

<ul class="mega-inner-nav list-unstyled">
<li><a href="page-login.html"> Login</a></li>
                                          <li><a href="page-register.html"> Register</a></li>
                                                                                          <li><a href="page-fpassword.html">Forget password</a></li>
                                                                                                                                                 <li><a href="page-success.html"> Success page</a></li>
                                                                                                                                                                                                    <li><a href="page-maintenence.html"> Maintenence mode</a></li>
                                                                                                                                                                                                                                                               <li><a href="page-404-video.html"> 404 video</a></li>
                                                                                                                                                                                                                                                                                                                 <li><a href="page-404-particle.html"> 404 Particle</a></li>
                                                                                                                                                                                                                                                                                                                                                                         </ul>
                                                                                                                                                                                                                                                                                                                                                                           </div>
                                                                                                                                                                                                                                                                                                                                                                             </div>
                                                                                                                                                                                                                                                                                                                                                                               </div>
                                                                                                                                                                                                                                                                                                                                                                                 </li>
                                                                                                                                                                                                                                                                                                                                                                                   </ul>
                                                                                                                                                                                                                                                                                                                                                                                     </li>
                                                                                                                                                                                                                                                                                                                                                                                       <li class="nav-item dropdown dropdown-full-width">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" aria-haspopup="true" aria-expanded="false">
Portfolio
                            </a>
                              <ul class="dropdown-menu dropdown-mega-fw">
<li class="container">
<div class="mega-menu-content">
<p class="text-muted">Powered by cube portfolio</p>
                                                 <div class="row">
<div class="col-lg-3">
<h4 class="mega-title">Grid overlay</h4>
                                     <ul class="mega-inner-nav list-unstyled">
<li><a href="folio-grid-2.html"> 2 Columns</a></li>
                                                <li><a href="folio-grid-3.html"> 3 Columns</a></li>
                                                                                                <li><a href="folio-grid-4.html"> 4 Columns</a></li>
                                                                                                                                                <li><a href="folio-grid-5.html"> 5 Columns</a></li>
                                                                                                                                                                                                <li><a href="folio-grid-6.html"> 6 Columns</a></li>
                                                                                                                                                                                                                                                <li><hr></li>
                                                                                                                                                                                                                                                          <li><a href="folio-ajax-load.html">Ajax - Load More</a></li>

                                                                                                                                                                                                                                                                                                                   <li><a href="folio-ajax-modal.html"> Ajax - Modal</a></li>
                                                                                                                                                                                                                                                                                                                                                                          </ul>
                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                              <div class="col-lg-3">
<h4 class="mega-title">Grid Titles</h4>
                                    <ul class="mega-inner-nav list-unstyled">
<li><a href="folio-grid-title-2.html"> 2 Columns</a></li>
                                                      <li><a href="folio-grid-title-3.html"> 3 Columns</a></li>
                                                                                                            <li><a href="folio-grid-title-4.html"> 4 Columns</a></li>
                                                                                                                                                                  <li><a href="folio-grid-title-5.html"> 5 Columns</a></li>
                                                                                                                                                                                                                        <li><a href="folio-grid-title-6.html"> 6 Columns</a></li>
                                                                                                                                                                                                                                                                              <li><a href="folio-grid-title-nm-2.html"> No Margin 2 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                 <li><a href="folio-grid-title-nm-3.html"> No Margin 3 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="folio-grid-title-nm-4.html"> No Margin 4 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <li><a href="folio-grid-title-nm-5.html"> No Margin 5 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <div class="col-lg-3">
<h4 class="mega-title">Grid Full width</h4>
                                        <ul class="mega-inner-nav list-unstyled">
<li><a href="folio-grid-fw-2.html"> 2 Columns</a></li>
                                                   <li><a href="folio-grid-fw-3.html"> 3 Columns</a></li>
                                                                                                      <li><a href="folio-grid-fw-4.html"> 4 Columns</a></li>
                                                                                                                                                         <li><a href="folio-grid-fw-5.html"> 5 Columns</a></li>
                                                                                                                                                                                                            <li><a href="folio-grid-fw-6.html"> 6 Columns</a></li>
                                                                                                                                                                                                                                                               <li><a href="folio-grid-fw-nm-2.html"> No Margin 2 columns</a></li>
                                                                                                                                                                                                                                                                                                                               <li><a href="folio-grid-fw-nm-3.html"> No Margin 3 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                               <li><a href="folio-grid-fw-nm-4.html"> No Margin 4 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                               <li><a href="folio-grid-fw-nm-5.html"> No Margin 5 columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               </ul>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <div class="col-lg-3">
<h4 class="mega-title">Grid Masonry</h4>
                                     <ul class="mega-inner-nav list-unstyled">
<li><a href="folio-masonry-2.html"> 2 Columns</a></li>
                                                   <li><a href="folio-masonry-3.html"> 3 Columns</a></li>
                                                                                                      <li><a href="folio-masonry-4.html"> 4 Columns</a></li>
                                                                                                                                                         <li><a href="folio-mosaic-contained.html"> mosaic contained</a></li>
                                                                                                                                                                                                                          <li><a href="folio-mosaic-full.html"> Mosaic Full width</a></li>
                                                                                                                                                                                                                                                                                       <li><hr></li>
                                                                                                                                                                                                                                                                                                 <li><a href="folio-single-gallery.html">Single - Gallery</a></li>
                                                                                                                                                                                                                                                                                                                                                               <li><a href="folio-single-video.html"> Single - Video</a></li>

                                                                                                                                                                                                                                                                                                                                                                                                                          </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                            </div>
                                                                                                                                                                                                                                                                                                                                                                                                                              </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                  </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                    </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                      </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="nav-item dropdown">
<a class="nav-link  dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Blog</a>
                                                                                                                      <ul class="dropdown-menu dropdown-menu-right">
<li><a href="blog-contained.html" class="dropdown-item">Contained</a></li>
                                                                       <li><a href="blog-sidebar-left.html" class="dropdown-item">Left Sidebar</a></li>
                                                                                                                                                    <li><a href="blog-sidebar-right.html" class="dropdown-item">Right Sidebar</a></li>
                                                                                                                                                                                                                                   <li><a href="blog-masonry.html" class="dropdown-item">Masonry</a></li>
                                                                                                                                                                                                                                                                                                      <li><a href="blog-masonry-sidebar.html" class="dropdown-item">Masonry sidebar</a></li>
                                                                                                                                                                                                                                                                                                                                                                                         <li><a href="blog-lg-post-grid.html" class="dropdown-item">Large post grid</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li><a href="blog-timeline.html" class="dropdown-item">Timeline</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Single Post</a>
                                                             <ul class="dropdown-menu">
<li><a href="post-image.html" class="dropdown-item">Image</a></li>
                                                               <li><a href="post-gallery.html" class="dropdown-item">Gallery</a></li>
                                                                                                                                  <li><a href="post-video.html" class="dropdown-item">Video</a></li>
                                                                                                                                                                                                 </ul>
                                                                                                                                                                                                   </li>
                                                                                                                                                                                                     </ul>
                                                                                                                                                                                                       </li>
                                                                                                                                                                                                         <li class="nav-item dropdown">
<a class="nav-link  dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">Features</a>
                                                                                                                          <ul class="dropdown-menu dropdown-menu-right">
<li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Headers</a>
                                                         <ul class="dropdown-menu">
<li><a href="header-light-top-bar.html" class="dropdown-item">Light top bar</a></li>
                                                                                 <li><a href="header-dark-top-bar.html" class="dropdown-item">Dark top bar</a></li>
                                                                                                                                                                <li><a href="header-transparent-dark.html" class="dropdown-item">Transparent Dark</a></li>
                                                                                                                                                                                                                                                       <li><a href="header-transparent-light.html" class="dropdown-item">Transparent Light</a></li>
                                                                                                                                                                                                                                                                                                                                                <li><a href="header-center-logo.html" class="dropdown-item">Center logo</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                             <li><a href="header-center-navbar.html" class="dropdown-item">Center Navbar</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a href="header-sticky-dark.html" class="dropdown-item">Sticky dark</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           <li><a href="header-sticky-light.html" class="dropdown-item">Sticky light</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <li><a href="header-after-hero.html" class="dropdown-item">After hero</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Footers</a>
                                                         <ul class="dropdown-menu">
<li><a href="footer-1.html" class="dropdown-item">Footer 1</a></li>
                                                                <li><a href="footer-2.html" class="dropdown-item">Footer 2</a></li>
                                                                                                                                <li><a href="footer-3.html" class="dropdown-item">Footer 3</a></li>
                                                                                                                                                                                                <li><a href="footer-4.html" class="dropdown-item">Footer 4</a></li>
                                                                                                                                                                                                                                                                <li><a href="footer-5.html" class="dropdown-item">Footer 5</a></li>
                                                                                                                                                                                                                                                                                                                                <li><a href="footer-6.html" class="dropdown-item">Footer 6</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                <li><a href="footer-7.html" class="dropdown-item">Footer 7</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li class=" dropdown-submenu dropdown">
<a tabindex="-1" href="#" class="dropdown-item">Slider & Heros</a>
                                                                <ul class="dropdown-menu">
<li><a href="hero-particle.html" class="dropdown-item">Hero Particle</a></li>
                                                                          <li><a href="hero-parallax.html" class="dropdown-item">Hero Parallax</a></li>
                                                                                                                                                    <li><a href="hero-youtube.html" class="dropdown-item">Hero youtube</a></li>
                                                                                                                                                                                                                            <li><a href="hero-vimeo.html" class="dropdown-item">Hero Vimeo</a></li>
                                                                                                                                                                                                                                                                                                <li><a href="hero-agency.html" class="dropdown-item">Hero Agency</a></li>
                                                                                                                                                                                                                                                                                                                                                                      <li><a href="slider-particle.html" class="dropdown-item">Slider Particle</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="slider-small.html" class="dropdown-item">Slider Small</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li><a href="slider-text.html" class="dropdown-item">Slider Text</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <li><a href="slider-carousel.html" class="dropdown-item">Slider Carousel</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li><a href="slider-kenburns.html" class="dropdown-item">Slider Ken burns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               <li><a href="slider-image.html" class="dropdown-item">Slider Image</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               <li class="nav-item dropdown dropdown-full-width">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
Elements
                            </a>
                              <ul class="dropdown-menu dropdown-mega-fw">
<li class="container">
<div class="mega-menu-content">
<div class="row">
<div class="col-lg-3">
<h4 class="mega-title">Shortcode 1</h4>
                                    <ul class="mega-inner-nav list-unstyled">
<li><a href="shortcode-buttons.html"><i class="ti-settings"></i> Buttons</a></li>
                                                                              <li><a href="shortcode-animations.html"><i class="ti-wand"></i> Animations</a></li>
                                                                                                                                                              <li><a href="shortcode-social-buttons.html"><i class="ti-facebook"></i> Social Buttons</a></li>
                                                                                                                                                                                                                                                          <li><a href="shortcode-carousel.html"><i class="ti-slice"></i> Carousel</a></li>
                                                                                                                                                                                                                                                                                                                                       <li><a href="shortcode-clients.html"><i class="ti-apple"></i> Clients</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                  <li><a href="shortcode-columns.html"><i class="ti-align-center"></i> Columns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="shortcode-alerts.html"><i class="ti-close"></i> Alerts</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li><a href="shortcode-page-titles.html"><i class="ti-heart"></i> Page Titles</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="col-lg-3">
<h4 class="mega-title">Shortcode 2</h4>
                                    <ul class="mega-inner-nav list-unstyled">
<li><a href="shortcode-icon-box.html"><i class="ti-light-bulb"></i> Icon Boxes</a></li>
                                                                                    <li><a href="shortcode-parallax.html"><i class="ti-image"></i> Parallax</a></li>
                                                                                                                                                                 <li><a href="shortcode-flex-box.html"><i class="ti-star"></i> flex boxes</a></li>
                                                                                                                                                                                                                                               <li><a href="shortcode-promo-box.html"><i class="ti-tag"></i> Promo Boxes</a></li>
                                                                                                                                                                                                                                                                                                                              <li><a href="shortcode-lightbox.html"><i class="ti-plus"></i> Lightbox</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                          <li><a href="shortcode-testimonials.html"><i class="ti-comments"></i> Testimonials</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  <li><a href="shortcode-counter.html"><i class="ti-calendar"></i> Counter & Countdowns</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <li><a href="shortcode-icons.html"><i class="ti-flag"></i> icons</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       <div class="col-lg-3">
<h4 class="mega-title">Shortcode 3</h4>
                                    <ul class="mega-inner-nav list-unstyled">
<li><a href="shortcode-tabs.html"><i class="fa fa-cog"></i> Tabs</a></li>
                                                                      <li><a href="shortcode-accordions.html"><i class="fa fa-magic"></i> Accordions</a></li>
                                                                                                                                                          <li><a href="shortcode-progressbars.html"><i class="ti-align-left"></i> Progress bars</a></li>
                                                                                                                                                                                                                                                     <li><a href="shortcode-typography.html"><i class="ti-text"></i> Typography</a></li>
                                                                                                                                                                                                                                                                                                                                     <li><a href="shortcode-card.html"><i class="ti-layout-tab-window"></i> Cards</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                       <li><a href="shortcode-tables.html"><i class="ti-clipboard"></i> Tables</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="shortcode-sticky-elements.html"><i class="fa fa-arrow-circle-up"></i> Sticky Elements</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            <li><a href="shortcode-pricing-tables.html"><i class="ti-credit-card"></i> Pricing Tables</a></li>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           </ul>

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               <div class="col-lg-3">
<h4 class="mega-title">Shortcode 4</h4>
                                    <ul class="mega-inner-nav list-unstyled">
<li><a href="shortcode-charts.html"><i class="ti-bar-chart"></i> Charts</a></li>
                                                                             <li><a href="shortcode-responsive-videos.html"><i class="ti-control-play"></i> Responsive Videos</a></li>
                                                                                                                                                                                   <li><a href="shortcode-gmap.html"><i class="ti-map"></i> Google Map</a></li>

                                                                                                                                                                                                                                                            <li><a href="shortcode-modals.html"><i class="ti-close"></i> Modals</a></li>
                                                                                                                                                                                                                                                                                                                                     <li><a href="shortcode-blockquotes.html"><i class="ti-quote-right"></i> Blockquotes</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a href="shortcode-paginations.html"><i class="ti-arrow-circle-right"></i> Paginations</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <li><a href="shortcode-form-elments.html"><i class="ti-share"></i> Form Elements</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <li><a href="shortcode-notify.html"><i class="ti-alert"></i>Notification-bar</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      <li><a href="shortcode-image-text-cards.html"><i class="ti-image"></i>Image+Text cards</a></li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class=" navbar-right-elements">
<ul class="list-inline">
<li class="list-inline-item"><a href="javascript:void(0)" class="search-open"><i class="ti-search"></i></a></li>
                                                                                                             <li class="list-inline-item"><a href="javascript:void(0)" class=" menu-btn"><i class="ti-shopping-cart"></i> <span class="badge badge-default">3</span></a></li>
                                                                                                                                                                                                                                                                          </ul>
                                                                                                                                                                                                                                                                            </div><!--right nav icons-->
                                                                                                                                                                                                                                                                                      </div>
                                                                                                                                                                                                                                                                                        </nav>

                                                                                                                                                                                                                                                                                          <div id="rev_slider_1078_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="classic4export" data-source="gallery" style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
<!-- START REVOLUTION SLIDER 5.4.1 auto mode -->
<div id="rev_slider_1078_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
<ul>
<!-- SLIDE  -->
<li data-index="rs-3045" data-transition="parallaxtoleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" 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="images/bg1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption mainSlide-Subtitle   tp-resizeme"
id="slide-1706-layer-1"
data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
data-y="['middle','middle','middle','middle']" data-voffset="['-102','-102','-92','-68']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-fontsize="['20','20','20','20']"
data-lineheight="['25','25','25','25']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":800,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.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: 7; white-space: nowrap;text-transform:left;">take your project to a new level </div>
<!-- LAYER NR. 1 -->
<div class="tp-caption mainSlide-Title-Centered   tp-resizeme"
id="slide-1706-layer-2"
data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']"
data-fontsize="['55','55','40','30']"
data-lineheight="['65','65','55','35']"
data-width="['800','700','621','420']"
data-height="none"
data-whitespace="normal"

data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; text-align:left; max-width:1170px; white-space: normal;">Powerful multipurpose bootstrap template</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption mainSlide-Button btn btn-lg btn-white-outline "
id="slide-1706-layer-3"
data-x="['left','left','left','left']" data-hoffset="['30','15','15','15']"
data-y="['middle','middle','middle','middle']" data-voffset="['112','112','112','96']"
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-responsive="off"
data-frames='[{"delay":2000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[12,12,12,12]"
data-paddingright="[35,35,35,35]"
data-paddingbottom="[12,12,12,12]"
data-paddingleft="[35,35,35,35]"

style="z-index: 8; white-space: nowrap;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">READ MORE </div>
                                                                                                                                                                                </li>
<!-- SLIDE  -->
<li data-index="rs-3046" data-transition="parallaxtoleft" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"  data-fstransition="fade" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off"  data-title="Intro" 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="images/bg13.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->

<!-- LAYER NR. 1 -->
<div class="tp-caption mainSlide-Title-Centered   tp-resizeme"
id="slide-1706-layer-4"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']"
data-fontsize="['55','55','40','30']"
data-lineheight="['65','65','50','35']"
data-width="['900','800','621','420']"
data-height="none"
data-whitespace="normal"

data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"

style="z-index: 6; text-align:center; white-space: normal;">Build Using modern tools </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption mainSlide-caption   tp-resizeme"
id="slide-1706-layer-5"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','50']"
data-fontsize="['24','24','24','16']"
data-lineheight="['34','34','34','26']"
data-width="['800','700','621','420']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; text-align:left; max-width:1170px; white-space: normal;">Take your Project to a new level with assan multipurpose template</div>
                                                                                                                                               </li>
<!-- SLIDE  -->
<li data-index="rs-3047" data-transition="parallaxtoright" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0"  data-saveperformance="off"  data-title="HTML5 Video" 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="images/video/Busy-People.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgparallax="10" 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="images/video/Busy-People.mp4"
data-videopreload="auto"
data-videoloop="none"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"
data-nextslideatend="true"
></div>
<!-- LAYER NR. 1 -->
<div class="tp-caption mainSlide-Title-Centered   tp-resizeme"
id="slide-1706-layer-8"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','1']"
data-fontsize="['55','55','40','30']"
data-lineheight="['65','65','50','35']"
data-width="['900','800','621','420']"
data-height="none"
data-whitespace="normal"

data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1000,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"

style="z-index: 6; text-align:center; white-space: normal;">Smooth parallax videos </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption mainSlide-caption   tp-resizeme"
id="slide-1706-layer-9"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','50']"
data-fontsize="['24','24','24','16']"
data-lineheight="['34','34','34','26']"
data-width="['800','700','621','420']"
data-height="none"
data-whitespace="normal"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":1400,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[10,10,10,10]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; text-align:left; max-width:1170px; white-space: normal;">Create a smooth parallax video background with assan easily</div>
                                                                                                                                         </li>
                                                                                                                                           </ul>
                                                                                                                                             <div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>	</div>
                                                                                                                                                                                                                                                       </div><!-- END REVOLUTION SLIDER -->
<div class="container pt90">

<div class="row pb60">
<div class="col-lg-4 mb30 wow zoomInUp" data-wow-delay="100ms" data-wow-duration=".4s">
<div class="icon-box icon-box-center">
<i class="icon-hover-1 bg-primary icon-mobile icon-hover-default"></i>
                                                                    <h4>Fully Responsive</h4>
                                                                                          <p>
                                                                                          Molestiae, repudiandae, maxime, earum, sapiente assumenda non odit laborum qui vero vel quos sint excepturi in laudantium.
</p>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb30 wow zoomInDown" data-wow-delay="200ms" data-wow-duration=".6s">
<div class="icon-box icon-box-center">
<i class="icon-hover-1 bg-primary icon-profile-male icon-hover-default"></i>
                                                                          <h4>Trusted Author</h4>
                                                                                              <p>
                                                                                              Molestiae, repudiandae, maxime, earum, sapiente assumenda non odit laborum qui vero vel quos sint excepturi in laudantium.
</p>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb30 wow zoomInRight" data-wow-delay="300ms" data-wow-duration=".8s">
<div class="icon-box icon-box-center">
<i class="icon-hover-1 bg-primary icon-refresh icon-hover-default"></i>
                                                                     <h4>Reusable Elements</h4>
                                                                                            <p>
                                                                                            Molestiae, repudiandae, maxime, earum, sapiente assumenda non odit laborum qui vero vel quos sint excepturi in laudantium.
</p>
  </div>
    </div><!--/col-->
               </div>

                 </div><!--/intro-->

                            <div class="bg-faded">
<div class="container pt90">
<div class="title-heading1 mb40">
<h3>Our Latest work</h3>
                     </div>
                       </div>
<!--            <div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">
All <div class="cbp-filter-counter"></div>
                                      </div>
                                        <div data-filter=".print" class="cbp-filter-item">
Print <div class="cbp-filter-counter"></div>
                                        </div>
                                          <div data-filter=".web-design" class="cbp-filter-item">
Web Design <div class="cbp-filter-counter"></div>
                                             </div>
                                               <div data-filter=".graphic" class="cbp-filter-item">
Graphic <div class="cbp-filter-counter"></div>
                                          </div>
                                            <div data-filter=".motion" class="cbp-filter-item">
Motion <div class="cbp-filter-counter"></div>
                                         </div>
                                           </div>-->

<div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
<div class="cbp-item web-design graphic">
<a href="images/masonry/sm1.jpg" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/sm1.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Project title</div>
                                                </div>
                                                  </div>
                                                    </div>
                                                      </a>
                                                        </div>
                                                          <div class="cbp-item print motion">
<a href="images/masonry/sm2.jpg" class="cbp-caption cbp-lightbox" data-title="World Clock<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/sm2.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">World Clock</div>
                                              </div>
                                                </div>
                                                  </div>
                                                    </a>
                                                      </div>
                                                        <div class="cbp-item print motion">
<a href="images/masonry/lgv1.jpg" class="cbp-caption cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/lgv1.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">WhereTO App</div>
                                              </div>
                                                </div>
                                                  </div>
                                                    </a>
                                                      </div>
                                                        <div class="cbp-item motion graphic">
<a href="images/masonry/lgh1.jpg" class="cbp-caption cbp-lightbox" data-title="Seemple* Music<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/lgh1.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Seemple* Music</div>
                                                 </div>
                                                   </div>
                                                     </div>
                                                       </a>
                                                         </div>
                                                           <div class="cbp-item web-design print">
<a href="images/masonry/sm3.jpg" class="cbp-caption cbp-lightbox" data-title="iDevices<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/sm3.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">iDevices</div>
                                           </div>
                                             </div>
                                               </div>
                                                 </a>
                                                   </div>
                                                     <div class="cbp-item print motion">
<a href="images/masonry/sm4.jpg" class="cbp-caption cbp-lightbox" data-title="Remind~Me Widget<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="images/masonry/sm4.jpg" alt="">
</div>
  <div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Remind~Me Widget</div>
                                                   </div>
                                                     </div>
                                                       </div>
                                                         </a>
                                                           </div>

                                                             </div>
                                                               </div><!--portfolio-->
                                                                         <div class="bg-parallax parallax-overlay" data-jarallax='{"speed": 0.2}' style='background-image: url("images/bg6.jpg")'>
<div class="container pt60 pb60">
<div class="row">
<div class="col-lg-8">
<h3 class="text-white">
Assan helps to improve your business online
                        </h3>
                                                               </div>
                                                                 <div class="col-lg-4 pt0">
<a href="#" class="btn btn-lg btn-white-outline">
View All Work
                        </a>
                                   </div>
                                     </div>
                                       </div>
                                         </div><!--cta-->
                                                   <div class="pt90 pb50 container">
<div class="title-heading1 mb40">
<h3>core features of assan</h3>
                            </div>
                              <div class="row">
<div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-linegraph fa-3x text-primary"></i>
                                               </div>
                                                 <div class="media-body">
<h4 class="mt-0 mb10">Reusable elements</h4>
                                         Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-phone fa-3x text-primary"></i>
                                           </div>
                                             <div class="media-body">
<h4 class="mt-0 mb10">Mobile friendly</h4>
                                       Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-twitter fa-3x text-primary"></i>
                                             </div>
                                               <div class="media-body">
<h4 class="mt-0 mb10">Bootstrap 4 </h4>
                                    Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               </div>
                 <div class="row">
<div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-lightbulb fa-3x text-primary"></i>
                                               </div>
                                                 <div class="media-body">
<h4 class="mt-0 mb10">Modern Layouts</h4>
                                      Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-edit fa-3x text-primary"></i>
                                          </div>
                                            <div class="media-body">
<h4 class="mt-0 mb10">Well Coded</h4>
                                  Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               <div class="col-lg-4 mb40">
<div class="media icon-simple">
<div class="d-flex mr-3">
<i class="icon-gift fa-3x text-primary"></i>
                                          </div>
                                            <div class="media-body">
<h4 class="mt-0 mb10">15+ Templates</h4>
                                     Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
</div>
  </div>
    </div><!--/col-->
               </div>
                 </div><!--Features-->
                           <div class="bg-parallax parallax-overlay" data-jarallax='{"speed": 0.2}' style='background-image: url("images/bg5.jpg")'>
<div class="container pt90 pb60">
<div class="row align-items-center">
<div class="col-lg-6 mb30">
<h3 class="text-white mb30">Company Analysis</h3>
                                              <p class="text-white-gray">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
                        </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <div class="col-lg-3 mb30 text-center">
<input type="text" class="progress-circle" data-width="50%" data-thickness=".05" data-bgColor="transparent" value="85" data-skin="tron" data-fgColor="#fff" data-readOnly="true">
<h4 class="pt30 text-white">Creative Startup</h4>
                                              </div>
                                                <div class="col-lg-3 mb30 mb30 text-center">
<input type="text" class="progress-circle" data-width="50%" data-thickness=".05" data-bgColor="transparent" value="75" data-skin="tron" data-fgColor="#fff" data-readOnly="true">
<h4 class="pt30 text-white">One Click Solutions</h4>
                                                 </div>
                                                   </div>
                                                     </div>
                                                       </div><!--/.Analysis-->
                                                                  <div class="container pt90 pb60">
<div class="row align-items-center">
<div class="col-lg-5 mb30">
<div class="progress-label clearfix">
<span class="progress-title">
Jquery
                        </span>
                          <span class="progress-value float-right">
25%
</span>
  </div><!--label-->
            <div class="progress progress-default">

<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                                                                           </div>
                                                                                                                             <div class="progress-label clearfix">
<span class="progress-title">
photoshop
                        </span>
                          <span class="progress-value float-right">
50%
</span>
  </div><!--label-->
            <div class="progress progress-default">
<div class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                                                                                           </div>
                                                                                                                             <div class="progress-label clearfix">
<span class="progress-title">
HTML5
                        </span>
                          <span class="progress-value float-right">
75%
</span>
  </div><!--label-->
            <div class="progress progress-default">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                                                                                                           </div>
                                                                                                                             <div class="progress-label clearfix">
<span class="progress-title">
CSS3
                        </span>
                          <span class="progress-value float-right">
85%
</span>
  </div><!--label-->
            <div class="progress progress-default">
<div class="progress-bar" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"></div>
                                                                                                                           </div>
                                                                                                                             </div>
                                                                                                                               <div class="col-lg-6 ml-auto mb30">
<h3 class="mb20">Strategy Planning</h3>
                                    <p>
                                    Our clients range from FTSE 300 companies, to large charitable organisations and some small local businesses who are striving to expand. Most of our clients use our Data Analysis service to inform their strategic decision making and their targets for the immediate, mid-term and long-term future. The data sources that we use for this type of analysis include customer enquiry data, sales figures, costs, market data and customer feedback. Our teams are up to date with the latest technologies, media trends and are keen to prove themselves in this industry and that’s what you want.
</p>
  <a href="#" class="btn btn-lg btn-outline-primary"> Learn more</a>
                                                                  </div>
                                                                    </div>
                                                                      </div><!--/.Strategy Planning-->

                                                                                 <div class='bg-dark'>
<div class="pt90 container">
<div class="row align-items-center">
<div class="col-lg-8 text-center col-lg-10 mr-auto ml-auto">
<h2 class='text-white'>Lets get started your project</h2>
                                                      <p>
                                                      <p class='lead text-white-gray'>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
  <a href="#" class="btn btn-lg btn-rounded btn-primary">Buy Now</a><br>
                                                                  <img src="images/browser-set.png" alt="" class="img-fluid pt40">
</div>
  </div>
    </div>
      </div>
        <div class="bg-primary pt90 pb90">
<div class="container">
<!-- Carousel -->
<div class="carousel-testimonial owl-carousel owl-theme carousel-dark">

<div class="item">
<div class=" testimonial testimonial-dark">
<div class="row align-items-center">
<div class="col-lg-3 ml-md-5">
<img src="images/customer-1.jpg" alt="" class="img-fluid circle">
</div>
  <div class="col-lg-7">
<p class="lead">
" This is a great theme! I love it and recommend it to anyone wanting to purchase it. "
</p>
  <h5>John Doe - <span>Assan Customer</span></h5>
                                              </div>
                                                </div>
                                                  </div>
                                                    </div><!--item-->
                                                              <div class="item">
<div class=" testimonial testimonial-dark">
<div class="row align-items-center">
<div class="col-lg-3 ml-md-5">
<img src="images/customer-2.jpg" alt="" class="img-fluid circle">
</div>
  <div class="col-lg-7">
<p class="lead">
" Compared to others this was a very easy to use and adapt template. It didn't break as easy with minor changes. Thanks "
</p>
  <h5>John Doe - <span>Assan Customer</span></h5>
                                              </div>
                                                </div>
                                                  </div>
                                                    </div><!--item-->
                                                              <div class="item">
<div class=" testimonial testimonial-dark">
<div class="row align-items-center">
<div class="col-lg-3 ml-md-5">
<img src="images/customer-3.jpg" alt="" class="img-fluid circle">
</div>
  <div class="col-lg-7">
<p class="lead">
" Hello,
your theme gets better and better on every version. Gratulation to this wonderful theme and please keep on working this way (good once)!! "
</p>
  <h5>John Doe - <span>Assan Customer</span></h5>
                                              </div>
                                                </div>
                                                  </div>
                                                    </div><!--item-->
                                                              </div> <!-- /Carousel -->
</div>
  </div><!--/.testimonials-->
             <div class=" pt90 pb60">
<div class="container">
<div class="title-heading1 mb40">
<h3>Latest News</h3>
                 </div>
                   <div class="row">
<div class="col-lg-4 mb30 wow fadeInUp" data-wow-delay=".2s">
<div class="entry-card">
<a href="#" class="entry-thumb">
<img src="images/entry1.jpg" alt="" class="img-fluid">
<span class="thumb-hover ti-back-right"></span>
                                          </a><!--/entry thumb-->
                                                   <div class="entry-content">
<div class="entry-meta mb5">
<span>
 May 15th 2017
</span>
  </div>
    <h4 class="entry-title text-capitalize">
<a href="#">
Manage grid items with bootstrap4 flex box sit amet
                                    </a>
                                                                                     </h4>
                                                                                       <p>
                                                                                       Our clients range from FTSE 300 to large charitable  and some small local businesses who are striving to expand.
</p>
  <div class="text-right">
<a href="#" class="btn-link btn">Read More</a>
                                            </div>
                                              </div><!--/entry content-->
                                                         </div>
                                                           </div><!--/.col-->
                                                                      <div class="col-lg-4 mb30 wow fadeInUp" data-wow-delay=".3s">
<div class="entry-card">
<a href="#" class="entry-thumb">
<img src="images/entry2.jpg" alt="" class="img-fluid">
<span class="thumb-hover ti-back-right"></span>
                                          </a><!--/entry thumb-->
                                                   <div class="entry-content">
<div class="entry-meta mb5">
<span>
 May 15th 2017
</span>
  </div>
    <h4 class="entry-title text-capitalize">
<a href="#">
Manage grid items with bootstrap4 flex box sit amet
                                    </a>
                                                                                     </h4>
                                                                                       <p>
                                                                                       Our clients range from FTSE 300  to large charitable  and some small local businesses who are striving to expand.
</p>
  <div class="text-right">
<a href="#" class="btn-link btn">Read More</a>
                                            </div>
                                              </div><!--/entry content-->
                                                         </div>
                                                           </div><!--/.col-->

                                                                      <div class="col-lg-4 mb30 wow fadeInUp" data-wow-delay=".4s">
<div class="entry-card">
<a href="#" class="entry-thumb">
<img src="images/entry3.jpg" alt="" class="img-fluid">
<span class="thumb-hover ti-back-right"></span>
                                          </a><!--/entry thumb-->
                                                   <div class="entry-content">
<div class="entry-meta mb5">
<span>
 May 15th 2017
</span>
  </div>
    <h4 class="entry-title text-capitalize">
<a href="#">
Manage grid items with bootstrap4 flex box sit amet
                                    </a>
                                                                                     </h4>
                                                                                       <p>
                                                                                       Our clients range from FTSE 300  to large charitable  and some small local businesses who are striving to expand.
</p>
  <div class="text-right">
<a href="#" class="btn-link btn">Read More</a>
                                            </div>
                                              </div><!--/entry content-->
                                                         </div>
                                                           </div><!--/.col-->
                                                                      </div>
                                                                        </div>
                                                                          </div><!--news-->
                                                                                    <div class="bg-faded pt90 pb90">
<div class="container">
<div class="title-heading1 mb50">
<h3>Subscribe to our newsletter</h3>
                                 </div>
                                   <div class="row">
<div class="col-lg-6 mr-auto ml-auto">
<form id="widget-subscribe-form" action="index.html" role="form" method="post" class="mb0">
<div class="input-group input-group-lg">

<input type="email" name="widget-subscribe-form-email" class="form-control required" placeholder="Enter your Email">
<span class="input-group-btn">
<button class="btn btn-primary" type="submit">Subscribe</button>
                                                         </span>
                                                           </div>
                                                             </form>
                                                               </div>
                                                                 </div>
                                                                   </div>
                                                                     </div>

                                                                       <div class="bg-white">
<div class="container pt50 pb30">
<!-- Carousel -->
<div class="carousel-client owl-carousel owl-theme">
<div class="item text-center">

<img src="images/cl-1.png" alt="" class="img-fluid">
</div>
  <div class="item text-center">

<img src="images/cl-2.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-3.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-4.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-5.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-1.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-2.png" alt="">
</div>
  <div class="item text-center">

<img src="images/cl-3.png" alt="">
</div>
  </div> <!-- /Carousel -->
</div><!--/.clients-->
           </div>
             <footer class="footer footer-standard pt50 pb20">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 mb40">
<h3>About Us</h3>
              <p>
              In eu libero ligula. Fusce eget metus lorem, ac viverra leo. Nullam convallis, arcu vel pellentesque sodales, nisi est varius diam, ac ultrices sem ante quis sem. Proin ultricies volutpat sapien, nec scelerisque ligula mollis lobortis.
</p>
  <a href="#" class="btn btn-white-outline btn-sm">Learn More</a>
                                                               </div>
                                                                 <div class="col-lg-2 col-md-6 mb40">
<h3>Quick links</h3>
                 <ul class="list-unstyled footer-list-item">
<li>
 <a href="#">
About
                                </a>
                                  </li>
                                    <li>
                                    <a href="#">
News
                                </a>
                                  </li>
                                    <li>
                                    <a href="#">
FAQS
                                </a>
                                  </li>
                                    <li>
                                    <a href="#">
Contact
                                </a>
                                  </li>
                                    <li>
                                    <a href="#">
Term & conditions
                                </a>
                                         </li>
                                           <li>
                                           <a href="#">
Privacy & policy
                                </a>
                                            </li>
                                              </ul>
                                                </div>
                                                  <div class="col-lg-3 col-md-6 mb40">
<h3>Latest News</h3>
                 <ul class="list-unstyled latest-news">
<li class="media">
<a href="#"> <img class="d-flex mr-3 img-fluid" width="64" src="images/img1.jpg" alt="Generic placeholder image"></a>
                                                                                                                   <div class="media-body">
<h5 class="mt-0 mb-1"><a href="#">Beautiful Sofa lamp at low price</a></h5>
                                                                        April 05, 2017
</div>
  </li>
    <li class="media my-3">
<a href="#"> <img class="d-flex mr-3 img-fluid" width="64" src="images/img2.jpg" alt="Generic placeholder image"></a>
                                                                                                                   <div class="media-body">
<h5 class="mt-0 mb-1"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                                                  Jan 05, 2017
</div>
  </li>
    <li class="media">
<a href="#"> <img class="d-flex mr-3 img-fluid" width="64" src="images/img5.jpg" alt="Generic placeholder image"></a>
                                                                                                                   <div class="media-body">
<h5 class="mt-0 mb-1"><a href="#">New awesome features of bootstrap 4</a></h5>
                                                                           March 15, 2017
</div>
  </li>
    </ul>
      </div>
        <div class="col-lg-3 col-md-6 mb40">
<h3>Headquarters</h3>
                  <img src="images/map-img.png" alt="" class="img-fluid">
</div>
  </div>
    </div>
      </footer><!--/footer-->
                    <div class="footer-bottomAlt">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="clearfix">
<a href="#" class="social-icon-sm si-dark si-facebook si-dark-round">
<i class="fa fa-facebook"></i>
                            <i class="fa fa-facebook"></i>
                                                        </a>
                                                          <a href="#" class="social-icon-sm si-dark si-twitter si-dark-round">
<i class="fa fa-twitter"></i>
                           <i class="fa fa-twitter"></i>
                                                      </a>
                                                        <a href="#" class="social-icon-sm si-dark si-g-plus si-dark-round">
<i class="fa fa-google-plus"></i>
                               <i class="fa fa-google-plus"></i>
                                                              </a>
                                                                <a href="#" class="social-icon-sm si-dark si-skype si-dark-round">
<i class="fa fa-skype"></i>
                         <i class="fa fa-skype"></i>
                                                  </a>
                                                    <a href="#" class="social-icon-sm si-dark si-linkedin si-dark-round">
<i class="fa fa-linkedin"></i>
                            <i class="fa fa-linkedin"></i>
                                                        </a>
                                                          </div>
                                                            </div>
                                                              <div class="col-lg-5">
<span>&copy; Copyright 2017. All Right Reserved</span>
                                                 </div>
                                                   </div>
                                                     </div>
                                                       </div><!--/footer bottom-->
<!--back to top-->
    <a href="#" class="back-to-top hidden-xs-down" id="back-to-top"><i class="ti-angle-up"></i></a>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script type="text/javascript" src="js/plugins/plugins.js"></script>
                                                             <script type="text/javascript" src="js/assan.custom.js"></script>
<!-- load cubeportfolio -->
<script type="text/javascript" src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
                                                                                    <script type="text/javascript" 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 type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
                                                                                                    <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
                                                                                                                                                                                                         <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
                                                                                                                                                                                                                                                                                                             <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <script>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       /**Hero  script**/
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   var tpj = jQuery;

var revapi1078;
tpj(document).ready(function () {
if (tpj("#rev_slider_1078_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_1078_1");
} else {
revapi1078 = tpj("#rev_slider_1078_1").show().revolution({
sliderType: "standard",
jsFileLocation: "revolution/js/",
sliderLayout: "auto",
dottedOverlay: "none",
delay: 8000,
navigation: {
arrows: {
enable: true,
style: 'uranus',
tmp: '',
rtl: false,
hide_onleave: false,
hide_onmobile: true,
hide_under: 600,
hide_over: 9999,
hide_delay: 200,
hide_delay_mobile: 1200,
left: {
    container: 'slider',
    h_align: 'left',
    v_align: 'center',
    h_offset: 0,
    v_offset: 0
},
right: {
    container: 'slider',
    h_align: 'right',
    v_align: 'center',
    h_offset: 0,
    v_offset: 0
}
}
},
viewPort: {
    enable: true,
    outof: "pause",
    visible_area: "80%",
    presize: false
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1140, 992, 700, 465],
gridheight: [600, 600, 500, 480],
lazyType: "none",
parallax: {
    type: "mouse",
    origo: "slidercenter",
    speed: 2000,
    levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55]
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
    simplifyAll: "off",
    nextSlideOnWindowFocus: "off",
    disableFocusListener: false
}
});
}
});	/*ready*/
//cube portfolio init
(function ($, window, document, undefined) {
'use strict';

// init cubeportfolio
                $('#js-grid-mosaic-flat').cubeportfolio({
filters: '#js-filters-mosaic-flat',
layoutMode: 'mosaic',
sortToPreventGaps: true,
mediaQueries: [{
    width: 1500,
    cols: 6
}, {
    width: 1100,
    cols: 4
}, {
    width: 800,
    cols: 3
}, {
width: 480,
cols: 2,
options: {
    caption: '',
    gapHorizontal: 15,
    gapVertical: 15
}
}],
defaultFilter: '*',
animationType: 'fadeOutTop',
gapHorizontal: 0,
gapVertical: 0,
gridAdjustment: 'responsive',
caption: 'fadeIn',
displayType: 'fadeIn',
displayTypeSpeed: 100,
// lightbox
   lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
plugins: {
loadMore: {
    selector: '#js-loadMore-mosaic-flat',
    action: 'click',
    loadItems: 3
}
}
});
})(jQuery, window, document);
</script>
  </body>
    </html>
