Tryag File Manager

/home/ynormeco/.trash/portfolio-fullwidth.html

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

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1">

<title>Kallyas - Gigantic Premium Template | Portfolio - Full Width</title>

<link rel="icon" type="image/png" href="images/favicons/favicon-16x16.png" sizes="16x16">

<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,600italic,700,800,800italic" rel="stylesheet" type="text/css">
	<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">

<link rel="stylesheet" href="css/template.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/responsive.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/base-sizing.css" type="text/css" media="all">

<link rel="stylesheet" href="css/custom.css" type="text/css" />

<script type="text/javascript" src="js/modernizr.min.js"></script>

<script type="text/javascript" src="js/jquery.js"></script>

</head>

<div class="m_content how_to_shop">
						<div class="row">
							<div class="col-sm-4">
								<span class="number">1</span> Login or create new account.
							</div>

<div class="col-sm-4">
								<span class="number">2</span> Review your order.
							</div>

<div class="col-sm-4">
								<span class="number">3</span> Payment &amp; <strong>FREE</strong> shipment
							</div>
							
						</div>

<p>If you still have problems, please let us know, by sending an email to support@website.com . Thank you!</p>
					</div>
					
				</div>

<div class="col-sm-3">
					
					<h4 class="m_title">SHOWROOM HOURS</h4>

<div class="m_content">
						Mon-Fri 9:00AM - 6:00AM<br>
						Sat - 9:00AM-5:00PM<br>
						Sundays by appointment only!
					</div>
					
				</div>
				
			</div>
			
		</div>
		
	</div>

<div id="page_wrapper">
		
		<header id="header" class="site-header style1 cta_button">
			
			<div class="kl-header-bg"></div>

<div class="container siteheader-container">
				
				<div class="kl-top-header clearfix">
					
					<div class="header-links-container ">
						<ul class="topnav navRight topnav">
							
							<li>
								<label for="support_p" class="spanel-label">
		                    		<i class="glyphicon glyphicon-info-sign icon-white support-info visible-xs xs-icon"></i>
									<span class="hidden-xs">SUPPORT</span>
								</label>
							</li>

<li>
								<a class="popup-with-form" href="#login_panel">
									<i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i>
									<span class="hidden-xs">LOGIN</span>
								</a>
							</li>
										
						</ul>

<ul class="topnav navLeft topnav--lang">
							<li class="languages drop">
								<a href="#">
									<span class="globe glyphicon glyphicon-globe icon-white xs-icon"></span>
									<span class="hidden-xs">LANGUAGES</span>
								</a>
								<div class="pPanel">
									<ul class="inner">
										<li class="toplang-item">
											<a href="#">
												<img src="images/en.png" alt="English" class="toplang-flag "> English
											</a>
										</li>
										<li class="toplang-item">
											<a href="#">
												<img src="images/fr.png" alt="Francais" class="toplang-flag "> Francais
											</a>
										</li>
										<li class="toplang-item">
											<a href="#">
												<img src="images/es.png" alt="Espanol" class="toplang-flag "> Espanol
											</a>
										</li>
									</ul>
								</div>
							</li>
						</ul>

<div id="search" class="header-search">
							<a href="#" class="searchBtn "><span class="glyphicon glyphicon-search icon-white"></span></a>
							<div class="search-container">
								<form id="searchform" class="header-searchform" action="https://www.google.ro/search" method="get" target="_blank">
								<input type="hidden" id="q" name="q"/>
									<input name="s" maxlength="20" class="inputbox" type="text" size="20" value="SEARCH ..." onblur="if (this.value=='') this.value='SEARCH ...';" onfocus="if (this.value=='SEARCH ...') this.value='';">
									<button type="submit" id="searchsubmit" class="searchsubmit glyphicon glyphicon-search icon-white"></button>
								</form>
							</div>
						</div>
						
					</div>

<div class="header-leftside-container ">
						
						<ul class="social-icons sc--clean topnav navRight">
							<li><a href="#" target="_self" class="icon-facebook" title="Facebook"></a></li>
							<li><a href="#" target="_self" class="icon-twitter" title="Twitter"></a></li>	
							<li><a href="#" target="_self" class="icon-pinterest" title="Pinterest"></a></li>
							<li><a href="#" target="_blank" class="icon-gplus" title="Google Plus"></a></li>
						</ul>

<span class="kl-header-toptext">QUESTIONS? CALL: <a href="#" class="fw-bold">0900 800 900</a></span>
						
					</div>
					
				</div>
				
				
				
				<div class="separator"></div>

<div class="logo-container hasInfoCard logosize--yes">
					
					<h1 class="site-logo logo" id="logo">
						<a href="index.html" title="">
							<img src="images/kallyas-logo.svg" class="logo-img" alt="Kallyas Gigantic Premium Template" title="Kallyas Gigantic Premium Template" />
						</a>
					</h1>

<div id="infocard" class="logo-infocard">
						<div class="custom">
							<div class="row">
								<div class="col-sm-5">
									<p>
										&nbsp;
									</p>
									<p style="text-align: center;">
										<img src="images/kallyas_icon.png" class="" alt="Kallyas" title="Kallyas" />
									</p>
									<p style="text-align: center;">
										Kallyas is an ultra-premium, responsive theme built for today websites.
									</p>
								</div>

<div class="col-sm-7">
									<div class="custom contact-details">
										<p>
											<strong>T (212) 555 55 00</strong><br>
											Email:&nbsp;<a href="mailto:sales@yourwebsite.com">sales@yourwebsite.com</a>
										</p>
										<p>
											Your Company LTD<br>
											Street nr 100, 4536534, Chicago, US
										</p>
										<a href="http://goo.gl/maps/1OhOu" class="map-link" target="_blank" title="">
											<span class="glyphicon glyphicon-map-marker icon-white"></span>
											<span>Open in Google Maps</span>
										</a>
									</div>
									<div style="height:20px;">
									</div>
									
									<ul class="social-icons sc--clean">
										<li><a href="#" target="_self" class="icon-twitter" title="Twitter"></a></li>
										<li><a href="#" target="_self" class="icon-facebook" title="Facebook"></a></li>
										<li><a href="#" target="_self" class="icon-dribbble" title="Dribbble"></a></li>
										<li><a href="#" target="_blank" class="icon-google" title="Google Plus"></a></li>
									</ul>
									
								</div>
								
							</div>
							
						</div>
						
					</div>

