Initial web site commit.

customizer/style.css

@@ -0,0 +1,200 @@
+.style-picker{direction: ltr;font-family:Arial,"Helvetica CY",sans-serif;color:#010101;font-size:.85em;width:0;min-height:200px;position:fixed;top:40px;left:0;z-index:9999;}
+.style-picker .bgChanger{position:relative;min-width:35px;min-height:100px;}
+.style-picker a{color:#fff !important;}
+.style-picker a:hover{text-decoration:none;}
+.style-picker input, .style-picker select {font-family:"Trebuchet MS",Arial,"Helvetica CY",sans-serif;border:1px solid #b7b7b7;color:#010101;}
+.style-picker input{width:120px;}
+.style-picker select{
+	font-size: 1em;
+	padding: 3px;
+	width: 90%;
+	height: auto;
+	border: 1px solid #CCC;
+	outline: 0;
+	background: #FAFAFA url(images/select3.png) no-repeat right;
+	-webkit-appearance: none;
+	-moz-appearance: none;
+}
+.style-picker .container{width:240px;padding:0 0 5px 0;}
+.style-picker .options,.style-picker .handler{border:1px solid #181818;background-color:#181818;color: #CCC;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.3)} 
+.style-picker .options{width:242px;padding:3px 0 15px 10px;position:relative; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright:3px; border-bottom-right-radius: 3px; border-radius: 0 0 3px 0;}
+.style-picker .handler{background:#181818 url(images/close.png) 5px 6px no-repeat;width:33px;height:35px;position:absolute;top:0px;right:-35px;z-index:30;border-left:0;-webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius: 0 3px 3px 0;}
+.style-picker .container .handler.closed{background:#181818 url(images/pencil.png) 5px 6px no-repeat;}
+.style-picker span{display:block;padding:10px 0 3px;font-weight:bold;clear:both;}
+.style-picker a.thumb-img{margin:0 5px 4px 0;border:1px solid #666;}
+.style-picker a.thumb-img, .style-picker a.thumb-img img{display:block;float:left;width:10px;height:5px;cursor:pointer;}
+.style-picker a.thumb-img img{border:0;background:none;padding:0;}
+.style-picker a.bgColor{
+	color: #ccc !important;
+	display: inline-block;
+	width: 90%;
+	line-height: 20px;
+	font-weight: bold;
+	padding: 5px 18px 0 0;
+	margin: 8px 0 8px;
+	position: relative;
+	clear: both;
+}
+.style-picker a.bgColor span{border:0px solid #b7b7b7;width:18px;height:18px;float:right;padding:0;margin:1px 0 0;}
+.colorpicker {
+	width: 356px;
+	height: 176px;
+	overflow: hidden;
+	position: absolute;
+	background: url(images/custom_background.png);
+	font-family: Arial, Helvetica, sans-serif;
+	display: none;
+	z-index:99999;
+	font-size:0.8em;
+}
+.colorpicker_color {
+	width: 150px;
+	height: 150px;
+	left: 14px;
+	top: 13px;
+	position: absolute;
+	background: #f00;
+	overflow: hidden;
+	cursor: crosshair;
+}
+.colorpicker_color div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 150px;
+	height: 150px;
+	background: url(images/colorpicker_overlay.png);
+}
+.colorpicker_color div div {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 11px;
+	height: 11px;
+	overflow: hidden;
+	background: url(images/colorpicker_select.gif);
+	margin: -5px 0 0 -5px;
+}
+#bgColor, #bgHeaderColor, #bgFooterColor {
+	position: relative;
+	width: 20px;
+	height: 20px;
+	background: url(images/select2.png);
+}
+.colorpicker_hue {
+	position: absolute;
+	top: 13px;
+	left: 171px;
+	width: 35px;
+	height: 150px;
+	cursor: n-resize;
+}
+.colorpicker_hue div {
+	position: absolute;
+	width: 35px;
+	height: 9px;
+	overflow: hidden;
+	background: url(images/custom_indic.gif) left top;
+	margin: -4px 0 0 0;
+	left: 0px;
+}
+.colorpicker_new_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 213px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker_current_color {
+	position: absolute;
+	width: 60px;
+	height: 30px;
+	left: 283px;
+	top: 13px;
+	background: #f00;
+}
+.colorpicker input[type="text"] {
+	background-color: transparent;
+	border: 1px solid transparent;
+	position: absolute;
+	font-size: 10px;
+	font-family: Arial, Helvetica, sans-serif;
+	color: #898989;
+	top: 4px;
+	right: 11px;
+	text-align: right;
+	margin: 0;
+	padding: 0;
+    max-width: 100%;
+}
+.colorpicker_hex {
+	position: absolute;
+	width: 72px;
+	height: 22px;
+	background: url(images/custom_hex.png) top;
+	left: 212px;
+	top: 142px;
+}
+.colorpicker_hex input[type="text"] {
+	right: 6px;
+}
+.colorpicker_field {
+	height: 22px;
+	width: 62px;
+	background-position: top;
+	position: absolute;
+}
+.colorpicker_field span {
+	position: absolute;
+	width: 12px;
+	height: 22px;
+	overflow: hidden;
+	top: 0;
+	right: 0;
+	cursor: n-resize;
+}
+.colorpicker_rgb_r {
+	background-image: url(images/custom_rgb_r.png);
+	top: 52px;
+	left: 212px;
+}
+.colorpicker_rgb_g {
+	background-image: url(images/custom_rgb_g.png);
+	top: 82px;
+	left: 212px;
+}
+.colorpicker_rgb_b {
+	background-image: url(images/custom_rgb_b.png);
+	top: 112px;
+	left: 212px;
+}
+.colorpicker_hsb_h {
+	background-image: url(images/custom_hsb_h.png);
+	top: 52px;
+	left: 282px;
+}
+.colorpicker_hsb_s {
+	background-image: url(images/custom_hsb_s.png);
+	top: 82px;
+	left: 282px;
+}
+.colorpicker_hsb_b {
+	background-image: url(images/custom_hsb_b.png);
+	top: 112px;
+	left: 282px;
+}
+.colorpicker_submit {
+	position: absolute;
+	width: 22px;
+	height: 22px;
+	background: url(images/custom_submit.png) top;
+	left: 322px;
+	top: 142px;
+	overflow: hidden;
+}
+.colorpicker_focus { background-position: center }
+.colorpicker_hex.colorpicker_focus { background-position: bottom }
+.colorpicker_submit.colorpicker_focus { background-position: bottom }
+.colorpicker_slider { background-position: bottom }
+@media only screen and (min-width: 100px) and (max-width: 960px) { .style-picker { display: none } }

index.html

@@ -0,0 +1,781 @@
+<!DOCTYPE html>
+<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
+<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
+<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
+<!--[if (gte IE 10)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><!--<![endif]-->
+<head>
+
+<title>Diligent</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+
+<!-- Seo Meta -->
+<meta name="description" content="Diligent software solutions">
+<meta name="keywords" content="dilignet, software, development, company">
+
+<!-- Styles -->
+<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
+<link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
+<link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
+<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css">
+
+<!-- Favicon -->
+<link rel="shortcut icon" href="images/diligent-purple.png">
+
+<!-- Custom Styles -->
+<style type="text/css" id="themecolors"></style>
+
+</head>
+
+<body>
+<div id="container">
+	<div id="header-wrap">
+		<header id="header" class="general-section">
+			<div id="logo"><a href="index.html"><div class="dinamic-logo"></div></a></div><!-- end Logo -->
+			<a class="mobile-nav-toggle deactive" href="#"><i class="fa-bars"></i></a>
+			<nav id="navigation">
+				<ul>
+					<li class="active"><a href="#intro-wrap">home</a><span class="nav-active-mark"></span></li>
+					<li><a href="#about-wrap">about us</a></li>
+					<!-- <li><a href="#team-wrap">our team</a></li> -->
+					<li><a href="#services-wrap">services</a></li>
+					<!-- <li><a href="#gallery-wrap">gallery</a></li>
+					<li><a href="#events-wrap">events</a></li>
+					<li><a href="#stats-wrap">stats</a></li>
+					<li><a href="#news-wrap">news</a></li> -->
+					<li><a href="#contact-wrap">contact</a></li>
+				</ul>
+			</nav><!-- end Navigation -->
+			<nav id="mobile-navigation">
+				<ul>
+					<li class="active"><a href="#intro-wrap">home</a></li>
+					<li><a href="#about-wrap">about us</a></li>
+					<!-- <li><a href="#team-wrap">our team</a></li> -->
+					<li><a href="#services-wrap">services</a></li>
+					<!-- <li><a href="#gallery-wrap">gallery</a></li>
+					<li><a href="#events-wrap">events</a></li>
+					<li><a href="#stats-wrap">states</a></li>
+					<li><a href="#news-wrap">news</a></li> -->
+					<li><a href="#contact-wrap">contact</a></li>
+				</ul>
+			</nav><!-- end Navigation -->						
+		</header>
+	</div><!-- end Header -->
+	<div id="intro-wrap">
+		<div id="hexagon-overlay"></div>
+		<section id="intro" class="intro general-section">
+			<a href="documents/diligent internship.pdf" download="diligent internship.pdf">
+			 <div class="hive note-1">
+				<div class="note-tooltip1">Interns Wanted</div>
+				<!-- <div class="note-tooltip2">header post-it!</div> -->
+				<div class="hex outer-hex">
+					<div class="hex-in1">
+						<div class="hex-in2 outer-hex">
+							<div class="hex inner-hex">
+								<div class="hex-in1">
+									<div class="icon-postit hex-in2 hex-area"></div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>  
+			</div>
+			</a><!-- end note		 -->
+			<div class="hive welcome-box wow pulse">
+				<div class="hex outer-hex">
+					<div class="hex-in1">
+						<div class="hex-in2 outer-hex">
+							<div class="hex inner-hex">
+								<div class="hex-in1">
+									<div class="hex-in2 hex-area">
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>  
+			</div>
+			<!-- <div class="hive chosen-item-1 wow swing">
+				<div class="hex outer-hex">
+					<div class="hex-in1">
+						<a href="#about-wrap">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div style="background-image: url('images/chosen_item_image_1.png')" class="hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</a>
+					</div>
+				</div>  
+			</div>	
+			<div class="hive chosen-item-2 wow swing">
+				<div class="hex outer-hex">
+					<div class="hex-in1">
+						<a href="#services-wrap">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div style="background-image: url('images/chosen_item_image_2.png')" class="hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</a>
+					</div>
+				</div>  
+			</div>
+			<div class="hive chosen-item-3 wow swing">
+				<div class="hex outer-hex">
+					<div class="hex-in1">
+						<a href="#contact-wrap">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div style="background-image: url('images/chosen_item_image_3.png')" class="hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</a>
+					</div>
+				</div>  
+			</div> -->
+			<!-- end chosen item #3 -->
+		</section>
+		<!-- <div class="typewriter-div">
+			<span class="typewriter typewriter-span">
+				<h1>Solutions tailored to each client.</h1>
+			</span>
+		</div> -->
+		<div class="typewriter-div">
+			<span data-typed-str="Solutions tailored to each client." data-typed-repeat="no" data-typed-cursor="yes" class="typewriter-span"><span class="typed-container"></span><span class="typed-cursor">|</span></span>
+		</div>
+	</div><!-- end Intro -->
+	<div id="about-wrap">
+		<section id="about" class="about clearfix general-section">
+			<div class="section-title">
+				<h2>ABOUT US</h2>
+				<h5>Know more about what we do</h5>
+			</div>				
+			<div class="one_third about-item">
+				<div class="hive wow bounceInUp" data-wow-delay="1s">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="about-icon1 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<h3>Partnerships that create and grow</h3>
+				<p>Our clients relationships go beyond technology. Enthusiasts to the core, we bring real solutions to each client’s problems through a deep understanding of their market, solution, and vision.</p>				
+			</div><!-- end About Item -->
+			<div class="one_third about-item highlight">
+				<div class="hive wow bounceInUp" data-wow-delay="1s">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="services-icon2 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<h3>Product Discovery</h3>
+				<p>An idea solves a problem. We help you to create that idea, build a product and scale it to be successful in your business. First we question why. Then we develop a roadmap to make sure the development is ready to begin in order to construct the MVP.</p>
+			</div><!-- end About Item -->		
+			<div class="one_third about-item last">
+				<div class="hive wow bounceInUp" data-wow-delay="1s">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="about-icon3 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>	
+				<h3>Think globally, act locally</h3>
+				<p>We create products for a digital world and help clients through innovation, end-user engagement and technical quality.</p>	
+			</div><!-- end About Item -->
+			<!-- <div class="important-info">
+				<div class="hive important-box fl">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>			
+				<p>We help companies to innovate and grow with products and services that are truly useful, reliable and easy to use.</p>
+				<div class="hive important-box fr">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area"><i class="fa-exclamation"></i></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>				
+			</div>--> <!--end Important Info-->
+		</section>
+
+	</div><!-- end About -->
+	<div id="services-wrap">
+		<section id="services" class="services general-section clearfix">
+			<div class="section-triangle-dark"></div>
+			<div class="section-title">
+				<h2>SERVICES</h2>
+				<h5>See all we have to offer you</h5>
+			</div>
+			<div class="services-intro">
+				<div class="one_half wow bounceInLeft"><img src="images/mockup.png" alt=""></div>
+				<div class="one-half last">
+					<h3>We develop technology solutions</h3>
+					<p>
+						Our philosophy is based on the idea of ​​innovation. We work tirelessly to provide useful solutions that are consistent with the strategic priorities of our clients.<br> That is the key that differentiates Diligent Software's portfolio of services: our <strong>relentless motivation</strong> to create value for companies that rely on digital solutions.			
+					</p>
+				</div>				
+			</div><!-- end Services Intro -->
+			<div class="one_half services-item clearfix">
+				<div class="hive">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="services-icon1 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<div class="services-info">
+					<h3>Product Development</h3>
+					<p>Our top-notch engineering team is ready to implement your game-changing ideas with both front-end and back-end services. We also partner long-term with brands to ensure their digital offerings stay fresh.</p>			
+				</div>
+			</div><!-- end Services Item -->	
+			<div class="one_half services-item clearfix last">
+				<div class="hive">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="services-icon2 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<div class="services-info">
+					<h3>Priceless Creativity</h3>
+					<p>Creativity is more than just being different. Making the SIMPLE, that`s creativity.</p>			
+				</div>
+			</div><!-- end Services Item -->				
+			<div class="one_half services-item clearfix">
+				<div class="hive">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="services-icon3 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<div class="services-info">
+					<h3>Business Security</h3>
+					<p>We have highly-trained and experienced professionals who build relationships of trust and measurable value with our clients, guaranteeing that your business is in safe hands. </p>			
+				</div>
+			</div><!-- end Services Item -->	
+			<div class="one_half services-item clearfix last">
+				<div class="hive">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="services-icon4 hex-in2 hex-area"></div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>  
+				</div>
+				<div class="services-info">
+					<h3>Quick Response</h3>
+					<p>We are fully aware that your business relies on our software and we won`t let you down in emergency situations.</p>			
+				</div>
+			</div><!-- end Services Item -->							
+		</section>
+	</div><!-- end Services -->	
+
+	<div id="contact-wrap" class="dark" style="background-image: url('images/contact_bg.png'); background-repeat: no-repeat; background-position: center 70px">
+		<section id="contact" class="contact general-section clearfix">
+			<div class="section-triangle-grey"></div>
+			<div class="section-title">
+				<h2>Let's Get Started Today</h2>
+				<h5>Whether you're just getting started with your app idea or you're a multinational trying to evolve your brand for the future, we're ready to work with you. Reach out to us today and let's start talking about your project ideas.</h5>
+			</div>
+			<div class="map-area">
+				<div class="map-marker map-pos-2 wow bounceInDown clearfix">
+					<div class="map-marker-pin">
+						<div class="pin-hex"></div>
+						<div class="pin"></div>
+						<div class="pulse"></div>						
+					</div>
+					<div class="map-marker-info">
+						<h3>NIS, SERBIA</h3>
+						<h6>Cara Dusana 162</h6>
+						<h6>office@dilig.net</h6>
+						<!-- <ul>
+							<li>
+								<div class="progress-caption">Info 01</div>															
+								<div class="progress">
+									<div class="progress-bar" data-value="25"></div>
+								</div>							
+							</li>	
+							<li>
+								<div class="progress-caption">Info 02</div>															
+								<div class="progress">
+									<div class="progress-bar" data-value="90"></div>
+								</div>							
+							</li>													
+						</ul>						 -->
+					</div>
+				</div><!-- end Map Marker 2 -->								
+			</div><!-- end Map Area -->
+			<div class="one_half contact-form">
+				<h3>CONTACT FORM</h3>
+				<h5>Do you have any questions? Send us a message</h5>
+				<div class="log"></div>
+				<form method="post" action="action.php">
+					<p><input id="name-txt" class="input-txt" name="name" type="text" placeholder="Write your name here..."></p>
+					<p><input id="email-txt" class="input-txt" name="email" type="text" placeholder="Write your email here..."></p>
+					<p><input id="subject-txt" class="input-txt" name="subject" type="text" placeholder="Write your subject here..."></p>
+					<p><textarea id="message-txt" class="textarea-txt" name="message" cols="30" rows="10" placeholder="Write your message here..."></textarea></p>
+					<input type="hidden" id="sendContac" name="sendContact" value="send" />
+					<p><input id="submit" name="submit" type="submit" value="SEND"></p>
+				</form>				
+			</div><!-- end Contact Form -->
+			<div class="one_half contact-socials last">
+				<h3>SOCIAL NETWORK</h3>
+				<h5>Find us and like, follow and watch us for the latest.</h5>
+				<div class="hive contact-social wow swing facebook contact-socials-3s-first">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="#">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-facebook"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Facebook Social -->
+				<div class="hive contact-social wow swing twitter">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-twitter"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Twitter Social -->
+				<div class="hive contact-social wow swing dribbble">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-dribbble"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Dribbble Social -->
+				<div class="clearfix"></div>
+				<div class="hive contact-social wow swing linkedin">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="https://www.linkedin.com/company/diligent-doo">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-linkedin"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Linkedin Social -->
+				<div class="hive contact-social wow swing rss">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-rss"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end RSS Social -->
+				<div class="hive contact-social wow swing google-plus">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-google-plus"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Pinterest Google Plus -->
+				<div class="hive contact-social wow swing tumblr">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-tumblr"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end tumblr Social -->
+				<div class="clearfix"></div>
+				<div class="hive contact-social wow swing youtube contact-socials-3s-first">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-youtube"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Youtube Social -->
+				<div class="hive contact-social wow swing skype">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-skype"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Skype Social -->	
+				<div class="hive contact-social wow swing pinterest">
+					<div class="hex outer-hex">
+						<div class="hex-in1">
+							<a href="">
+							<div class="hex-in2 outer-hex">
+								<div class="hex inner-hex">
+									<div class="hex-in1">
+										<div class="hex-in2 hex-area">
+											<div class="hive contact-social-overlay">
+												<div class="hex outer-hex">
+													<div class="hex-in1">
+														<div class="hex-in2 outer-hex">
+															<div class="hex inner-hex">
+																<div class="hex-in1">
+																	<div class="hex-in2 hex-area"><i class="fa-pinterest"></i></div>
+																</div>
+															</div>
+														</div>
+													</div>
+												</div>  
+											</div><!-- end contact social overlay -->											
+										</div>
+									</div>
+								</div>
+							</div>
+							</a>
+						</div>
+					</div>  
+				</div><!-- end Pinterest Social -->																																										
+			</div><!-- end Contact Socials -->			
+		</section>
+	</div><!-- end Contact -->	
+	<div id="footer-wrap">
+		<footer id="footer" class="general-section clearfix">
+			<div class="one_third">
+				<div class="widget newsletter">
+					<h3><span class="obold">NEWSLETTER</span></h3>
+					<h5>Receive the latest news and promotions</h5>
+					<form method="post" action="#">
+						<div class="newsletter-elements clearfix">
+							<input id="newsletter-email" class="input-txt" name="name" type="text" placeholder="Write your email here to suscribe...">
+							<div class="hive">
+								<div class="hex outer-hex">
+									<div class="hex-in1">
+										<a href="#">
+										<div class="hex-in2 outer-hex">
+											<div class="hex inner-hex">
+												<div class="hex-in1">
+													<div class="hex-in2 hex-area">
+														<i class="fa-envelope"></i>
+													</div>
+												</div>
+											</div>
+										</div>
+										</a>
+									</div>
+								</div>
+							</div>
+						</div>						
+					</form>
+				</div><!-- end Newsletter -->
+				<!-- end Text Widget -->				
+			</div>
+			<div class="one_third">
+					<div class="widget widget_text">
+							<!-- <div class="footer-logo"></div> -->
+							<p>Ulica Cara Dušana 162</p>
+							<p>Niš - Serbia</p>
+							<a href="mailto:office@dilg.net">office@dilg.net</a>
+						</div>
+				<!-- <div class="widget recent-tweets">
+					<h3>LATEST TWEETS</h3>
+					<h5>Be the first to know, updated every minute</h5>
+					<div class="tweets-container"></div>
+				</div> -->
+				<!-- end Recent Tweet -->
+			</div>
+			<div class="one_third flickr last">
+				
+				<!-- end flickr widget -->
+			</div>						
+		</footer>
+	</div><!-- end Footer -->					
+</div><!-- end container -->
+
+<!-- Scripts -->
+<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
+<script type="text/javascript" src="scripts/jquery.easing.js"></script>
+<script src="scripts/jquery.easypiechart.min.js"></script>
+<script type="text/javascript" src="scripts/jquery.flexslider-min.js"></script>
+<script id="wow_js_file" type="text/javascript" src="scripts/wow.min.js"></script>
+<script id="waypoints_js_file" type="text/javascript" src="scripts/waypoints.js"></script>
+<script type="text/javascript" src="scripts/jquery.prettyPhoto.js"></script>
+<script type="text/javascript" src="scripts/custom.js"></script>
+<script type="text/javascript" charset="utf-8" src="scripts/twitter/jquery.tweet.js"></script>
+<script type="text/javascript" src="scripts/jquery.typed.js"></script>
+<script type="text/javascript">
+
+jQuery(document).ready(function($) {
+    $('.tweets-container').tweet({
+        modpath: 'scripts/twitter/',
+        count: 3,
+        loading_text: 'loading twitter feed...',
+		username:'odindesign_tw',
+		template: '<div class="hive"><div class="hex outer-hex"><div class="hex-in1"><div class="hex-in2 outer-hex"><div class="hex inner-hex"><div class="hex-in1"><div class="hex-in2 hex-area"><i class="fa-twitter-black"></i></div></div></div></div></div></div></div><div class="twitter-content">{time}<p>{text}</p></div>'
+    });
+
+	var $ = jQuery;
+
+    // process each typed-enabled element
+    $('[data-typed-str]').each(function () {
+        var $this = $(this),
+            texts = $this.attr('data-typed-str').split('|');
+
+        $this.html('').append('<span class="typed-container"></span>');
+        $this.find('> .typed-container').typed({
+            strings   : texts,
+            typeSpeed : 25,
+            loop      : ($this.attr('data-typed-repeat') === 'yes'),
+            backDelay : 1500,
+            showCursor: ($this.attr('data-typed-cursor') === 'yes')
+        });
+    });
+});
+</script>
+
+</body>
+</html>

scripts/custom.js

@@ -0,0 +1,250 @@
+"use strict";
+
+// start custom scripts
+(function($) {
+jQuery(document).ready(function($){
+    /*==========  Swicher ==========*/
+
+    /*==========  Progress bar  ==========*/
+    function animate() {
+        $(".progress-bar").each(function(){
+            var progressValue = $(this).attr('data-value');
+            $(this).animate({width: progressValue +'%'}, 6000);
+        });
+    }
+    $('#contact-wrap').waypoint(function() {
+        animate();
+    });    
+
+    /*==========  Disables ==========*/
+    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
+        $('#animate_css_file, #wow_js_file').remove();
+    } else {
+
+        /*==========  WOW Animations  ==========*/
+        var wow = new WOW(
+          {
+            animateClass: 'animated',
+            offset:       100
+          }
+        );
+         wow.init(); 
+
+    }
+
+    /*==========  Logo Retina ==========*/
+    if( window.devicePixelRatio > 1 ) {
+        var logoWidth = $('#logo img').width();
+        var logoHeight = $('#logo img').height();
+        $('#logo img').attr("src", "images/logo@2x.png");
+        $('#logo img').css({ 'width': logoWidth , 'height': logoHeight });
+    }    
+
+    /*==========  Team Item Hover  ==========*/
+        $('.team-item').each(function(){
+        var memberImage = $(this).find('.member-face').attr('style');
+        var current = $(this).find('.change-color');
+        $(this).find('.hex-in2.outer-hex').first().hover(function(){
+            $(this).find('.member-face').css('background','#000');
+            $(current).css('background-color','#f3b202');
+            $(this).find('.socials').show();
+        },function(){
+            $(this).find('.socials').hide();
+            $(this).find('.member-face').attr('style', memberImage);
+            $(current).css('background-color','#000');
+        });
+        });
+
+    /*==========  Gallery Item Hover  ==========*/
+
+    $('.gallery-item').hover(function(){
+        $(this).find('.gallery-info').stop(true,true).animate({ "top": "0" } );
+    },function(){
+        $(this).find('.gallery-info').stop(true,true).animate({ "top": "-999" } );
+    });
+
+    /*==========  FlexSlider  ==========*/
+    $('.flexslider').flexslider({
+        animation: "fade",
+        animationLoop: false,
+        directionNav: false,
+        slideshow: false
+    });
+
+    /*==========  Pie Chart  ==========*/
+    $('.days').waypoint(function() { 
+        $('.chart').easyPieChart({
+            easing: 'easeOutBounce',
+            barColor: '#f3b202',
+            trackColor: '#595959',
+            lineWidth: '18',
+            lineCap: 'butt',
+            size: '160',
+            scaleColor: false,
+            onStep: function(from, to, percent) {
+                $(this.el).find('.percent').text(Math.round(percent));
+            }
+        });
+    }); 
+
+    /*==========  Smooth Scroll  ==========*/
+    $('a[href*=#]:not([href=#])').click(function() {
+        $("li.active").removeClass("active").find('.nav-active-mark').remove();
+        $(this).parent().addClass('active').end().append('<span class="nav-active-mark"></span>');
+    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+      var target = $(this.hash);
+      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+      if (target.length) {
+        $('html,body').animate({
+          scrollTop: target.offset().top - 53
+        }, 1000);
+        return false;
+      }
+    }
+    });
+  
+    /*==========  Graph Bars Animate  ==========*/
+    $('.days').waypoint(function() {
+        $('.graph ul li.bar').each(function() {
+            var curBarHeight = $(this).data('bar-height');
+            $(this).animate({ height: curBarHeight }, 2000, "easeInOutBack");
+        });
+    });
+
+    /*==========  Intro Note Box Tooltip  ==========*/
+    /*$('.note-1').hover(function(){
+        $(this).find('.note-tooltip').fadeIn();
+    },function(){
+        $(this).find('.note-tooltip').fadeOut();
+    });
+    */
+    
+    /*==========  PrettyPhoto  ==========*/
+    $("a[data-rel^='prettyPhoto']").prettyPhoto({theme:'dark_rounded', hook: 'data-rel'});
+
+    /*==========  Flickr  ==========*/
+    var flickrImageSrc = [ ];
+    var flickrLink = [ ];
+    $('.flickr_badge_image').each(function(i){
+        flickrImageSrc[i] = $(this).find('img').attr('src'); 
+        flickrLink[i] = $(this).find('a').attr('href');        
+    });
+    $('.flickr-item').each(function(i){
+        $(this).find('.hex-area').css('background-image', 'url(' + flickrImageSrc[i] + ')');
+        $(this).find('.flickr-link').attr('href', flickrLink[i] );
+    });    
+
+    /*==========  Window Resize  ==========*/
+    var windowWidth = $(window).width();
+    var numberOfHexagon = windowWidth / 106;
+    var offsetBackground = ((numberOfHexagon - 14) * 106 ) /2;
+    $('#hexagon-overlay').css('background-position', offsetBackground + 'px' + ' ' + 'top');
+
+    $(window).resize(function() {
+      var currentWindowWidth = $(window).width();
+      if(currentWindowWidth <= 940) return;
+      $('#hexagon-overlay').css('background-position', - ( ( (windowWidth - currentWindowWidth)/2 ) - offsetBackground ) + 'px' + ' ' + 'top');
+    });
+
+    /*==========  Mobile Menu  ==========*/
+    $('.mobile-nav-toggle').on('click',function(){
+        if($(this).attr('class') == 'mobile-nav-toggle deactive') {
+            $('#mobile-navigation').fadeIn();
+            $(this).removeClass('deactive');
+        } else {
+            $('#mobile-navigation').fadeOut();
+            $(this).addClass('deactive');
+        }
+    });
+
+    $("#mobile-navigation li a").on("click", function(){
+        $('#mobile-navigation').fadeOut();
+        $(".mobile-nav-toggle").addClass('deactive');
+
+    });
+
+    $(window).resize(function(){
+                var w = $(window).width();
+                if(w > 767) {
+                    $('#mobile-navigation').fadeOut();
+                    $(".mobile-nav-toggle").addClass('deactive');
+                }
+            });
+    
+    /*==========  Contact Form Validation  ==========*/
+    
+    function isValidEmailAddress(emailAddress) {
+        var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
+        return pattern.test(emailAddress);
+    }    
+
+    $('.contact-form form').submit(function() {
+    
+        var hasError = false;
+      
+        var comment = $('#message-txt').val();
+        if ($.trim(comment) == '') {
+            $('#message-txt').addClass('error');
+            $('#message-txt').focus();
+            hasError = true;
+        }
+        else {
+            $('#message-txt').removeClass('error');
+        }
+
+        var subject = $('#subject-txt').val();
+        if ($.trim(subject) == '') {
+            $('#subject-txt').addClass('error');
+            $('#subject-txt').focus();
+            hasError = true;
+        }
+        else {
+            $('#subject-txt').removeClass('error');
+        }        
+        
+        var emailVal = $('#email-txt').val();
+        if ($.trim(emailVal) == '' || !isValidEmailAddress(emailVal)) {
+            $('#email-txt').addClass('error');
+            $('#email-txt').focus();
+            hasError = true;
+        }
+        else {
+            $('#email-txt').removeClass('error');
+        }
+        
+        
+       var name = $('#name-txt').val();
+        if ($.trim(name) == '') {
+            $('#name-txt').addClass('error');
+            $('#name-txt').focus();
+            hasError = true;
+            
+        }
+        else {
+            $('#name-txt').removeClass('error');
+        }
+        
+        if (!hasError) {
+            $('#submit').fadeOut('normal', function(){
+                $('.loading').css({
+                    display: "block"
+                });
+                
+            });
+            
+            $.post($('.contact-form form').attr('action'), $('.contact-form form').serialize(), function(data){
+                $('.log').html(data);
+                $('.loading').remove();
+                $('.contact-form form').slideUp('slow');
+            });
+            
+        }
+        
+        return false;
+        
+    });    
+ 
+
+
+}); // end jquery init
+})(jQuery);

scripts/jquery.easing.js

@@ -0,0 +1,205 @@
+/*
+ * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+ *
+ * Uses the built in easing capabilities added In jQuery 1.1
+ * to offer multiple easing options
+ *
+ * TERMS OF USE - jQuery Easing
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2008 George McGinley Smith
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+*/
+
+// t: current time, b: begInnIng value, c: change In value, d: duration
+jQuery.easing['jswing'] = jQuery.easing['swing'];
+
+jQuery.extend( jQuery.easing,
+{
+	def: 'easeOutQuad',
+	swing: function (x, t, b, c, d) {
+		//alert(jQuery.easing.default);
+		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+	},
+	easeInQuad: function (x, t, b, c, d) {
+		return c*(t/=d)*t + b;
+	},
+	easeOutQuad: function (x, t, b, c, d) {
+		return -c *(t/=d)*(t-2) + b;
+	},
+	easeInOutQuad: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t + b;
+		return -c/2 * ((--t)*(t-2) - 1) + b;
+	},
+	easeInCubic: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t + b;
+	},
+	easeOutCubic: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t + 1) + b;
+	},
+	easeInOutCubic: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t + b;
+		return c/2*((t-=2)*t*t + 2) + b;
+	},
+	easeInQuart: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t + b;
+	},
+	easeOutQuart: function (x, t, b, c, d) {
+		return -c * ((t=t/d-1)*t*t*t - 1) + b;
+	},
+	easeInOutQuart: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+		return -c/2 * ((t-=2)*t*t*t - 2) + b;
+	},
+	easeInQuint: function (x, t, b, c, d) {
+		return c*(t/=d)*t*t*t*t + b;
+	},
+	easeOutQuint: function (x, t, b, c, d) {
+		return c*((t=t/d-1)*t*t*t*t + 1) + b;
+	},
+	easeInOutQuint: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+		return c/2*((t-=2)*t*t*t*t + 2) + b;
+	},
+	easeInSine: function (x, t, b, c, d) {
+		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+	},
+	easeOutSine: function (x, t, b, c, d) {
+		return c * Math.sin(t/d * (Math.PI/2)) + b;
+	},
+	easeInOutSine: function (x, t, b, c, d) {
+		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+	},
+	easeInExpo: function (x, t, b, c, d) {
+		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+	},
+	easeOutExpo: function (x, t, b, c, d) {
+		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+	},
+	easeInOutExpo: function (x, t, b, c, d) {
+		if (t==0) return b;
+		if (t==d) return b+c;
+		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+	},
+	easeInCirc: function (x, t, b, c, d) {
+		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+	},
+	easeOutCirc: function (x, t, b, c, d) {
+		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+	},
+	easeInOutCirc: function (x, t, b, c, d) {
+		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+	},
+	easeInElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+	},
+	easeOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+	},
+	easeInOutElastic: function (x, t, b, c, d) {
+		var s=1.70158;var p=0;var a=c;
+		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+		if (a < Math.abs(c)) { a=c; var s=p/4; }
+		else var s = p/(2*Math.PI) * Math.asin (c/a);
+		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+	},
+	easeInBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*(t/=d)*t*((s+1)*t - s) + b;
+	},
+	easeOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158;
+		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+	},
+	easeInOutBack: function (x, t, b, c, d, s) {
+		if (s == undefined) s = 1.70158; 
+		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+	},
+	easeInBounce: function (x, t, b, c, d) {
+		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+	},
+	easeOutBounce: function (x, t, b, c, d) {
+		if ((t/=d) < (1/2.75)) {
+			return c*(7.5625*t*t) + b;
+		} else if (t < (2/2.75)) {
+			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+		} else if (t < (2.5/2.75)) {
+			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+		} else {
+			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+		}
+	},
+	easeInOutBounce: function (x, t, b, c, d) {
+		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+	}
+});
+
+/*
+ *
+ * TERMS OF USE - EASING EQUATIONS
+ * 
+ * Open source under the BSD License. 
+ * 
+ * Copyright © 2001 Robert Penner
+ * All rights reserved.
+ * 
+ * Redistribution and use in source and binary forms, with or without modification, 
+ * are permitted provided that the following conditions are met:
+ * 
+ * Redistributions of source code must retain the above copyright notice, this list of 
+ * conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright notice, this list 
+ * of conditions and the following disclaimer in the documentation and/or other materials 
+ * provided with the distribution.
+ * 
+ * Neither the name of the author nor the names of contributors may be used to endorse 
+ * or promote products derived from this software without specific prior written permission.
+ * 
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+ * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+ *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+ *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+ *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
+ * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+ *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
+ * OF THE POSSIBILITY OF SUCH DAMAGE. 
+ *
+ */