</div>

<div class="separator visible-xxs"></div>

<div id="zn-res-menuwrapper">
					<a href="#" class="zn-res-trigger zn-header-icon"></a>
				</div>

<div id="main-menu" class="main-nav zn_mega_wrapper ">
					<ul id="menu-main-menu" class="main-menu zn_mega_menu">
						<li class="menu-item-has-children menu-item-mega-parent"><a href="index.html">HOMEPAGES & NICHE</a>
							<ul class="hg_mega_container container clearfix">
								<li class="menu-item-has-childern col-sm-4"><a href="#" class="zn_mega_title">HOMEPAGES</a>
									<ul class="clearfix">
										<li><a href="index.html">ARIES Homepage</a></li>
										<li><a href="orion-homepage.html">ORION Homepage</a></li>
										<li><a href="vega-homepage.html">VEGA Homepage</a></li>
										<li><a href="aura-homepage.html">AURA Homepage</a></li>
										<li><a href="homepages-agency.html">Agency Homepage</a></li>
										<li><a href="one-page.html">One Page</a></li>
										<li><a href="kuma-homepage.html">KUMA Homepage</a></li>
										<li><a href="ara-homepage.html">ARA Homepage</a></li>
										<li><a href="kronos-homepage.html">KRONOS Homepage</a></li>
										<li><a href="apollo-homepage.html">APOLLO Homepage</a></li>
										<li><a href="artemis-homepage.html">Artemis Homepage</a></li>
										<li><a href="eos-homepage.html">Eos Homepage</a></li>
										<li><a href="atlas-homepage.html">Atlas Homepage</a></li>
								<li><a href="atlas-homepage-alt.html">Atlas Homepage - Alt</a></li>
									</ul>
								</li>
								<li class="menu-item-has-childern col-sm-4"><a href="#" class="zn_mega_title">NICHE</a>
									<ul class="clearfix">
										<li><a href="_15-cargo-homepage.html" target="_blank">CARGO</a></li>
										<li><a href="_14-gym-homepage.html" target="_blank">GYM</a></li>
										<li><a href="_13-charity-homepage.html" target="_blank">CHARITY</a></li>
										<li><a href="_12-architecture-homepage.html" target="_blank">ARCHITECTURE</a></li>
										<li><a href="_11-interior-homepage.html" target="_blank">INTERIOR DESIGN</a></li>
										<li><a href="_10-university-homepage.html" target="_blank">UNIVERSITY</a></li>
										<li><a href="_9-dental-clinic-homepage.html" target="_blank">DENTAL CLINIC</a></li>
										<li><a href="_8-dance-homepage.html" target="_blank">DANCE SCHOOL</a></li>
										<li><a href="_16-lawyer-homepage.html" target="_blank">LAWYER</a></li>
										<li><a href="_7-construction-homepage.html" target="_blank">CONSTRUCTION</a></li>
										<li><a href="_6-business-homepage.html" target="_blank">BUSINESS</a></li>
										<li><a href="_3-restaurant-onepage.html" target="_blank">RESTAURANT</a></li>
										<li><a href="_4-furniture-homepage.html" target="_blank">FURNITURE</a></li>
										<li><a href="_5-fashion-homepage.html" target="_blank">FASHION</a></li>
										<li><a href="_1-travel-homepage.html" target="_blank">TRAVEL</a></li>
										<li><a href="_2-hotel-homepage.html" target="_blank">HOTEL</a></li>
									</ul>
								</li>
								<li class="menu-item-has-childern col-sm-4"><a href="#" class="zn_mega_title ">CLASSIC HOMEPAGES</a>
									<ul class="clearfix">
										<li><a href="homepages-homepage-1-classic.html">Homepage 1</a></li>
										<li><a href="homepages-homepage-2-classic.html">Homepage 2</a></li>
										<li><a href="homepages-homepage-3-classic.html">Homepage 3</a></li>
										<li><a href="homepages-homepage-4-classic.html">Homepage 4</a></li>
										<li><a href="homepages-homepage-5-classic.html">Homepage 5</a></li>
										<li><a href="homepages-homepage-6-classic.html">Homepage 6</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="menu-item-has-children menu-item-mega-parent"><a href="#">SLIDERS</a>
							<ul class="hg_mega_container container clearfix">
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Presentation Oriented</a>
									<ul class="clearfix">
										<li><a href="sliders-ios-slider-default.html">IOS SLIDER (DEFAULT)</a></li>
										<li><a href="sliders-ios-slider-alternative.html">IOS SLIDER (ALTERNATIVE)</a></li>
										<li><a href="sliders-ios-slider-mood.html">IOS SLIDER - MOOD</a></li>
										<li><a href="sliders-creative-slider-revolution.html">CREATIVE SLIDER (REVOLUTION)</a></li>
										<li><a href="sliders-simple-and-modern.html">SIMPLE N’ MODERN SLIDER</a></li>
										<li><a href="sliders-3d-cute-slider.html">3D CUTE SLIDER</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Portfolio Oriented</a>
									<ul class="clearfix">
										<li><a href="sliders-css3-panels.html">CSS3 PANELS</a></li>
										<li><a href="sliders-css3-panels-alternative.html">CSS3 PANELS (ALTERNATIVE)</a></li>
										<li><a href="sliders-portfolio-frames.html">PORTFOLIO FRAMES</a></li>
										<li><a href="sliders-laptop-slider.html">LAPTOP SLIDER</a></li>
										<li><a href="sliders-laptop-slider-alternative.html">LAPTOP SLIDER (ALTERNATIVE)</a></li>
										<li><a href="sliders-icarousel.html">ICAROUSEL</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Shop Oriented</a>
									<ul class="clearfix">
										<li><a href="sliders-shop-slider-revolution.html">SHOP SLIDER (PART 1)</a></li>
										<li><a href="sliders-shop-slider-part-2.html">SHOP SLIDER (PART 2)</a></li>
										<li><a href="sliders-circular-catalogue.html">CIRCULAR CATALOGUE</a></li>
										<li><a href="sliders-circular-carousel.html">CIRCULAR CAROUSEL</a></li>
										<li><a href="sliders-circular-carousel-alternative.html">CIRCULAR CAROUSEL (ALTERNATIVE)</a></li>
										<li><a href="sliders-fancy-slider.html">FANCY SLIDER</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Others</a>
									<ul class="clearfix">
										<li><a href="sliders-simple-n-classic.html">SIMPLE N’ CLASSIC</a></li>
										<li><a href="sliders-nivo-slider.html">NIVO SLIDER</a></li>
										<li><a href="sliders-wow-slider-blast.html">WOW SLIDER / BLAST</a></li>
										<li><a href="sliders-wow-slider-flyout.html">WOW SLIDER / FLYOUT</a></li>
										<li><a href="sliders-wow-slider-blinds.html">WOW SLIDER / BLINDS</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3 cleft"><a href="#" class="zn_mega_title">Based on Revolution Slider</a>
									<ul class="clearfix">
										<li><a href="__rev-slider_agency-website-header.html">AGENCY WEBSITE HEADER</a></li>
										<li><a href="__rev-slider_agency-website-header1.html">AGENCY WEBSITE HEADER 1</a></li>
										<li><a href="__rev-slider_app-landing.html">APP LANDING</a></li>
										<li><a href="__rev-slider_better-youtube-gallery.html">YOUTUBE GALLERY</a></li>
										<li><a href="__rev-slider_car-dealership.html">CAR DEALERSHIP</a></li>
										<li><a href="__rev-slider_christmas-snow-scene.html">CHRISTMAS SNOW SCENE</a></li>
										<li><a href="__rev-slider_coming-soon.html">COMING SOON</a></li>
										<li><a href="__rev-slider_concept.html">CONCEPT</a></li>
										<li><a href="__rev-slider_content-zoom1.html">CONTENT ZOOM</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide v-hidden">Revolution Slider</a>
									<ul class="clearfix">
										<li><a href="__rev-slider_creative-frontpage.html">CREATIVE FRONTPAGE</a></li>
										<li><a href="__rev-slider_duotone1.html">DUOTONE</a></li>
										<li><a href="__rev-slider_exploration-header.html">EXPLORATION HEADER</a></li>
										<li><a href="__rev-slider_fashion.html">FASHION</a></li>
										<li><a href="__rev-slider_focus-parallax.html">FOCUS PARALLAX</a></li>
										<li><a href="__rev-slider_fullscreen-menu.html">FULLSCREEN MENU</a></li>
										<li><a href="__rev-slider_gym.html">GYM</a></li>
										<li><a href="__rev-slider_highlight-carousel1.html">HIGHLIGHT CAROUSEL</a></li>
										<li><a href="__rev-slider_innovation1.html">INNOVATION</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide v-hidden">Revolution Slider</a>
									<ul class="clearfix">
										<li><a href="__rev-slider_inspiration-header.html">INSPIRATION HEADER</a></li>
										<li><a href="__rev-slider_levano-restaurant-bar.html">RESTAURANT BAR</a></li>
										<li><a href="__rev-slider_magazine-posts.html">MAGAZINE POSTS</a></li>
										<li><a href="__rev-slider_main-slider.html">MAIN SLIDER</a></li>
										<li><a href="__rev-slider_newsletter-hero1.html">NEWSLETTER HERO</a></li>
										<li><a href="__rev-slider_notgeneric1.html">NOT GENERIC</a></li>
										<li><a href="__rev-slider_restaurant-header.html">RESTAURANT HEADER</a></li>
										<li><a href="__rev-slider_rock-band-music.html">ROCK BAND MUSIC</a></li>
										<li><a href="__rev-slider_rotating-words.html">ROTATING WORDS</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide v-hidden">Revolution Slider</a>
									<ul class="clearfix">
										<li><a href="__rev-slider_scroll-effect1.php">SCROLL EFFECT</a></li>
										<li><a href="__rev-slider_showcase-carousel.php">SHOWCASE CAROUSEL</a></li>
										<li><a href="__rev-slider_sleek-landing-page.phtmlhp">SLEEK LANDING PAGE</a></li>
										<li><a href="__rev-slider_sports-hero1.html">SPORTS HERO</a></li>
										<li><a href="__rev-slider_vimeo-hero.html">VIMEO HERO</a></li>
										<li><a href="__rev-slider_web-product-dark.html">WEB PRODUCT DARK</a></li>
										<li><a href="__rev-slider_web-product-light.html">WEB PRODUCT LIGHT</a></li>
										<li><a href="__rev-slider_youtube-hero.html">YOUTUBE HERO</a></li>
									</ul>
								</li>
							</ul>	
						</li>
						<li class="menu-item-has-children"><a href="#">HERO SCENES</a>
							<ul class="sub-menu clearfix">
								<li><a href="static-content-default-layout.html">SIMPLE LAYOUT</a></li>
								<li><a href="static-content-simple-boxes.html">SIMPLE BOXES</a></li>
								<li><a href="static-content-showroom-carousel.html">SHOWROOM CAROUSEL</a></li>
								<li><a href="static-content-booking-panel.html">BOOKING PANEL</a></li>
								<li><a href="static-content-weather-panel.html">WEATHER PANEL</a></li>
								<li><a href="static-content-simple-text-with-mask.html">SIMPLE TEXT WITH MASK</a></li>
								<li><a href="static-content-event-countdown.html">EVENT COUNTDOWN</a></li>
								<li><a href="static-content-google-maps.html">GOOGLE MAPS</a></li>
								<li><a href="static-content-video-launcher.html">VIDEO LAUNCHER</a></li>
								<li><a href="static-content-text-with-register.html">TEXT WITH REGISTER</a></li>
								<li><a href="static-content-product-presentation.html">PRODUCT PRESENTATION</a></li>
								<li><a href="static-content-product-presentation-alt.html">PRODUCT PRESENTATION - ALT</a></a></li>
								<li><a href="static-content-video-background.html">VIDEO BACKGROUND</a></li>
								<li><a href="static-content-simple-text.html">SIMPLE TEXT</a></li>
								<li><a href="static-content-text-pop.html">TEXT POP</a></li>
								<li><a href="static-content-text-play.html">TEXT PLAY</a></li>
								<li><a href="static-content-immersive-video.html">IMMERSIVE VIDEO</a></li>
								<li><a href="static-content-heat-distortion.html">HEAT DISTORTION</a></li>
								<li><a href="static-content-isometric-grids-scroll.html">ISOMETRIC GRIDS - SCROLL</a></li>
								<li><a href="static-content-isometric-grids-static.html">ISOMETRIC GRIDS - STATIC</a></li>
								<li><a href="static-content-point-of-interest.html">POINT OF INTEREST</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="#">FEATURES</a>
							<ul class="sub-menu clearfix">
								<li><a href="http://rsvisualeditor.themepunch.com/index.php?c=account&m=login" target="_blank">VISUAL SLIDER BUILDER</a></li>
								<li><a href="#">Knowledge base</a>
									<ul class="sub-menu clearfix">
										<li><a href="kb-home.html">Homepage</a></li>
										<li><a href="kb-category-page.html">Category page</a></li>
										<li><a href="kb-category-page-2cols.html">Category page 2 cols</a></li>
										<li><a href="kb-sub-category-page.html">Sub-category page</a></li>
										<li><a href="kb-video-article.html">Video article</a></li>
										<li><a href="kb-single-article.html">Single article</a></li>
										<li><a href="kb-search-page.html">Search page</a></li>
										<li><a href="kb-404-page.html">404 page</a></li>
									</ul>
								</li>
								<li><a title="separator" href="#">separator</a></li>
								<li class="menu-item-has-children"><a href="#">CUSTOM SUBHEADERS</a>
									<ul class="sub-menu clearfix">
										<li><a href="subheader-background-image.html">BACKGROUND IMAGE</a></li>
										<li><a href="subheader-background-video.html">BACKGROUND VIDEO</a></li>
										<li><a href="subheader-background-full-color.html">BACKGROUND COLORS</a></li>
										<li><a href="subheader-animated.html">ANIMATED PARTICLES</a></li>
										<li><a href="subheader-animated-sparkles.html">ANIMATED SPARKLES</a></li>
										<li><a href="subheader-animated-mask.html">ANIMATED MASK</a></li>
										<li><a href="subheader-animated-rain.html">ANIMATED RAIN</a></li>
										<li><a title="separator" href="#">separator</a></li>
										<li><a href="subheader-easter-holidays.html">EASTER HOLIDAYS</a></li>
										<li><a href="subheader-st-patrick.html">ST. PATRICK’S</a></li>
										<li><a href="subheader-4th-july.html">4th JULY</a></li>
										<li><a href="subheader-christmas.html">CHRISTMAS</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children"><a href="#">THEME STYLES</a>
									<ul class="sub-menu clearfix">
										<li><a href="styles-typography.html">TYPOGRAPHY</a></li>
										<li><a href="styles-icons.html">ICONS</a></li>
										<li><a href="styles-tables.html">TABLES</a></li>
									</ul>
								</li>
								<li><a title="separator" href="#">separator</a></li>
								<li><a class="inner-elem" href="bigblog.html">BLOG - FLIP BOOK</a></li>
								<li><a href="blog.html">BLOG</a></li>
								<li><a href="blog-alternative-layout.html">ALTERNATIVE BLOG</a></li>
								<li><a href="latest-news.html">LATEST NEWS</a></li>
								<li><a href="sortable-portfolio.html">SORTABLE PORTFOLIO</a></li>
								<li><a href="sortable-portfolio-full.html">SORTABLE PORTFOLIO FULL</a></li>
								<li><a href="carousel-portfolio.html">CAROUSELS PORTFOLIO</a></li>
								<li><a href="carousel-portfolio-alt.html">CAROUSELS PORTFOLIO ALT.</a></li>
								<li><a href="portfolio-fullwidth.html">PORTFOLIO - FULLWIDTH</a></li>
								<li><a href="portfolio-creative.html">PORTFOLIO - CREATIVE</a></li>
								<li><a href="#">PORTFOLIO CATEGORIES</a>
									<ul class="sub-menu clearfix">
										<li><a href="portfolio-category-4-cols.html">PORTFOLIO CAT. – 4 COLS</a></li>
										<li><a href="portfolio-category-3-cols.html">PORTFOLIO CAT. – 3 COLS</a></li>
										<li><a href="portfolio-category-2-cols.html">PORTFOLIO CAT. – 2 COLS</a></li>
										<li><a href="portfolio-category-1-col.html">PORTFOLIO CAT. – 1 COL</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="menu-item-has-children"><a href="shop-landing-page-default.html">SHOP</a>
							<ul class="sub-menu clearfix">
								<li><a href="shop-landing-page-default.html">LANDING PAGE (DEFAULT)</a></li>
								<li><a href="shop-landing-page-alternative.html">LANDING PAGE (ALT.)</a></li>
								<li><a href="shop-landing-page-classic.html">LANDING PAGE (CLASSIC)</a></li>
								<li><a href="product-category.html">CATEGORY WITH SIDEBAR</a></li>
								<li><a href="product-page.html">PRODUCT PAGE</a></li>
								<li><a href="product-page-no-sidebar.html">PRODUCT (NO SUBHEADER)</a></li>
								<li><a href="cart.html">SHOPPING CART</a></li>
								<li><a href="checkout.html">CHECKOUT PROCESS</a></li>
								<li><a href="my-account.html">MY ACCOUNT</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children menu-item-mega-parent"><a href="#">PAGES</a>
							<ul class="hg_mega_container container clearfix">
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">The Company</a>
									<ul class="clearfix">
										<li><a href="about-us.html">ABOUT US</a></li>
										<li><a href="about-us-alt.html">ABOUT US - ALT</a></li>
										<li><a href="about-me.html">ABOUT ME</a></li>
										<li><a href="contact-us.html">CONTACT US</a></li>
										<li><a href="our-services.html">OUR SERVICES</a></li>
										<li><a href="our-team.html">OUR TEAM</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Work &amp; Stories</a>
									<ul class="clearfix">
										<li><a href="blog-post.html">BLOG POST</a></li>
										<li><a href="photo-gallery.html">PHOTO GALLERY</a></li>
										<li><a href="photo-gallery-alt.html">PHOTO GALLERY ALT.</a></li>
										<li><a href="portfolio-item.html">PORTFOLIO ITEM</a></li>
										<li><a href="testimonials.html">TESTIMONIALS</a></li>
										<li><a href="agency-product-page.html">AGENCY - PRODUCT</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">Dynamics</a>
									<ul class="clearfix">
										<li><a href="historic.html">HISTORIC</a></li>
										<li><a href="faq.html">F.A.Q.</a></li>
										<li><a href="process.html">PROCESS</a></li>
										<li><a href="careers.html">CAREERS</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title">System</a>
									<ul class="clearfix">
										<li><a href="404.html">404 PAGE</a></li>
										<li><a href="coming-soon.html">COMING SOON / OFFLINE</a></li>
										<li><a href="page-without-sidebar.html">PAGE WITHOUT SIDEBAR</a></li>
										<li><a href="page-with-sidebar.html">PAGE WITH SIDEBAR</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="menu-item-has-children menu-item-mega-parent"><a href="#">ELEMENTS</a>
							<ul class="hg_mega_container container clearfix">
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide">Col</a>
									<ul class="clearfix">
										<li><a href="elements-screenshots-box.html">SCREENSHOT BOX</a></li>
										<li><a href="elements-grid-photo-gallery.html">GRID PHOTO GALLERY</a></li>
										<li><a href="elements-grid-photo-gallery-full-width.html">GRID PHOTO GALLERY FULL-WIDTH</a></li>
										<li><a href="elements-photo-gallery-alt.html">PHOTO GALLERY ALTERNATIVE</a></li>
										<li><a href="elements-recent-work.html">RECENT WORK</a></li>
										<li><a href="elements-latest-posts.html">LATEST POSTS</a></li>
										<li><a href="elements-devices.html">DEVICES ELEMENT</a></li>
										<li><a href="elements-media-container.html">MEDIA CONTAINER</a></li>
										<li><a href="elements-media-container-custom-content.html">MEDIA CONTAINER ALT.</a></li>
										<li><a href="elements-google-map.html">GOOGLE MAP</a></li>
										<li><a href="elements-search-box.html">SEARCH BOX</a></li>
										<li><a href="elements-diagram.html">DIAGRAM ELEMENT</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide">Col</a>
									<ul class="clearfix">
										<li><a href="elements-action-box.html">ACTION BOX</a></li>
										<li><a href="elements-big-social.html">BIG SOCIAL BLOCKS</a></li>
										<li><a href="elements-call-out-banner.html">CALL-OUT BANNER</a></li>
										<li><a href="elements-partners-testimonials.html">PARTNERS &amp; TESTIMONIALS</a></li>
										<li><a href="elements-circle-title-box.html">CIRCLE TITLE BOX</a></li>
										<li><a href="elements-historic-element.html">HISTORIC ELEMENTS</a></li>
										<li><a href="elements-hover-boxes.html">HOVER BOXES</a></li>
										<li><a href="elements-hover-icons.html">HOVER ICONS</a></li>
										<li><a href="elements-services.html">SERVICES BOXES</a></li>
										<li><a href="elements-image-boxes-carousel.html">IMAGE BOXES CAROUSEL</a></li>
										<li><a href="elements-video-box.html">VIDEO BOX</a></li>
										<li><a href="elements-team-carousel.html">TEAM BOXES CAROUSEL</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide">Col</a>
									<ul class="clearfix">
										<li><a href="elements-icon-box.html">ICON BOX</a></li>
										<li><a href="elements-icon-box-grid.html">GRID ICON BOXES</a></li>
										<li><a href="elements-image-box.html">IMAGE BOX</a></li>
										<li><a href="elements-steps-box.html">STEPS BOXES</a></li>
										<li><a href="elements-info-box.html">INFO BOX</a></li>
										<li><a href="elements-statistics.html">STATISTICS</a></li>
										<li><a href="elements-stage-and-icon-boxes.html">STAGE &amp; ICON BOXES</a></li>
										<li><a href="elements-team-boxes.html">TEAM BOXES</a></li>
										<li><a href="elements-price-list.html">PRICE LIST</a></li>
										<li><a href="elements-progress-bars.html">PROGRESS BARS</a></li>
										<li><a href="elements-image-boxes-carousel-alt.html">IMAGE BOXES CAROUSEL - ALT</a></li>
										<li><a href="elements-partners-testimonials-fancy.html">TESTIMONIALS FANCY</a></li>
									</ul>
								</li>
								<li class="menu-item-has-children col-sm-3"><a href="#" class="zn_mega_title zn_mega_title_hide">Col</a>
									<ul class="clearfix">
										<li><a href="elements-system-elements.html">SYSTEM ELEMENTS</a></li>
										<li><a href="elements-tabs.html">TABS</a></li>
										<li><a href="elements-buttons.html">BUTTONS</a></li>
										<li><a href="elements-accordions.html">ACCORDIONS</a></li>
										<li><a href="elements-contact-form.html">CONTACT FORM</a></li>
										<li><a href="elements-pricing-tables.html">PRICING TABLES</a></li>
										<li><a href="elements-vertical-tabs.html">VERTICAL TABS</a></li>
										<li><a href="elements-miscellaneous.html">MISCELLANEOUS</a></li>
										<li><a href="elements-counter-numbers.html">NUMBERS COUNTING</a></li>
										<li><a href="elements-world-map-offices.html">WORLD MAP OFFICES</a></li>
										<li><a href="elements-parallax-section.html">PARALLAX SECTION + CAROUSEL</a></li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>

<a href="#" id="ctabutton" class="ctabutton kl-cta-ribbon" title="GET A FREE QUOTE" target="_self"><strong>FREE</strong>QUOTE<svg version="1.1" class="trisvg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" preserveaspectratio="none" width="14px" height="5px" viewbox="0 0 14.017 5.006" enable-background="new 0 0 14.017 5.006" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.016,0L7.008,5.006L0,0H14.016z"></path></svg></a>

<ul class="topnav navLeft topnav--cart">
					<li class="drop">
						<a href="#" class="kl-cart-button" title="View your shopping cart">
							<i class="glyphicon glyphicon-shopping-cart icon-white flipX-icon xs-icon" data-count="1"></i>
							<span class="hidden-xs hidden-sm hidden-md">MY CART</span>
						</a>
						<div class="pPanel">
							<div class="inner cart-container">
								<div class="widget_shopping_cart_content">
									<ul class="cart_list product_list_widget ">
										<li>
										<a href="#" class="remove" title="Remove this item">×</a>
										<a href="#" class="product-title">
											<img src="images/img4-90x90.jpg" alt="Hoodie With Patch Logo" title="Hoodie With Patch Logo" />Hoodie With Patch Logo
										</a>
										<span class="color-variations">Blue</span>
										<span class="quantity">1 × <span class="amount">$99.90</span></span></li>
									</ul>
									
									<p class="total">
										<strong>Subtotal:</strong><span class="amount">$99.90</span>
									</p>
									<p class="buttons">
										<a href="#" class="button wc-forward">View Cart</a>
										<a href="#" class="button checkout wc-forward">Checkout</a>
									</p>
								</div>
							</div>
						</div>
					</li>
				</ul>