scripts/jquery.easypiechart.min.js

@@ -0,0 +1,9 @@
+/**!
+ * easyPieChart
+ * Lightweight plugin to render simple, animated and retina optimized pie charts
+ *
+ * @license 
+ * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de)
+ * @version 2.1.4
+ **/
+!function(a,b){"object"==typeof exports?module.exports=b(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],b):b(a.jQuery)}(this,function(a){var b=function(a,b){var c,d=document.createElement("canvas");a.appendChild(d),"undefined"!=typeof G_vmlCanvasManager&&G_vmlCanvasManager.initElement(d);var e=d.getContext("2d");d.width=d.height=b.size;var f=1;window.devicePixelRatio>1&&(f=window.devicePixelRatio,d.style.width=d.style.height=[b.size,"px"].join(""),d.width=d.height=b.size*f,e.scale(f,f)),e.translate(b.size/2,b.size/2),e.rotate((-0.5+b.rotate/180)*Math.PI);var g=(b.size-b.lineWidth)/2;b.scaleColor&&b.scaleLength&&(g-=b.scaleLength+2),Date.now=Date.now||function(){return+new Date};var h=function(a,b,c){c=Math.min(Math.max(-1,c||0),1);var d=0>=c?!0:!1;e.beginPath(),e.arc(0,0,g,0,2*Math.PI*c,d),e.strokeStyle=a,e.lineWidth=b,e.stroke()},i=function(){var a,c;e.lineWidth=1,e.fillStyle=b.scaleColor,e.save();for(var d=24;d>0;--d)d%6===0?(c=b.scaleLength,a=0):(c=.6*b.scaleLength,a=b.scaleLength-c),e.fillRect(-b.size/2+a,0,c,1),e.rotate(Math.PI/12);e.restore()},j=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}(),k=function(){b.scaleColor&&i(),b.trackColor&&h(b.trackColor,b.lineWidth,1)};this.getCanvas=function(){return d},this.getCtx=function(){return e},this.clear=function(){e.clearRect(b.size/-2,b.size/-2,b.size,b.size)},this.draw=function(a){b.scaleColor||b.trackColor?e.getImageData&&e.putImageData?c?e.putImageData(c,0,0):(k(),c=e.getImageData(0,0,b.size*f,b.size*f)):(this.clear(),k()):this.clear(),e.lineCap=b.lineCap;var d;d="function"==typeof b.barColor?b.barColor(a):b.barColor,h(d,b.lineWidth,a/100)}.bind(this),this.animate=function(a,c){var d=Date.now();b.onStart(a,c);var e=function(){var f=Math.min(Date.now()-d,b.animate.duration),g=b.easing(this,f,a,c-a,b.animate.duration);this.draw(g),b.onStep(a,c,g),f>=b.animate.duration?b.onStop(a,c):j(e)}.bind(this);j(e)}.bind(this)},c=function(a,c){var d={barColor:"#ef1e25",trackColor:"#f9f9f9",scaleColor:"#dfe0e0",scaleLength:5,lineCap:"round",lineWidth:3,size:110,rotate:0,animate:{duration:1e3,enabled:!0},easing:function(a,b,c,d,e){return b/=e/2,1>b?d/2*b*b+c:-d/2*(--b*(b-2)-1)+c},onStart:function(){},onStep:function(){},onStop:function(){}};if("undefined"!=typeof b)d.renderer=b;else{if("undefined"==typeof SVGRenderer)throw new Error("Please load either the SVG- or the CanvasRenderer");d.renderer=SVGRenderer}var e={},f=0,g=function(){this.el=a,this.options=e;for(var b in d)d.hasOwnProperty(b)&&(e[b]=c&&"undefined"!=typeof c[b]?c[b]:d[b],"function"==typeof e[b]&&(e[b]=e[b].bind(this)));e.easing="string"==typeof e.easing&&"undefined"!=typeof jQuery&&jQuery.isFunction(jQuery.easing[e.easing])?jQuery.easing[e.easing]:d.easing,"number"==typeof e.animate&&(e.animate={duration:e.animate,enabled:!0}),"boolean"!=typeof e.animate||e.animate||(e.animate={duration:1e3,enabled:e.animate}),this.renderer=new e.renderer(a,e),this.renderer.draw(f),a.dataset&&a.dataset.percent?this.update(parseFloat(a.dataset.percent)):a.getAttribute&&a.getAttribute("data-percent")&&this.update(parseFloat(a.getAttribute("data-percent")))}.bind(this);this.update=function(a){return a=parseFloat(a),e.animate.enabled?this.renderer.animate(f,a):this.renderer.draw(a),f=a,this}.bind(this),this.disableAnimation=function(){return e.animate.enabled=!1,this},this.enableAnimation=function(){return e.animate.enabled=!0,this},g()};a.fn.easyPieChart=function(b){return this.each(function(){var d;a.data(this,"easyPieChart")||(d=a.extend({},b,a(this).data()),a.data(this,"easyPieChart",new c(this,d)))})}});