</div>
			
		</header>

<div id="page_header" class="page-subheader site-subheader-cst">
			<div class="bgback"></div>

<div class="kl-bg-source">
				
				<div class="kl-bg-source__overlay" style="background:rgba(186,3,3,1); background: -moz-linear-gradient(left, rgba(186,3,3,1) 0%, rgba(53,53,53,0.85) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(186,3,3,1)), color-stop(100%,rgba(53,53,53,0.85))); background: -webkit-linear-gradient(left, rgba(186,3,3,1) 0%,rgba(53,53,53,0.85) 100%); background: -o-linear-gradient(left, rgba(186,3,3,1) 0%,rgba(53,53,53,0.85) 100%); background: -ms-linear-gradient(left, rgba(186,3,3,1) 0%,rgba(53,53,53,0.85) 100%); background: linear-gradient(to right, rgba(186,3,3,1) 0%,rgba(53,53,53,0.85) 100%);">
				</div>
				
			</div>

<div class="th-sparkles"></div>

<div class="ph-content-wrap">
				<div class="ph-content-v-center">
					<div class="container">
						<div class="row">
							<div class="col-sm-6">
								
								<ul class="breadcrumbs fixclear">
									<li><a href="index.html">Home</a></li>
									<li>PORTFOLIO - FULLWIDTH</li>
								</ul>

<span id="current-date" class="subheader-currentdate">Sep 05, 2017</span>

<div class="col-sm-6">
								
								<div class="subheader-titles">
									<h2 class="subheader-maintitle">PORTFOLIO - FULLWIDTH</h2>
									<h4 class="subheader-subtitle">BEST WORK</h4>
								</div>
								
							</div>
							
						</div>
						
					</div>
					
				</div>
				
			</div>

<div class="kl-bottommask kl-bottommask--shadow_ud"></div>
			
		</div>

<section class="hg_section full-portfolio">
			<div class="container">
				<div class="row">
					<div class="col-sm-4">
						
						<h3 class="text-white fs-m fw-normal mt-0 mb-0">Some of our best work</h3>
					</div>

<li class=""><a href="#" data-filter=".branding_sort">Branding</a></li>

<li class=""><a href="#" data-filter=".architecture_sort">Architecture</a></li>

<li class=""><a href="#" data-filter=".concept_sort">Concept</a></li>

<li class=""><a href="#" data-filter=".sketches_sort">Sketches</a></li>
							</ul>

<section class="hg_section container-fluid portfolio-items fullwidthportfolio">
			
			<ul id="thumbs" class="thumbs project-list style2" data-columns="5">
				
				<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg1.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg1.jpg" data-lightbox="image" class="zoom">View Larger</a>