scripts/twitter/jquery.tweet.js

@@ -0,0 +1,311 @@
+// jquery.tweet.js - See http://tweet.seaofclouds.com/ or https://github.com/seaofclouds/tweet for more info
+// Copyright (c) 2008-2012 Todd Matthews & Steve Purcell
+// Modified by Stan Scates for https://github.com/StanScates/Tweet.js-Mod
+
+(function (factory) {
+	if (typeof define === 'function' && define.amd)
+	define(['jquery'], factory); // AMD support for RequireJS etc.
+	else
+	factory(jQuery);
+}(function ($) {
+	$.fn.tweet = function(o){
+		var s = $.extend({
+			modpath: "/twitter/",                     // [string]   relative URL to Tweet.js mod (see https://github.com/StanScates/Tweet.js-Mod)
+			username: null,                           // [string or array] required unless using the 'query' option; one or more twitter screen names (use 'list' option for multiple names, where possible)
+			list_id: null,                            // [integer]  ID of list to fetch when using list functionality
+			list: null,                               // [string]   optional slug of list belonging to username
+			favorites: false,                         // [boolean]  display the user's favorites instead of his tweets
+			query: null,                              // [string]   optional search query (see also: http://search.twitter.com/operators)
+			avatar_size: null,                        // [integer]  height and width of avatar if displayed (48px max)
+			count: 3,                                 // [integer]  how many tweets to display?
+			fetch: null,                              // [integer]  how many tweets to fetch via the API (set this higher than 'count' if using the 'filter' option)
+			page: 1,                                  // [integer]  which page of results to fetch (if count != fetch, you'll get unexpected results)
+			retweets: true,                           // [boolean]  whether to fetch (official) retweets (not supported in all display modes)
+			intro_text: null,                         // [string]   do you want text BEFORE your your tweets?
+			outro_text: null,                         // [string]   do you want text AFTER your tweets?
+			join_text:  null,                         // [string]   optional text in between date and tweet, try setting to "auto"
+			auto_join_text_default: "i said,",        // [string]   auto text for non verb: "i said" bullocks
+			auto_join_text_ed: "i",                   // [string]   auto text for past tense: "i" surfed
+			auto_join_text_ing: "i am",               // [string]   auto tense for present tense: "i was" surfing
+			auto_join_text_reply: "i replied to",     // [string]   auto tense for replies: "i replied to" @someone "with"
+			auto_join_text_url: "i was looking at",   // [string]   auto tense for urls: "i was looking at" http:...
+			loading_text: null,                       // [string]   optional loading text, displayed while tweets load
+			refresh_interval: null ,                  // [integer]  optional number of seconds after which to reload tweets
+			twitter_url: "twitter.com",               // [string]   custom twitter url, if any (apigee, etc.)
+			twitter_api_url: "api.twitter.com",       // [string]   custom twitter api url, if any (apigee, etc.)
+			twitter_search_url: "api.twitter.com", // [string]   custom twitter search url, if any (apigee, etc.)
+			template: "{avatar}{time}{join}{text}",   // [string or function] template used to construct each tweet <li> - see code for available vars
+			comparator: function(tweet1, tweet2) {    // [function] comparator used to sort tweets (see Array.sort)
+				return tweet2["tweet_time"] - tweet1["tweet_time"];
+			},
+			filter: function(tweet) {                 // [function] whether or not to include a particular tweet (be sure to also set 'fetch')
+				return true;
+			}
+		// You can attach callbacks to the following events using jQuery's standard .bind() mechanism:
+		//   "loaded" -- triggered when tweets have been fetched and rendered
+		}, o);
+
+		// See http://daringfireball.net/2010/07/improved_regex_for_matching_urls
+		var url_regexp = /\b((?:[a-z][\w-]+:(?:\/{1,3}|[a-z0-9%])|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’]))/gi;
+
+		// Expand values inside simple string templates with {placeholders}
+		function t(template, info) {
+			if (typeof template === "string") {
+				var result = template;
+				for(var key in info) {
+					var val = info[key];
+					result = result.replace(new RegExp('{'+key+'}','g'), val === null ? '' : val);
+				}
+				return result;
+			} else return template(info);
+		}
+		// Export the t function for use when passing a function as the 'template' option
+		$.extend({tweet: {t: t}});
+
+		function replacer (regex, replacement) {
+			return function() {
+				var returning = [];
+				this.each(function() {
+					returning.push(this.replace(regex, replacement));
+				});
+				return $(returning);
+			};
+		}
+
+		function escapeHTML(s) {
+			return s.replace(/</g,"&lt;").replace(/>/g,"^&gt;");
+		}
+
+		$.fn.extend({
+			linkUser: replacer(/(^|[\W])@(\w+)/gi, "$1<span class=\"at\">@</span><a href=\"http://"+s.twitter_url+"/$2\">$2</a>"),
+			// Support various latin1 (\u00**) and arabic (\u06**) alphanumeric chars
+			linkHash: replacer(/(?:^| )[\#]+([\w\u00c0-\u00d6\u00d8-\u00f6\u00f8-\u00ff\u0600-\u06ff]+)/gi,
+				' <a href="https://twitter.com/search?q=%23$1'+((s.username && s.username.length == 1 && !s.list) ? '&from='+s.username.join("%2BOR%2B") : '')+'" class="tweet_hashtag">#$1</a>'),
+			makeHeart: replacer(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>")
+		});
+
+		function linkURLs(text, entities) {
+			return text.replace(url_regexp, function(match) {
+				var url = (/^[a-z]+:/i).test(match) ? match : "http://"+match;
+				var text = match;
+				for(var i = 0; i < entities.length; ++i) {
+					var entity = entities[i];
+					if (entity.url == url && entity.expanded_url) {
+						url = entity.expanded_url;
+						text = entity.display_url;
+						break;
+					}
+				}
+				return "<a href=\""+escapeHTML(url)+"\">"+escapeHTML(text)+"</a>";
+			});
+		}
+
+		function parse_date(date_str) {
+			// The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
+			// cannot handle in IE. We therefore perform the following transformation:
+			// "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
+			return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
+		}
+
+		function relative_time(date) {
+			var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
+			var delta = parseInt((relative_to.getTime() - date) / 1000, 10);
+			var r = '';
+			if (delta < 1) {
+				r = 'just now';
+			} else if (delta < 60) {
+				r = delta + ' seconds ago';
+			} else if(delta < 120) {
+				r = 'about a minute ago';
+			} else if(delta < (45*60)) {
+				r = 'about ' + (parseInt(delta / 60, 10)).toString() + ' minutes ago';
+			} else if(delta < (2*60*60)) {
+				r = 'about an hour ago';
+			} else if(delta < (24*60*60)) {
+				r = 'about ' + (parseInt(delta / 3600, 10)).toString() + ' hours ago';
+			} else if(delta < (48*60*60)) {
+				r = 'about a day ago';
+			} else {
+				r = 'about ' + (parseInt(delta / 86400, 10)).toString() + ' days ago';
+			}
+			return r;
+		}
+
+		function build_auto_join_text(text) {
+			if (text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
+				return s.auto_join_text_reply;
+			} else if (text.match(url_regexp)) {
+				return s.auto_join_text_url;
+			} else if (text.match(/^((\w+ed)|just) .*/im)) {
+				return s.auto_join_text_ed;
+			} else if (text.match(/^(\w*ing) .*/i)) {
+				return s.auto_join_text_ing;
+			} else {
+				return s.auto_join_text_default;
+			}
+		}
+
+		function build_api_request() {
+			var modpath = s.modpath,
+				count = (s.fetch === null) ? s.count : s.fetch,
+				defaults = {
+					include_entities: 1
+				};
+
+			if (s.list) {
+				return {
+					host: s.twitter_api_url,
+					url: "/1.1/lists/statuses.json",
+					parameters: $.extend({}, defaults, {
+						list_id: s.list_id,
+						slug: s.list,
+						owner_screen_name: s.username,
+						page: s.page,
+						count: count,
+						include_rts: (s.retweets ? 1 : 0)
+					})
+				};
+			} else if (s.favorites) {
+				return {
+					host: s.twitter_api_url,
+					url: "/1.1/favorites/list.json",
+					parameters: $.extend({}, defaults, {
+						list_id: s.list_id,
+						screen_name: s.username,
+						page: s.page,
+						count: count
+					})
+				};
+			} else if (s.query === null && s.username.length === 1) {
+				return {
+					host: s.twitter_api_url,
+					url: "/1.1/statuses/user_timeline.json",
+					parameters: $.extend({}, defaults, {
+						screen_name: s.username,
+						page: s.page,
+						count: count,
+						include_rts: (s.retweets ? 1 : 0)
+					})
+				};
+			} else {
+				var query = (s.query || 'from:'+s.username.join(' OR from:'));
+				return {
+					host: s.twitter_search_url,
+					url: "/1.1/search/tweets.json",
+					parameters: $.extend({}, defaults, {
+						q: query,
+						count: count
+					})
+				};
+			}
+		}
+
+		function extract_avatar_url(item, secure) {
+			if (secure) {
+				return ('user' in item) ?
+					item.user.profile_image_url_https :
+					extract_avatar_url(item, false).
+					replace(/^http:\/\/[a-z0-9]{1,3}\.twimg\.com\//, "https://s3.amazonaws.com/twitter_production/");
+			} else {
+				return item.profile_image_url || item.user.profile_image_url;
+			}
+		}
+
+		// Convert twitter API objects into data available for
+		// constructing each tweet <li> using a template
+		function extract_template_data(item) {
+			var o = {};
+			o.item = item;
+			o.source = item.source;
+			// The actual user name is not returned by all Twitter APIs, so please do not file an issue if it is empty.
+			o.name = item.from_user_name || item.user.name;
+			o.screen_name = item.from_user || item.user.screen_name;
+			o.avatar_size = s.avatar_size;
+			o.avatar_url = extract_avatar_url(item, (document.location.protocol === 'https:'));
+			o.retweet = typeof(item.retweeted_status) != 'undefined';
+			o.tweet_time = parse_date(item.created_at);
+			o.join_text = s.join_text == "auto" ? build_auto_join_text(item.text) : s.join_text;
+			o.tweet_id = item.id_str;
+			o.twitter_base = "http://"+s.twitter_url+"/";
+			o.user_url = o.twitter_base+o.screen_name;
+			o.tweet_url = o.user_url+"/status/"+o.tweet_id;
+			o.reply_url = o.twitter_base+"intent/tweet?in_reply_to="+o.tweet_id;
+			o.retweet_url = o.twitter_base+"intent/retweet?tweet_id="+o.tweet_id;
+			o.favorite_url = o.twitter_base+"intent/favorite?tweet_id="+o.tweet_id;
+			o.retweeted_screen_name = o.retweet && item.retweeted_status.user.screen_name;
+			o.tweet_relative_time = relative_time(o.tweet_time);
+			o.entities = item.entities ? (item.entities.urls || []).concat(item.entities.media || []) : [];
+			o.tweet_raw_text = o.retweet ? ('RT @'+o.retweeted_screen_name+' '+item.retweeted_status.text) : item.text; // avoid '...' in long retweets
+			o.tweet_text = $([linkURLs(o.tweet_raw_text, o.entities)]).linkUser().linkHash()[0];
+			o.tweet_text_fancy = $([o.tweet_text]).makeHeart()[0];
+
+			// Default spans, and pre-formatted blocks for common layouts
+			o.user = t('<a class="tweet_user" href="{user_url}">{screen_name}</a>', o);
+			o.join = s.join_text ? t(' <span class="tweet_join">{join_text}</span> ', o) : ' ';
+			o.avatar = o.avatar_size ?
+				t('<a class="tweet_avatar" href="{user_url}"><img src="{avatar_url}" height="{avatar_size}" width="{avatar_size}" alt="{screen_name}\'s avatar" title="{screen_name}\'s avatar" border="0"/></a>', o) : '';
+			o.time = t('<span class="tweet_time"><a href="{tweet_url}" title="view tweet on twitter">{tweet_relative_time}</a></span>', o);
+			o.text = t('<span class="tweet_text">{tweet_text_fancy}</span>', o);
+			o.reply_action = t('<a class="tweet_action tweet_reply" href="{reply_url}">reply</a>', o);
+			o.retweet_action = t('<a class="tweet_action tweet_retweet" href="{retweet_url}">retweet</a>', o);
+			o.favorite_action = t('<a class="tweet_action tweet_favorite" href="{favorite_url}">favorite</a>', o);
+			return o;
+		}
+
+		return this.each(function(i, widget){
+			var list = $('<ul class="tweet_list">');
+			var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
+			var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
+			var loading = $('<p class="loading">'+s.loading_text+'</p>');
+
+			if(s.username && typeof(s.username) == "string"){
+				s.username = [s.username];
+			}
+
+			$(widget).unbind("tweet:load").bind("tweet:load", function(){
+				if (s.loading_text) $(widget).empty().append(loading);
+
+				$.ajax({
+					dataType: "json",
+					type: "post",
+					async: false,
+					url: s.modpath || "/twitter/",
+					data: { request: build_api_request() },
+					success: function(data, status) {
+
+						if(data.message) {
+							console.log(data.message);
+						}
+
+						var response = data.response;
+						$(widget).empty().append(list);
+						if (s.intro_text) list.before(intro);
+						list.empty();
+
+						if(response.statuses !== undefined) {
+							resp = response.statuses;
+						} else if(response.results !== undefined) {
+							resp = response.results;
+						} else {
+							resp = response;
+						}
+
+						var tweets = $.map(resp, extract_template_data);
+							tweets = $.grep(tweets, s.filter).sort(s.comparator).slice(0, s.count);
+
+						list.append($.map(tweets, function(o) { return "<li>" + t(s.template, o) + "</li>"; }).join('')).
+							children('li:first').addClass('tweet_first').end().
+							children('li:odd').addClass('tweet_even').end().
+							children('li:even').addClass('tweet_odd');
+
+						if (s.outro_text) list.after(outro);
+						$(widget).trigger("loaded").trigger((tweets ? "empty" : "full"));
+						if (s.refresh_interval) {
+							window.setTimeout(function() { $(widget).trigger("tweet:load"); }, 1000 * s.refresh_interval);
+						}
+					}
+				});
+			}).trigger("tweet:load");
+		});
+	};
+}));

scripts/waypoints.js

@@ -0,0 +1,520 @@
+// Generated by CoffeeScript 1.6.2
+/*
+jQuery Waypoints - v2.0.4
+Copyright (c) 2011-2014 Caleb Troughton
+Dual licensed under the MIT license and GPL license.
+https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt
+*/
+
+
+(function() {
+  var __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
+    __slice = [].slice;
+
+  (function(root, factory) {
+    if (typeof define === 'function' && define.amd) {
+      return define('waypoints', ['jquery'], function($) {
+        return factory($, root);
+      });
+    } else {
+      return factory(root.jQuery, root);
+    }
+  })(this, function($, window) {
+    var $w, Context, Waypoint, allWaypoints, contextCounter, contextKey, contexts, isTouch, jQMethods, methods, resizeEvent, scrollEvent, waypointCounter, waypointKey, wp, wps;
+
+    $w = $(window);
+    isTouch = __indexOf.call(window, 'ontouchstart') >= 0;
+    allWaypoints = {
+      horizontal: {},
+      vertical: {}
+    };
+    contextCounter = 1;
+    contexts = {};
+    contextKey = 'waypoints-context-id';
+    resizeEvent = 'resize.waypoints';
+    scrollEvent = 'scroll.waypoints';
+    waypointCounter = 1;
+    waypointKey = 'waypoints-waypoint-ids';
+    wp = 'waypoint';
+    wps = 'waypoints';
+    Context = (function() {
+      function Context($element) {
+        var _this = this;
+
+        this.$element = $element;
+        this.element = $element[0];
+        this.didResize = false;
+        this.didScroll = false;
+        this.id = 'context' + contextCounter++;
+        this.oldScroll = {
+          x: $element.scrollLeft(),
+          y: $element.scrollTop()
+        };
+        this.waypoints = {
+          horizontal: {},
+          vertical: {}
+        };
+        this.element[contextKey] = this.id;
+        contexts[this.id] = this;
+        $element.bind(scrollEvent, function() {
+          var scrollHandler;
+
+          if (!(_this.didScroll || isTouch)) {
+            _this.didScroll = true;
+            scrollHandler = function() {
+              _this.doScroll();
+              return _this.didScroll = false;
+            };
+            return window.setTimeout(scrollHandler, $[wps].settings.scrollThrottle);
+          }
+        });
+        $element.bind(resizeEvent, function() {
+          var resizeHandler;
+
+          if (!_this.didResize) {
+            _this.didResize = true;
+            resizeHandler = function() {
+              $[wps]('refresh');
+              return _this.didResize = false;
+            };
+            return window.setTimeout(resizeHandler, $[wps].settings.resizeThrottle);
+          }
+        });
+      }
+
+      Context.prototype.doScroll = function() {
+        var axes,
+          _this = this;
+
+        axes = {
+          horizontal: {
+            newScroll: this.$element.scrollLeft(),
+            oldScroll: this.oldScroll.x,
+            forward: 'right',
+            backward: 'left'
+          },
+          vertical: {
+            newScroll: this.$element.scrollTop(),
+            oldScroll: this.oldScroll.y,
+            forward: 'down',
+            backward: 'up'
+          }
+        };
+        if (isTouch && (!axes.vertical.oldScroll || !axes.vertical.newScroll)) {
+          $[wps]('refresh');
+        }
+        $.each(axes, function(aKey, axis) {
+          var direction, isForward, triggered;
+
+          triggered = [];
+          isForward = axis.newScroll > axis.oldScroll;
+          direction = isForward ? axis.forward : axis.backward;
+          $.each(_this.waypoints[aKey], function(wKey, waypoint) {
+            var _ref, _ref1;
+
+            if ((axis.oldScroll < (_ref = waypoint.offset) && _ref <= axis.newScroll)) {
+              return triggered.push(waypoint);
+            } else if ((axis.newScroll < (_ref1 = waypoint.offset) && _ref1 <= axis.oldScroll)) {
+              return triggered.push(waypoint);
+            }
+          });
+          triggered.sort(function(a, b) {
+            return a.offset - b.offset;
+          });
+          if (!isForward) {
+            triggered.reverse();
+          }
+          return $.each(triggered, function(i, waypoint) {
+            if (waypoint.options.continuous || i === triggered.length - 1) {
+              return waypoint.trigger([direction]);
+            }
+          });
+        });
+        return this.oldScroll = {
+          x: axes.horizontal.newScroll,
+          y: axes.vertical.newScroll
+        };
+      };
+
+      Context.prototype.refresh = function() {
+        var axes, cOffset, isWin,
+          _this = this;
+
+        isWin = $.isWindow(this.element);
+        cOffset = this.$element.offset();
+        this.doScroll();
+        axes = {
+          horizontal: {
+            contextOffset: isWin ? 0 : cOffset.left,
+            contextScroll: isWin ? 0 : this.oldScroll.x,
+            contextDimension: this.$element.width(),
+            oldScroll: this.oldScroll.x,
+            forward: 'right',
+            backward: 'left',
+            offsetProp: 'left'
+          },
+          vertical: {
+            contextOffset: isWin ? 0 : cOffset.top,
+            contextScroll: isWin ? 0 : this.oldScroll.y,
+            contextDimension: isWin ? $[wps]('viewportHeight') : this.$element.height(),
+            oldScroll: this.oldScroll.y,
+            forward: 'down',
+            backward: 'up',
+            offsetProp: 'top'
+          }
+        };
+        return $.each(axes, function(aKey, axis) {
+          return $.each(_this.waypoints[aKey], function(i, waypoint) {
+            var adjustment, elementOffset, oldOffset, _ref, _ref1;
+
+            adjustment = waypoint.options.offset;
+            oldOffset = waypoint.offset;
+            elementOffset = $.isWindow(waypoint.element) ? 0 : waypoint.$element.offset()[axis.offsetProp];
+            if ($.isFunction(adjustment)) {
+              adjustment = adjustment.apply(waypoint.element);
+            } else if (typeof adjustment === 'string') {
+              adjustment = parseFloat(adjustment);
+              if (waypoint.options.offset.indexOf('%') > -1) {
+                adjustment = Math.ceil(axis.contextDimension * adjustment / 100);
+              }
+            }
+            waypoint.offset = elementOffset - axis.contextOffset + axis.contextScroll - adjustment;
+            if ((waypoint.options.onlyOnScroll && (oldOffset != null)) || !waypoint.enabled) {
+              return;
+            }
+            if (oldOffset !== null && (oldOffset < (_ref = axis.oldScroll) && _ref <= waypoint.offset)) {
+              return waypoint.trigger([axis.backward]);
+            } else if (oldOffset !== null && (oldOffset > (_ref1 = axis.oldScroll) && _ref1 >= waypoint.offset)) {
+              return waypoint.trigger([axis.forward]);
+            } else if (oldOffset === null && axis.oldScroll >= waypoint.offset) {
+              return waypoint.trigger([axis.forward]);
+            }
+          });
+        });
+      };
+
+      Context.prototype.checkEmpty = function() {
+        if ($.isEmptyObject(this.waypoints.horizontal) && $.isEmptyObject(this.waypoints.vertical)) {
+          this.$element.unbind([resizeEvent, scrollEvent].join(' '));
+          return delete contexts[this.id];
+        }
+      };
+
+      return Context;
+
+    })();
+    Waypoint = (function() {
+      function Waypoint($element, context, options) {
+        var idList, _ref;
+
+        options = $.extend({}, $.fn[wp].defaults, options);
+        if (options.offset === 'bottom-in-view') {
+          options.offset = function() {
+            var contextHeight;
+
+            contextHeight = $[wps]('viewportHeight');
+            if (!$.isWindow(context.element)) {
+              contextHeight = context.$element.height();
+            }
+            return contextHeight - $(this).outerHeight();
+          };
+        }
+        this.$element = $element;
+        this.element = $element[0];
+        this.axis = options.horizontal ? 'horizontal' : 'vertical';
+        this.callback = options.handler;
+        this.context = context;
+        this.enabled = options.enabled;
+        this.id = 'waypoints' + waypointCounter++;
+        this.offset = null;
+        this.options = options;
+        context.waypoints[this.axis][this.id] = this;
+        allWaypoints[this.axis][this.id] = this;
+        idList = (_ref = this.element[waypointKey]) != null ? _ref : [];
+        idList.push(this.id);
+        this.element[waypointKey] = idList;
+      }
+
+      Waypoint.prototype.trigger = function(args) {
+        if (!this.enabled) {
+          return;
+        }
+        if (this.callback != null) {
+          this.callback.apply(this.element, args);
+        }
+        if (this.options.triggerOnce) {
+          return this.destroy();
+        }
+      };
+
+      Waypoint.prototype.disable = function() {
+        return this.enabled = false;
+      };
+
+      Waypoint.prototype.enable = function() {
+        this.context.refresh();
+        return this.enabled = true;
+      };
+
+      Waypoint.prototype.destroy = function() {
+        delete allWaypoints[this.axis][this.id];
+        delete this.context.waypoints[this.axis][this.id];
+        return this.context.checkEmpty();
+      };
+
+      Waypoint.getWaypointsByElement = function(element) {
+        var all, ids;
+
+        ids = element[waypointKey];
+        if (!ids) {
+          return [];
+        }
+        all = $.extend({}, allWaypoints.horizontal, allWaypoints.vertical);
+        return $.map(ids, function(id) {
+          return all[id];
+        });
+      };
+
+      return Waypoint;
+
+    })();
+    methods = {
+      init: function(f, options) {
+        var _ref;
+
+        if (options == null) {
+          options = {};
+        }
+        if ((_ref = options.handler) == null) {
+          options.handler = f;
+        }
+        this.each(function() {
+          var $this, context, contextElement, _ref1;
+
+          $this = $(this);
+          contextElement = (_ref1 = options.context) != null ? _ref1 : $.fn[wp].defaults.context;
+          if (!$.isWindow(contextElement)) {
+            contextElement = $this.closest(contextElement);
+          }
+          contextElement = $(contextElement);
+          context = contexts[contextElement[0][contextKey]];
+          if (!context) {
+            context = new Context(contextElement);
+          }
+          return new Waypoint($this, context, options);
+        });
+        $[wps]('refresh');
+        return this;
+      },
+      disable: function() {
+        return methods._invoke.call(this, 'disable');
+      },
+      enable: function() {
+        return methods._invoke.call(this, 'enable');
+      },
+      destroy: function() {
+        return methods._invoke.call(this, 'destroy');
+      },
+      prev: function(axis, selector) {
+        return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) {
+          if (index > 0) {
+            return stack.push(waypoints[index - 1]);
+          }
+        });
+      },
+      next: function(axis, selector) {
+        return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) {
+          if (index < waypoints.length - 1) {
+            return stack.push(waypoints[index + 1]);
+          }
+        });
+      },
+      _traverse: function(axis, selector, push) {
+        var stack, waypoints;
+
+        if (axis == null) {
+          axis = 'vertical';
+        }
+        if (selector == null) {
+          selector = window;
+        }
+        waypoints = jQMethods.aggregate(selector);
+        stack = [];
+        this.each(function() {
+          var index;
+
+          index = $.inArray(this, waypoints[axis]);
+          return push(stack, index, waypoints[axis]);
+        });
+        return this.pushStack(stack);
+      },
+      _invoke: function(method) {
+        this.each(function() {
+          var waypoints;
+
+          waypoints = Waypoint.getWaypointsByElement(this);
+          return $.each(waypoints, function(i, waypoint) {
+            waypoint[method]();
+            return true;
+          });
+        });
+        return this;
+      }
+    };
+    $.fn[wp] = function() {
+      var args, method;
+
+      method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      if (methods[method]) {
+        return methods[method].apply(this, args);
+      } else if ($.isFunction(method)) {
+        return methods.init.apply(this, arguments);
+      } else if ($.isPlainObject(method)) {
+        return methods.init.apply(this, [null, method]);
+      } else if (!method) {
+        return $.error("jQuery Waypoints needs a callback function or handler option.");
+      } else {
+        return $.error("The " + method + " method does not exist in jQuery Waypoints.");
+      }
+    };
+    $.fn[wp].defaults = {
+      context: window,
+      continuous: true,
+      enabled: true,
+      horizontal: false,
+      offset: 0,
+      triggerOnce: false
+    };
+    jQMethods = {
+      refresh: function() {
+        return $.each(contexts, function(i, context) {
+          return context.refresh();
+        });
+      },
+      viewportHeight: function() {
+        var _ref;
+
+        return (_ref = window.innerHeight) != null ? _ref : $w.height();
+      },
+      aggregate: function(contextSelector) {
+        var collection, waypoints, _ref;
+
+        collection = allWaypoints;
+        if (contextSelector) {
+          collection = (_ref = contexts[$(contextSelector)[0][contextKey]]) != null ? _ref.waypoints : void 0;
+        }
+        if (!collection) {
+          return [];
+        }
+        waypoints = {
+          horizontal: [],
+          vertical: []
+        };
+        $.each(waypoints, function(axis, arr) {
+          $.each(collection[axis], function(key, waypoint) {
+            return arr.push(waypoint);
+          });
+          arr.sort(function(a, b) {
+            return a.offset - b.offset;
+          });
+          waypoints[axis] = $.map(arr, function(waypoint) {
+            return waypoint.element;
+          });
+          return waypoints[axis] = $.unique(waypoints[axis]);
+        });
+        return waypoints;
+      },
+      above: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) {
+          return waypoint.offset <= context.oldScroll.y;
+        });
+      },
+      below: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) {
+          return waypoint.offset > context.oldScroll.y;
+        });
+      },
+      left: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) {
+          return waypoint.offset <= context.oldScroll.x;
+        });
+      },
+      right: function(contextSelector) {
+        if (contextSelector == null) {
+          contextSelector = window;
+        }
+        return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) {
+          return waypoint.offset > context.oldScroll.x;
+        });
+      },
+      enable: function() {
+        return jQMethods._invoke('enable');
+      },
+      disable: function() {
+        return jQMethods._invoke('disable');
+      },
+      destroy: function() {
+        return jQMethods._invoke('destroy');
+      },
+      extendFn: function(methodName, f) {
+        return methods[methodName] = f;
+      },
+      _invoke: function(method) {
+        var waypoints;
+
+        waypoints = $.extend({}, allWaypoints.vertical, allWaypoints.horizontal);
+        return $.each(waypoints, function(key, waypoint) {
+          waypoint[method]();
+          return true;
+        });
+      },
+      _filter: function(selector, axis, test) {
+        var context, waypoints;
+
+        context = contexts[$(selector)[0][contextKey]];
+        if (!context) {
+          return [];
+        }
+        waypoints = [];
+        $.each(context.waypoints[axis], function(i, waypoint) {
+          if (test(context, waypoint)) {
+            return waypoints.push(waypoint);
+          }
+        });
+        waypoints.sort(function(a, b) {
+          return a.offset - b.offset;
+        });
+        return $.map(waypoints, function(waypoint) {
+          return waypoint.element;
+        });
+      }
+    };
+    $[wps] = function() {
+      var args, method;
+
+      method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      if (jQMethods[method]) {
+        return jQMethods[method].apply(null, args);
+      } else {
+        return jQMethods.aggregate.call(null, method);
+      }
+    };
+    $[wps].settings = {
+      resizeThrottle: 100,
+      scrollThrottle: 30
+    };
+    return $w.load(function() {
+      return $[wps]('refresh');
+    });
+  });
+
+}).call(this);