<a href="#" class="more">More Details</a>
								</div>
								
							</div>
							
						</div>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Sea mountain discovery</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">39</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg2.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg2.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">The manhattan zoo</h5>

<span data-role="cat">Architecture</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">8</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg3.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg3.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">My new 90’s nikes</h5>

<span data-role="cat">Architecture</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">18</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg4.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg4.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Cascade brewery</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">36</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg5.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg5.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Afternoon kiss</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">12</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item concept_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg6.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg6.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Dawn Shockwave</h5>

<span data-role="cat">Concept</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">22</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item concept_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg7.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg7.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Dawn Shockwave</h5>

<span data-role="cat">Concept</span>
							</div>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg8.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg8.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Flying over the apls</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">30</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg8.jpg" class="img-responsive" alt="" title="" />

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Levi jeans cover</h5>

<span data-role="cat">Architecture</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">35</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg10.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg10.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">The manhattan zoo</h5>

<span data-role="cat">Architecture</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">21</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg11.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg11.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Sea mountain discovery</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">29</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg12.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg12.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">The manhattan zoo</h5>

<span data-role="cat">Architecture</span>
							</div>

<li class="item project-item architecture_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg13.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg13.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">My new 90’s nikes</h5>

<span data-role="cat">Architecture</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">31</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg1.jpg" class="img-responsive" alt="" title="" />

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Cascade brewery</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">16</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item branding_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg15.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg15.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Afternoon kiss</h5>

<span data-role="cat">Branding</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">40</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item concept_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg16.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg16.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Dawn Shockwave</h5>

<span data-role="cat">Concept</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">28</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item concept_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg17.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg17.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Morning mountain dew</h5>

<span data-role="cat">Concept</span>
							</div>

<li class="item project-item sketches_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg18.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg18.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Levi jeans cover</h5>

<span data-role="cat">Sketches</span>
							</div>

<a href="#" class="glyphicon glyphicon-heart appreciate">
								
								<span class="heart-count">10</span>
							</a>
							
						</div>
						
					</div>
					
				</li>

<li class="item project-item sketches_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg19.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg19.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">The manhattan zoo</h5>

<span data-role="cat">Sketches</span>
							</div>

<li class="item project-item sketches_sort">
					
					<div class="inner-item">
						
						<div class="img-placeholder">
							
							<img src="images/portfolio-images/projectimg20.jpg" class="img-responsive" alt="" title="" />

<div class="overlay">
								
								<div class="overlay-inner">
									
									<a href="images/portfolio-images/projectimg20.jpg" data-lightbox="image" class="zoom">View Larger</a>

<div class="prj-info">
							
							<div>
								
								<h5 data-role="title">Sea mountain discovery</h5>

<span data-role="cat">Sketches</span>
							</div>

<section class="hg_section bg-dark-blue ptop-70">
			<div class="container">
				<div class="row">
					<div class="col-md-9 col-sm-9">
						
						<div class="kl-title-block clearfix tbk--text-default tbk--left text-left tbk-symbol-- tbk-icon-pos--after-title" style="color: #e8e8e8;">
							
							<h3 class="tbk__title fs-32 fw-bold">JOIN OUR VENTURE</h3>

<h4 class="tbk__subtitle fw-thin">We'll do everything we can to make our next best project!</h4>
						</div>
						
					</div>

<div class="text-left">
							
							<a class="btn-element btn btn-lined btn-md btn-block " href="#" style="margin:0 0 10px 0;"><span>START INVESTING</span></a>
						</div>
						
					</div>
					
				</div>
				
			</div>
			
		</section>

<footer id="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-5">
						<div>
							<h3 class="title m_title">FOOTER MENU</h3>
							<div class="sbs">
								<ul class="menu">
									<li><a href="#">Curabitur iaculis</a></li>
									<li><a href="#">Parturient montes</a></li>
									<li><a href="#">Vulputate magna</a></li>
									<li><a href="#">Cum sociis natoque</a></li>
									<li><a href="#">Nulla varius commodo</a></li>
									<li><a href="#">Parturient montes</a></li>
									<li><a href="#">Vulputate magna</a></li>
									<li><a href="#">Cum sociis natoque</a></li>
									<li><a href="#">Nulla varius commodo</a></li>
								</ul>
							</div>
						</div>
					</div>

<div class="col-sm-4">
						<div class="newsletter-signup">
							<h3 class="title m_title">NEWSLETTER SIGNUP</h3>
							<p>By subscribing to our mailing list you will always be update with the latest news from us.</p>
							<form action="http://YOUR_USERNAME.DATASERVER.list-manage.com/subscribe/post-json?u=YOUR_API_KEY&amp;id=LIST_ID&c=?" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
								<input type="email" value="" name="EMAIL" class="nl-email form-control" id="mce-EMAIL" placeholder="your.address@email.com" required>
		                        <input type="submit" name="subscribe" class="nl-submit" id="mc-embedded-subscribe" value="JOIN US">
		                        
		                        <div style="position: absolute; left: -5000px;">
		                            <input type="text" name="b_xxxxxxxxxxxxxxxxxxxCUSTOMxxxxxxxxx" value="">
		                        </div>
							</form>	
							<div id="notification_container"></div>
							<p>We never spam!</p>
						</div>
					</div>

<div class="col-sm-3">
						<div>
							<h3 class="title m_title">GET IN TOUCH</h3>
							<div class="contact-details"><p><strong>T (212) 555 55 00</strong><br>
								Email: <a href="#">sales@yourwebsite.com</a></p>
								<p>Your Company LTD<br>
								Street nr 100, 4536534, Chicago, US</p>
								<p><a href="http://goo.gl/maps/1OhOu" target="_blank"><i class="icon-map-marker icon-white"></i> Open in Google Maps</a></p>
							</div>
						</div>
					</div>
					
				</div>

<div class="row">
					<div class="col-sm-6">
						<div class="twitterFeed">				
							
							<div class="tweets" id="twitterFeed"><small>Please wait whilst our latest tweets load</small></div>
							<a href="https://twitter.com/hogash" class="twitter-follow-button" data-show-count="false">Follow @hogash</a>
							
							<script>
								! function(d, s, id) {
									var js, fjs = d.getElementsByTagName(s)[0];
									if (!d.getElementById(id)) {
										js = d.createElement(s);
										js.id = id;
										js.src = "//platform.twitter.com/widgets.js";
										fjs.parentNode.insertBefore(js, fjs);
									}
								}(document, "script", "twitter-wjs");
							</script>
							
						</div>
						
					</div>

<div class="col-sm-6">
						
						<div class="social-share">
							
							<div class="fb-like" data-href="https://www.facebook.com/hogash.themeforest" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
							
							
							<div id="fb-root"></div>
							<script>
								(function(d, s, id) {
									var js, fjs = d.getElementsByTagName(s)[0];
									if (d.getElementById(id)) return;
									js = d.createElement(s); js.id = id;
									js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=1380815252226236";
									fjs.parentNode.insertBefore(js, fjs);
								}(document, 'script', 'facebook-jssdk'));
							</script>

<div class="twitter-button">
								
								<a href="https://twitter.com/share" class="twitter-share-button" data-via="hogash" data-counturl="https://dev.twitter.com/web/tweet-button">Tweet</a>
							</div>