scripts/wow.min.js

@@ -0,0 +1,2 @@
+/*! WOW - v0.1.4 - 2014-02-12
+* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b=[].slice,c=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){var c,d,e,f,g,h,i,j,k;for(e=arguments[0],c=2<=arguments.length?b.call(arguments,1):[],g=e||{},i=0,j=c.length;j>i;i++){f=c[i],k=f||{};for(d in k)h=k[d],"object"==typeof g[d]?g[d]=a(g[d],h):g[d]||(g[d]=h)}return g},this.WOW=function(){function b(b){null==b&&(b={}),this.scrollCallback=c(this.scrollCallback,this),this.scrollHandler=c(this.scrollHandler,this),this.start=c(this.start,this),this.config=a(b,this.defaults),this.scrolled=!0}return b.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0},b.prototype.init=function(){var a;return"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},b.prototype.start=function(){var a,b,c,d;if(this.element=window.document.documentElement,this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},b.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},b.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},b.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),a.setAttribute("style",this.customStyle(b,d,c,e))},b.prototype.customStyle=function(a,b,c,d){var e;return e=a?"visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;":"visibility: visible;",b&&(e+="-webkit-animation-duration: "+b+"; -moz-animation-duration: "+b+"; animation-duration: "+b+";"),c&&(e+="-webkit-animation-delay: "+c+"; -moz-animation-delay: "+c+"; animation-delay: "+c+";"),d&&(e+="-webkit-animation-iteration-count: "+d+"; -moz-animation-iteration-count: "+d+"; animation-iteration-count: "+d+";"),e},b.prototype.scrollHandler=function(){return this.scrolled=!0},b.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},b.prototype.offsetTop=function(a){var b;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},b.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},b}()}).call(this);

styles/flexslider.css

@@ -0,0 +1,96 @@
+/*
+ * jQuery FlexSlider v2.2.0
+ * http://www.woothemes.com/flexslider/
+ *
+ * Copyright 2012 WooThemes
+ * Free to use under the GPLv2 license.
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ *
+ * Contributing author: Tyler Smith (@mbmufffin)
+ */
+
+
+/* Browser Resets
+*********************************/
+.flex-container a:active,
+.flexslider a:active,
+.flex-container a:focus,
+.flexslider a:focus  {outline: none;}
+.slides,
+.flex-control-nav,
+.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
+
+/* Icon Fonts
+*********************************/
+/* Font-face Icons */
+@font-face {
+	font-family: 'flexslider-icon';
+	src:url('fonts/flexslider-icon.eot');
+	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
+		url('fonts/flexslider-icon.woff') format('woff'),
+		url('fonts/flexslider-icon.ttf') format('truetype'),
+		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+/* FlexSlider Necessary Styles
+*********************************/
+.flexslider {margin: 0; padding: 0;}
+.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
+.flexslider .slides img {width: 100%; display: block;}
+.flex-pauseplay span {text-transform: capitalize;}
+
+/* Clearfix for the .slides element */
+.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+html[xmlns] .slides {display: block;}
+* html .slides {height: 1%;}
+
+/* No JavaScript Fallback */
+/* If you are not using another script, such as Modernizr, make sure you
+ * include js that eliminates this class on page load */
+.no-js .slides > li:first-child {display: block;}
+
+/* FlexSlider Default Theme
+*********************************/
+.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
+.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
+.loading .flex-viewport { max-height: 300px; }
+.flexslider .slides { zoom: 1; }
+.carousel li { margin-right: 5px; }
+
+/* Direction Nav */
+.flex-direction-nav {*height: 0;}
+.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
+.flex-direction-nav .flex-prev { left: -50px; }
+.flex-direction-nav .flex-next { right: -50px; text-align: right; }
+.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
+.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
+.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
+.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
+.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
+.flex-direction-nav a.flex-next:before  { content: '\f002'; }
+
+/* Pause/Play */
+.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
+.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
+.flex-pauseplay a:hover  { opacity: 1; }
+.flex-pauseplay a.flex-play:before { content: '\f003'; }
+
+/* Control Nav */
+.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
+.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
+.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
+.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
+.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
+
+.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
+.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
+.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
+.flex-control-thumbs img:hover {opacity: 1;}
+.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
+
+@media screen and (max-width: 860px) {
+  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
+  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
+}

styles/prettyPhoto.css

@@ -0,0 +1,170 @@
+div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
+div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
+div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
+div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
+div.pp_default .pp_content .ppt{color:#f8f8f8}
+div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
+div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
+div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
+div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
+div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
+div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
+div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
+div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
+div.pp_default .pp_social{margin-top:7px}
+div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
+div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
+div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
+div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
+div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
+div.pp_default .pp_content_container .pp_details{margin-top:5px}
+div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
+div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
+div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
+div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
+div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
+div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
+div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
+div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
+div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
+div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
+div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
+div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
+div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
+div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
+div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
+div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
+div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
+div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_rounded .pp_description{margin-right:85px;color:#fff}
+div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
+div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
+div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
+div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
+div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
+div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
+div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
+div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_square .pp_nav{clear:none}
+div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
+div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
+div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
+div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
+div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
+div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
+div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
+div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
+div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
+div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.facebook .pp_description{margin:0 37px 0 0}
+div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
+div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
+div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
+div.facebook .pp_nav{margin-top:0}
+div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
+div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
+div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
+div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
+div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
+div.pp_pic_holder a:focus{outline:none}
+div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
+div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
+.pp_content{height:40px;min-width:40px}
+* html .pp_content{width:40px}
+.pp_content_container{position:relative;text-align:left;width:100%}
+.pp_content_container .pp_left{padding-left:20px}
+.pp_content_container .pp_right{padding-right:20px}
+.pp_content_container .pp_details{float:left;margin:10px 0 2px}
+.pp_description{display:none;margin:0}
+.pp_social{float:left;margin:0}
+.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
+.pp_social .twitter{float:left}
+.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
+.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
+.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
+a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
+.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
+.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
+.pp_gallery div{float:left;overflow:hidden;position:relative}
+.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
+.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
+.pp_gallery ul a img{border:0}
+.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
+.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
+.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
+a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
+a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
+a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
+a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
+.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
+#pp_full_res{line-height:1!important}
+#pp_full_res .pp_inline{text-align:left}
+#pp_full_res .pp_inline p{margin:0 0 15px}
+div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
+div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
+div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
+div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
+div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
+div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
+div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
+div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
+div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
+div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
+div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
+div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
+div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
+div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
+.pp_top,.pp_bottom{height:20px;position:relative}
+* html .pp_top,* html .pp_bottom{padding:0 20px}
+.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
+.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
+* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
+.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
+.pp_fade,.pp_gallery li.default a img{display:none}