<div class="google-button">
								<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/118411267887632617276" data-rel="author"></div>
								<script src="https://apis.google.com/js/platform.js" async defer></script>
							</div>

<div class="pinterest-button">
								<a href="https://www.pinterest.com/pin/create/button/" data-pin-do="buttonPin">
								</a>
								<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script>
							</div>
							
						</div>
						
					</div>
					
				</div>

<div class="row">
					<div class="col-sm-12">
						<div class="bottom clearfix">
							
							<ul class="social-icons sc--clean clearfix">
								<li class="title">GET SOCIAL</li>
								<li><a href="#" target="_self" class="icon-facebook" title="Facebook"></a></li>
								<li><a href="#" target="_self" class="icon-twitter" title="Twitter"></a></li>	
								<li><a href="#" target="_self" class="icon-dribbble" title="Dribbble"></a></li>
								<li><a href="#" target="_blank" class="icon-google" title="Google Plus"></a></li>
							</ul>

<div class="copyright">
								<a href="index.html">
									<img src="images/kallyas-footerlogo.svg" alt="Kallyas Demo">
								</a>
								<p>© 2017 All rights reserved. Buy <a href="http://themeforest.net/item/kallyas-responsive-multipurpose-template/3583938">Kallyas Template</a>.</p>
							</div>
							
						</div>
						
					</div>
					
				</div>
				
			</div>
			
		</footer>
		
	</div>

<div id="login_panel" class="mfp-hide loginbox-popup auth-popup">
		<div class="inner-container login-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title tcolor">SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES</h3>
			<form class="login_panel" name="login_form" method="post" action="#">
				<div class="form-group kl-fancy-form">
					<input type="text" id="kl-username" name="log" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="eg: james_smith">
					<label class="kl-font-alt kl-fancy-form-label">USERNAME</label>
				</div>
				<div class="form-group kl-fancy-form">
					<input type="password" id="kl-password" name="pwd" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="type password">
					<label class="kl-font-alt kl-fancy-form-label">PASSWORD</label>
				</div>
				<label class="auth-popup-remember" for="kl-rememberme"><input type="checkbox" name="rememberme" id="kl-rememberme" value="forever" class="auth-popup-remember-chb"> Remember Me </label>
				<input type="submit" id="login" name="submit_button" class="btn zn_sub_button btn-fullcolor btn-md" value="LOG IN">
				<input type="hidden" value="login" class="" name="form_action"><input type="hidden" value="login" class="" name="action">
				<input type="hidden" value="#" class="" name="submit">
				<div class="links auth-popup-links">
					<a href="#register_panel" class="create_account auth-popup-createacc kl-login-box auth-popup-link">CREATE AN ACCOUNT</a><span class="sep auth-popup-sep"></span><a href="#forgot_panel" class="kl-login-box auth-popup-link">FORGOT YOUR PASSWORD?</a>
				</div>
			</form>
		</div>
		<button title="Close (Esc)" type="button" class="mfp-close">×</button>
	</div>
	<div id="register_panel" class="mfp-hide loginbox-popup auth-popup">
		<div class="inner-container register-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title">CREATE ACCOUNT</h3>
			<form class="register_panel" name="login_form" method="post" action="#">
				<div class="form-group kl-fancy-form ">
					<input type="text" id="reg-username" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="type desired username"><label class="kl-font-alt kl-fancy-form-label">USERNAME</label>
				</div>
				<div class="form-group kl-fancy-form">
					<input type="text" id="reg-email" name="user_email" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="your-email@website.com"><label class="kl-font-alt kl-fancy-form-label">EMAIL</label>
				</div>
				<div class="form-group kl-fancy-form">
					<input type="password" id="reg-pass" name="user_password" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="*****"><label class="kl-font-alt kl-fancy-form-label">PASSWORD</label>
				</div>
				<div class="form-group kl-fancy-form">
					<input type="password" id="reg-pass2" name="user_password2" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="*****"><label class="kl-font-alt kl-fancy-form-label">CONFIRM PASSWORD</label>
				</div>
				<div class="form-group">
					<input type="submit" id="signup" name="submit" class="btn zn_sub_button btn-block btn-fullcolor btn-md" value="CREATE MY ACCOUNT">
				</div>
				<div class="links auth-popup-links">
					<a href="#login_panel" class="kl-login-box auth-popup-link">ALREADY HAVE AN ACCOUNT?</a>
				</div>
			</form>
		</div>
	</div>
	<div id="forgot_panel" class="mfp-hide loginbox-popup auth-popup forgot-popup">
		<div class="inner-container forgot-panel auth-popup-panel">
			<h3 class="m_title m_title_ext text-custom auth-popup-title">FORGOT YOUR DETAILS?</h3>
			<form class="forgot_form" name="login_form" method="post" action="#">
				<div class="form-group kl-fancy-form">
					<input type="text" id="forgot-email" name="user_login" class="form-control inputbox kl-fancy-form-input kl-fw-input" placeholder="...">
					<label class="kl-font-alt kl-fancy-form-label">USERNAME OR EMAIL</label>
				</div>
				<div class="form-group">
					<input type="submit" id="recover" name="submit" class="btn btn-block zn_sub_button btn-fullcolor btn-md" value="SEND MY DETAILS!">
				</div>
				<div class="links auth-popup-links">
					<a href="#login_panel" class="kl-login-box auth-popup-link">AAH, WAIT, I REMEMBER NOW!</a>
				</div>
			</form>
		</div>
		<button title="Close (Esc)" type="button" class="mfp-close">×</button>
	</div>

<a href="#" id="totop">TOP</a>

<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/kl-plugins.js"></script>

<script type="text/javascript" src="js/plugins/jquery.isotope.min.js"></script>

<script type="text/javascript" src="js/trigger/kl-portfolio-sortable.js"></script>
	
	
	<script type="text/javascript" src="js/kl-scripts.js"></script>

<script type="text/javascript" src="js/kl-custom.js"></script>

<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-X', 'auto');
	  ga('send', 'pageview');
	</script>
	-->

</body>
</html>