diff --git a/.gitignore b/.gitignore
index e920c16..613e524 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,6 +22,7 @@ coverage
 
 # Compiled binary addons (http://nodejs.org/api/addons.html)
 build/Release
+dist/
 
 # Dependency directory
 node_modules
diff --git a/.travis.yml b/.travis.yml
new file mode 100644
index 0000000..a8c99d8
--- /dev/null
+++ b/.travis.yml
@@ -0,0 +1,31 @@
+language: node_js
+node_js:
+- '5.8'
+addons:
+  ssh_known_hosts: 
+    - develop.bithub.com
+    - staging.bithub.com
+    - production.bithub.com
+before_install:
+- openssl aes-256-cbc -K $encrypted_34b14dba4b3c_key -iv $encrypted_34b14dba4b3c_iv
+  -in deploy-key.pem.enc -out deploy-key.pem -d
+- export DISPLAY=:99.0
+- sh -e /etc/init.d/xvfb start
+deploy:
+  - provider: script
+    script: ./.travis/deploy-production.sh
+    skip_cleanup: true
+    on: 
+      branch: production
+  - provider: script
+    script: ./.travis/deploy-staging.sh
+    skip_cleanup: true
+    on:
+      branch: staging
+  - provider: script
+    script: ./.travis/deploy-develop.sh
+    skip_cleanup: true
+    on:
+      branch: develop
+notifications:
+  slack: bitovi:a6EZ5xpLzrpMgCYyvKwfkmN5
diff --git a/.travis/deploy-develop.sh b/.travis/deploy-develop.sh
new file mode 100755
index 0000000..32fd51c
--- /dev/null
+++ b/.travis/deploy-develop.sh
@@ -0,0 +1,10 @@
+#!/bin/sh
+eval "$(ssh-agent -s)"
+
+chmod 600 deploy-key.pem
+ssh-add deploy-key.pem
+
+git remote add deploy ssh://bithub@develop.bithub.com/home/bithub/client.git
+# Do not change this line. Travis has the ability push back to the repository
+# https://docs.travis-ci.com/user/github-oauth-scopes/
+git push -f deploy develop:develop
diff --git a/.travis/deploy-production.sh b/.travis/deploy-production.sh
new file mode 100755
index 0000000..aec63c8
--- /dev/null
+++ b/.travis/deploy-production.sh
@@ -0,0 +1,10 @@
+#!/bin/sh
+eval "$(ssh-agent -s)"
+
+chmod 600 deploy-key.pem
+ssh-add deploy-key.pem
+
+git remote add deploy ssh://bithub@production.bithub.com/home/bithub/client.git
+# Do not change this line. Travis has the ability push back to the repository
+# https://docs.travis-ci.com/user/github-oauth-scopes/
+git push -f deploy production:production
diff --git a/.travis/deploy-staging.sh b/.travis/deploy-staging.sh
new file mode 100755
index 0000000..5185b92
--- /dev/null
+++ b/.travis/deploy-staging.sh
@@ -0,0 +1,10 @@
+#!/bin/sh
+eval "$(ssh-agent -s)"
+
+chmod 600 deploy-key.pem
+ssh-add deploy-key.pem
+
+git remote add deploy ssh://bithub@staging.bithub.com/home/bithub/client.git
+# Do not change this line. Travis has the ability push back to the repository
+# https://docs.travis-ci.com/user/github-oauth-scopes/
+git push -f deploy staging:staging
diff --git a/.travis/encrypt-deploy-key.sh b/.travis/encrypt-deploy-key.sh
new file mode 100755
index 0000000..b8aea79
--- /dev/null
+++ b/.travis/encrypt-deploy-key.sh
@@ -0,0 +1,15 @@
+#!/bin/bash
+# Usage:
+# Go to your git project:
+#   cd my_project
+# Then run:
+#   ./encrypt-deploy-key.sh <path to deploy key>
+
+SSH_KEY_PATH=$1
+
+if [[ ! $(which travis) ]]; then
+    gem install travis
+fi
+
+travis login --pro --auto
+travis encrypt-file ${SSH_KEY_PATH} --add
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..9a48320
--- /dev/null
+++ b/404.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+
+<body>
+  <!-- This file lives in public/404.html -->
+  <div class="dialog">
+    <h1>The page you were looking for doesn't exist.</h1>
+    <p>You may have mistyped the address or the page may have moved.</p>
+  </div>
+</body>
+</html>
diff --git a/422.html b/422.html
new file mode 100644
index 0000000..83660ab
--- /dev/null
+++ b/422.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>The change you wanted was rejected (422)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+
+<body>
+  <!-- This file lives in public/422.html -->
+  <div class="dialog">
+    <h1>The change you wanted was rejected.</h1>
+    <p>Maybe you tried to change something you didn't have access to.</p>
+  </div>
+</body>
+</html>
diff --git a/500.html b/500.html
new file mode 100644
index 0000000..f3648a0
--- /dev/null
+++ b/500.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>We're sorry, but something went wrong (500)</title>
+  <style type="text/css">
+    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
+    div.dialog {
+      width: 25em;
+      padding: 0 4em;
+      margin: 4em auto 0 auto;
+      border: 1px solid #ccc;
+      border-right-color: #999;
+      border-bottom-color: #999;
+    }
+    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
+  </style>
+</head>
+
+<body>
+  <!-- This file lives in public/500.html -->
+  <div class="dialog">
+    <h1>We're sorry, but something went wrong.</h1>
+  </div>
+</body>
+</html>
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..a9efded
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,67 @@
+all: gitco cleandesktop installdesktop builddesktop buildhomepageembed cleanmobile installmobile buildmobile gitadd gitci
+
+desktop: gitco cleandesktop installdesktop builddesktop buildhomepageembed gitadd gitci
+
+mobile: gitco cleanmobile installmobile buildmobile addtogit gitadd gitci
+
+cleandesktop:
+	@echo "********************************************************************************"
+	@echo "* Removing desktop node_modules                                                *"
+	@echo "********************************************************************************"
+	rm -rf node_modules
+
+installdesktop:
+	@echo "********************************************************************************"
+	@echo "* Installing desktop node_modules                                              *"
+	@echo "********************************************************************************"
+	npm install
+
+builddesktop:
+	@echo "********************************************************************************"
+	@echo "* Building desktop app                                                         *"
+	@echo "********************************************************************************"
+	./node_modules/steal-tools/bin/steal build --main=bithub-social;
+	./node_modules/steal-tools/bin/steal build --main=bithub-embed
+
+buildhomepageembed:
+	@echo "********************************************************************************"
+	@echo "* Building homepage embed                                                      *"
+	@echo "********************************************************************************"
+	./node_modules/steal-tools/bin/steal build --main=homepage_embed/index
+
+cleanmobile:
+	@echo "********************************************************************************"
+	@echo "* Removing mobile node_modules                                                 *"
+	@echo "********************************************************************************"
+	cd new-bithub-client; rm -rf node_modules
+
+installmobile:
+	@echo "********************************************************************************"
+	@echo "* Installing mobile node_modules                                               *"
+	@echo "********************************************************************************"
+	cd new-bithub-client; npm install
+
+buildmobile:
+	@echo "********************************************************************************"
+	@echo "* Building mobile app                                                          *"
+	@echo "********************************************************************************"
+	cd new-bithub-client; donejs build
+
+gitco:
+	@echo "********************************************************************************"
+	@echo "* Switching to release branch"
+	@echo "********************************************************************************"
+	git checkout -b release
+
+gitadd:
+	@echo "********************************************************************************"
+	@echo "* Forcefully adding to git"
+	@echo "********************************************************************************"
+	git add --force node_modules dist new-bithub-client/node_modules new-bithub-client/dist
+
+gitadd:
+	@echo "********************************************************************************"
+	@echo "* Forcefully adding to git"
+	@echo "********************************************************************************"
+	git ci -m 'Release is out yall!'
+
diff --git a/README.md b/README.md
index c580c55..fab2843 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
-# www-client
-The desktop and mobile web client for bithub.com.
+(develop.bithub) client application [![Build Status](https://travis-ci.org/bithubapp/bithub-admin.svg?branch=develop)](https://travis-ci.org/bithubapp/bithub-admin)
+==============
diff --git a/bind-model-events.js b/bind-model-events.js
new file mode 100644
index 0000000..46732df
--- /dev/null
+++ b/bind-model-events.js
@@ -0,0 +1,31 @@
+import Models from "models/";
+
+export default function(appState){
+	Models.Service.on('saving', function(ev, service){
+		var loadingServices = appState.attr('loadingServices');
+		var index = loadingServices.indexOf(service);
+
+		if(index > -1){
+			loadingServices.splice(index, 1);
+		}
+
+		loadingServices.unshift(service);
+	});
+
+
+	Models.Service.on('errored', function(ev, service){
+		var loadingServices = appState.attr('loadingServices');
+		var index = loadingServices.indexOf(service);
+
+		loadingServices.splice(index, 1);
+	});
+
+	Models.Service.on('destroyed', function(ev, service){
+		var loadingServices = appState.attr('loadingServices');
+		var index = loadingServices.indexOf(service);
+
+		if(index > -1){
+			loadingServices.splice(index, 1);
+		}
+	});
+}
diff --git a/bit-list/bit-list.js b/bit-list/bit-list.js
new file mode 100644
index 0000000..3778dff
--- /dev/null
+++ b/bit-list/bit-list.js
@@ -0,0 +1,50 @@
+import can from "can/";
+import initView from "./bit-list.stache!";
+import InteractionEvent from "models/interaction_event";
+
+import "can/construct/super/";
+import "can/construct/proxy/";
+import "bithub-embed/bits_vertical_infinite/";
+import "bithub-embed/bits_vertical_infinite_grouped/";
+
+export default can.Control.extend({
+	pluginName : 'bh-bits',
+}, {
+	setup : function(el, opts){
+		opts = opts || {};
+		opts.isLoading   = can.compute(false);
+		opts.hasNextPage = can.compute(true);
+		return this._super(el, opts);
+	},
+	init : function(){
+		this.__timeouts = {};
+
+		this.currentOffset = can.compute(0);
+		this.bits = this.options.state.attr('bits');
+
+		this.element.html(initView({
+			isLoading : this.options.isLoading,
+			state : this.options.state,
+			bits: this.bits
+		}));
+
+
+
+	},
+	'interaction:scroll' : function(el, ev, hubId){
+		if(!this.__savedScrollInteraction){
+			InteractionEvent.createScrollInteraction(this.options.state.attr('tenant'), hubId);
+			this.__savedScrollInteraction = true;
+		}
+	},
+	'interaction:link' : function(el, ev, hubId, entityId){
+		if(!this.options.state.isAdmin()){
+			InteractionEvent.createLinkClickedInteraction(this.options.state.attr('tenant'), hubId, entityId);
+		}
+	},
+	'interaction:share' : function(el, ev, hubId, entityId, target){
+		if(!this.options.state.isAdmin()){
+			InteractionEvent.createEntitySharedInteraction(this.options.state.attr('tenant'), hubId, entityId, target);
+		}
+	}
+});
diff --git a/bit-list/bit-list.stache b/bit-list/bit-list.stache
new file mode 100644
index 0000000..639ed09
--- /dev/null
+++ b/bit-list/bit-list.stache
@@ -0,0 +1,16 @@
+{{#if state.isAdmin}}
+  {{#if state.isGroupedByDate}}
+    <bh-bits-vertical-infinite-grouped params="{state.getParams}" bits="{bits}" state="{state}"></bh-bits-vertical-infinite-grouped>
+  {{else}}
+    <bh-bits-vertical-infinite params="{state.getParams}" bits="{bits}" state="{state}"></bh-bits-vertical-infinite>
+    
+  {{/if}}
+
+{{else}}
+  <bh-bits-vertical-infinite params="{state.getParams}" bits="{bits}" state="{state}"></bh-bits-vertical-infinite>
+{{/if}}
+{{#if state.showPoweredBy}}
+	<div class="powered-by">
+		Powered by <a href="http://bithub.com" target="_blank">BitHub</a>
+	</div>
+{{/if}}
diff --git a/bithub-embed.js b/bithub-embed.js
new file mode 100644
index 0000000..0056ebb
--- /dev/null
+++ b/bithub-embed.js
@@ -0,0 +1,117 @@
+import AppState from 'models/embed_appstate';
+import Bit from 'models/bit';
+import Hub from 'models/hub';
+import BitList from 'bit-list/';
+import Communicator from 'communicator/';
+import 'can/route/';
+import "style/embed.less!";
+var params = can.deparam(window.location.search.substr(1));
+var isLoadedFromIframe = window.parent !== window;
+var appState = new AppState();
+
+var bodyClasses = [(isLoadedFromIframe ? 'iframe-context' : 'page-context'), 'embed'];
+
+var triggerPartition = (function(){
+	var partitionTimeout;
+	return function(bits){
+		clearTimeout(partitionTimeout);
+		partitionTimeout = setTimeout(function(){
+			can.trigger(bits, 'partition');
+		}, 100);
+	};
+})();
+
+var kickstart = function(hub){
+	var communicator = Communicator.bind(window.parent, {
+		updateAttrs : function(data){
+			appState.setAttrs(data);
+		},
+		reset : function(){
+			resetApp();
+		}
+	});
+
+	bodyClasses.push((params.theme || 'light') + '-theme');
+
+	//can.route.map(appState);
+	//can.route.ready();
+
+
+	appState.attr('hub', hub);
+	appState.setAttrs(params);
+	appState.connectLiveService();
+
+	if(!appState.isPublic()){
+		bodyClasses.push('admin-embed');
+	}
+
+	Bit.on('lifecycle', function(ev, bit){
+		var serviceIds = bit.attr('service_ids');
+		var bits = appState.attr('bits');
+		var isLive = appState.isLive();
+
+		if(appState.isPublic() && isLive && bit.isPublic()){
+			bits.place(bit);
+		} else {
+			if(isLive && bits.indexOf(bit) === -1 && bit.attr('decision') === appState.attr('decision')){
+				bits.unshift(bit);
+			}
+		}
+
+		triggerPartition(bits);
+
+		if( serviceIds && (params.view !== 'public') ){
+			communicator.send('loadedBits', serviceIds);
+		}
+
+	});
+
+	Bit.on('disapproved', function(ev, bit){
+		var bits = appState.attr('bits');
+		var index = bits.indexOf(bit);
+		if(appState.isPublic() && index > -1){
+			bits.splice(index, 1);
+		}
+	});
+
+	$('body').addClass(bodyClasses.join(' '));
+
+	var initApp = function(){
+		var div = $('<div id="app" />');
+
+		$('#app-wrapper').html(div);
+		console.log('INIT APP')
+		new BitList(div, {
+			state : appState
+		});
+	};
+
+	var resetApp = (function(){
+		var timeout;
+		return function(){
+			clearTimeout(timeout);
+			setTimeout(function(){
+				appState.reset();
+				initApp();
+			}, 1);
+		};
+	})();
+
+	appState.on('view', resetApp);
+	appState.on('order', resetApp);
+	appState.on('decision', resetApp);
+	appState.on('service_id', resetApp);
+	appState.on('image_only', resetApp);
+
+	appState.on('theme', function(ev, newTheme){
+		$('body').removeClass('dark-theme light-theme').addClass(newTheme + '-theme');
+	});
+
+	initApp();
+};
+
+Hub.findOne({id: params.hubId}).then(function(hub){
+	kickstart(hub);
+}, function(){
+	kickstart();
+});
diff --git a/bithub-social.html b/bithub-social.html
new file mode 100644
index 0000000..94e4a9d
--- /dev/null
+++ b/bithub-social.html
@@ -0,0 +1,12 @@
+<!DOCTYPE HTML>
+<html lang="en">
+<head>
+  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+  <title>BitHub</title>
+</head>
+<body>
+<script src='./bower_components/steal/steal.js' data-main='bithub-social'></script>
+<div id="app"></div>
+</body>
+</html>
\ No newline at end of file
diff --git a/bithub-social.js b/bithub-social.js
new file mode 100644
index 0000000..1eba182
--- /dev/null
+++ b/bithub-social.js
@@ -0,0 +1,129 @@
+import can from "can/";
+import initView from './bithub-social.stache!';
+import stache from 'can/view/stache/';
+import AppState from 'models/appstate';
+import Models from 'models/';
+import bindModelEvents from './bind-model-events';
+import 'can/map/define/';
+import 'components/';
+import 'components/helpers';
+import 'components/service-config-formatter/';
+import Cookie from 'js-cookie';
+
+var kickstart = function(selector){
+	var PresetChangeUpdater = can.Control.extend({
+		'{appState} preset' : 'updateIframeAttrs',
+		'{appState} customPreset change' : 'updateIframeAttrs',
+		'{appState.adminPreset} change' : 'updateIframeAttrs',
+		updateIframeAttrs : function(){
+			var self = this;
+			clearTimeout(this.__updateIframeAttrs);
+			this.__updateIframeAttrs = setTimeout(function(){
+				self.options.appState.updateIframeAttrs();
+			});
+		}
+	});
+
+	if(/Mobi/.test(navigator.userAgent)){
+		if(Cookie.get('redirected-from-new-ui')){
+			Cookie.remove('redirected-from-new-ui');
+		} else {
+			window.location = '/new-bithub/';
+			return;
+		}
+	}
+	
+	$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
+		if(options.type.toLowerCase() !== 'get'){
+			options.data = JSON.stringify(originalOptions.data);
+			options.contentType = 'application/json';
+		}
+	});
+
+	$.when(Models.Brand.findOne({}), Models.Subscription.findOne({}), Models.Account.current(), Models.Organization.current()).done(function(brand, subscription, account, organization){
+
+		var appState = new AppState({
+			currentBrand: brand,
+			currentSubscription: subscription,
+			currentAccount: account,
+			currentOrganization: organization,
+			embedType : 'admin'
+		});
+		
+
+		new PresetChangeUpdater(document.documentElement, {
+			appState : appState
+		});
+
+		can.route('', {page: 'hub-list'});
+		can.route(':page');
+		can.route(':page/:panel');
+		can.route(':page/:panel/:hubId');
+		can.route(':page/:panel/:hubId');
+
+		can.route.map(appState);
+
+		can.route.ready();
+
+		bindModelEvents(appState);
+
+		stache.registerHelper('ifCanAddHub', function(hubs, opts){
+			hubs = can.isFunction(hubs) ? hubs() : hubs;
+			var canAddHub = appState.attr('currentSubscription').canAddHub(hubs);
+			return canAddHub ? opts.fn() : opts.inverse();
+		});
+
+		stache.registerHelper('ifCanAddService', function(services, feed, type, opts){
+			feed = can.isFunction(feed) ? feed() : feed;
+			type = can.isFunction(type) ? type() : type;
+			services = can.isFunction(services) ? services() : services;
+			var canAddService = appState.attr('currentSubscription').canAddService(services, feed, type);
+
+			return canAddService ? opts.fn() : opts.inverse();
+		});
+
+
+		$(selector).html(initView({
+			state: appState,
+			switchOrganization : function(organization){
+				Models.Organization.choose(organization.id).then(function(){
+					window.location.reload();
+				}, function(){
+					alert('There was a problem with the organization switching');
+				});
+			}
+		}, {
+			renderIframe : function(iframe, opts){
+				iframe = can.isFunction(iframe) ? iframe() : iframe;
+				return iframe;
+			},
+			renderPage : function(){
+				var page = can.route.attr('page') || "hub-list",
+						template = can.stache('<bh-' + page + ' state="{state}"></bh-' + page + '>');
+
+				return template(this);
+			},
+			pageLink : function(page, title){
+				page = can.isFunction(page) ? page() : page;
+				title = can.isFunction(title) ? title() : title;
+
+				var currentPage = can.route.attr('page');
+				var props = {
+					'class' : 'btn '
+				};
+
+				props['class'] += page === currentPage ? 'btn-default' : 'btn-link';
+
+				return can.route.link(title, {page: page}, props, false);
+			},
+			serviceStringTitle : function(service){
+				service = can.isFunction(service) ? service() : service;
+				return $(can.stache('<bh-service-config-formatter service="{service}"></bh-service-config-formatter>')({service: service})).text();
+			}
+		}));
+	}).fail(function(){
+		console.log('FAIL', arguments)
+	});
+};
+
+kickstart('#app');
diff --git a/bithub-social.stache b/bithub-social.stache
new file mode 100644
index 0000000..7ba6f2c
--- /dev/null
+++ b/bithub-social.stache
@@ -0,0 +1,95 @@
+{{#if state.isSidebar}}
+
+	<div class="sidebar-wrap">
+		<bh-sidebar state="{state}"{{#if state.sidebarIsExpanded}}class="is-expanded"{{/if}}></bh-sidebar>
+	</div>
+
+	<main id="content" class="{{#if state.sidebarIsExpanded}}sidebar-is-expanded{{/if}} content-{{state.theme}}">
+		<div class="embed-preset">
+      <div class="full-width-embed-title">
+			  <b>{{state.embedTypeTitle}} Mode</b>
+			  {{#unless state.isAdminEmbed}}
+				  - {{state.preset.name}}
+			  {{/unless}}
+			  {{#if state.isAdminEmbed}}
+				  <div class="admin-embed-filter">
+					  {{#if state.services.length}}
+						  <select can-value="state.preset.config.service_id" class="form-control input-sm">
+							  <option value="">Filter by service</option>
+							  {{#each state.services}}
+								  <option value="{{id}}">{{serviceStringTitle this}}</option>
+							  {{/each}}
+						  </select>
+					  {{/if}}
+					  <select can-value="state.preset.config.order" class="form-control input-sm">
+              <option value="grouped-by-date">Grouped By Date</option>
+						  <option value="created_at:desc">Ordered by crawling time</option>
+						  <option value="preview">Ordered like in the public embed</option>
+              <option value="popularity:desc">Order most popular items first</option>
+					  </select>
+				  </div>
+			  {{/if}}
+      </div>
+       <div class="narrow-width-embed-title">
+          <a href="{{pageUrl 'hub-list'}}">Back to Admin</a> | <b>{{state.hub.name}}</b>
+        </div>
+		</div>
+    {{#if state.isAdminEmbed}}
+      <div class="folders-wrapper">
+        <ul>
+          <li><a href="javascript://" {{#eq state.preset.config.decision "pending"}}class="active"{{/eq}} can-click="state.setDecision" data-decision="pending">Inbox</a></li>
+          <li><a href="javascript://" {{#eq state.preset.config.decision "approved"}}class="active"{{/eq}} can-click="state.setDecision" data-decision="approved">Approved</a></li>
+          <li><a href="javascript://" {{#eq state.preset.config.decision "starred"}}class="active"{{/eq}} can-click="state.setDecision" data-decision="starred">Starred</a></li>
+          <li><a href="javascript://" {{#eq state.preset.config.decision "deleted"}}class="active"{{/eq}} can-click="state.setDecision" data-decision="deleted">Deleted</a></li>
+        </ul>
+      </div>
+    {{/if}}
+		<div class="iframe-wrapper {{#if state.isAdminEmbed}}iframe-wrapper-admin-embed{{/if}}">
+			{{renderIframe state.iframe}}
+		</div>
+	</main>
+
+{{else}}
+
+	<div class="container">
+		<div class="row">
+			<div class="col-xs-2"><h1>BitHub</h1></div>
+			<div class="col-xs-10 bithub-main-menu">
+				<ul class="list-unstyled menu">
+					<li>{{{pageLink 'hub-list' 'Hubs'}}}</li>
+					{{#if state.isAnalyticsPageActive}}
+						<li><a href="{{pageUrl 'analytics' hubId=state.hubId}}" class="btn btn-default">Analytics</a></li>
+					{{/if}}
+          
+         
+					<li>{{{pageLink 'payments' 'Payments'}}}</li>
+          {{#if state.currentAccount.hasMultipleOrganizations}}
+           <li class="switch-organizations-link">
+            <a href="javascript://" class="btn">Switch organization</a>
+            <ul class="list-unstyled">
+              {{#each state.currentAccount.organizations}}
+                <li>
+                  <a href="javascript://" can-click="switchOrganization" class="btn">{{name}}</a>
+                </li>
+              {{/each}}
+            </ul>
+          </li>
+          {{/if}}
+          <li>{{{ pageLink 'organization-settings' 'Organization Settings' }}}</li>
+					<li class="user-account-link">
+            <a href="javascript://" class="btn">{{state.currentAccount.name}} - {{ state.currentAccount.email}}</a>
+            <ul class="list-unstyled">
+              <li>{{{ pageLink 'user-settings' 'Account Settings' }}}</li>
+              <li><a href="/logout" class="btn btn-link">Logout</a></li>
+            </ul>
+          </li>
+				</ul>
+			</div>
+		</div>
+		<hr>
+		<div class="content">
+			{{{renderPage}}}
+		</div>
+	</div>
+
+{{/if}}
diff --git a/bower.json b/bower.json
new file mode 100644
index 0000000..8a666a9
--- /dev/null
+++ b/bower.json
@@ -0,0 +1,45 @@
+{
+  "name": "bithub-social",
+  "version": "0.0.0",
+  "homepage": "https://github.com/bitovi/bithub-social",
+  "authors": [
+    "Mihael Konjevic <konjevic@gmail.com>"
+  ],
+  "license": "-",
+  "private": true,
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "selectize": "0.12.0",
+    "steal": "0.10.5",
+    "canjs": "2.2.6",
+    "bootstrap": "3.3.0",
+    "lodash-amd": "3.9.3",
+    "fontawesome": "4.2.0",
+    "qunit": "1.18.0",
+    "moment": "2.9.0",
+    "Chart.js": "1.0.1",
+    "randomcolor": "0.2.0",
+    "system-bower": "0.2.2",
+    "system-json": "https://github.com/stealjs/system-json.git",
+    "steal-qunit": "0.0.4",
+    "jquery.payment": "1.2.3",
+    "funcunit": "2.0.0",
+    "js-cookie": "~2.1.0"
+  },
+  "resolutions": {
+    "steal": "0.10.5",
+    "jquery": "1.9.1",
+    "funcunit": "2.0.0",
+    "js-cookie": "2.0.4",
+    "canjs": "2.2.6",
+    "traceur": "0.0.58",
+    "qunit": "1.18.0"
+  },
+  "main": "bithub-social.js"
+}
diff --git a/communicator/communicator.js b/communicator/communicator.js
new file mode 100644
index 0000000..429f551
--- /dev/null
+++ b/communicator/communicator.js
@@ -0,0 +1,49 @@
+/* global EMBED_ENDPOINT:true */
+import can from "can/";
+
+var preparePayload = function(payload){
+	while(payload && can.isFunction(payload.attr)){
+		payload = payload.attr();
+	}
+	return payload;
+};
+
+export default can.Control.extend({
+	bind : function(frame, handlers){
+		return new this(document.documentElement, {
+			frame: frame,
+			handlers : handlers || {}
+		});
+	}
+},{
+	receive : function(el, ev){
+		var event = ev.originalEvent;
+		var type = event.data.type;
+		if(event.origin !== 'https://' + EMBED_ENDPOINT){
+			return;
+		} else {
+			if(this.options.handlers[type]){
+				this.options.handlers[type](event.data.payload);
+			}
+		}
+	},
+	send : function(type, payload){
+		var frame = this.options.frame;
+
+		frame = can.isFunction(frame) ? frame() : frame;
+
+		frame = frame.contentWindow ? frame.contentWindow : frame;
+
+		if(frame && frame.postMessage){
+			try {
+				frame.postMessage({
+					type: type,
+					payload: preparePayload(payload)
+				}, 'https://' + EMBED_ENDPOINT);
+			} catch (e) {
+				console.log( e );
+			}
+		}
+	},
+	'{window} message' : 'receive'
+});
diff --git a/components/analytics/analytics.js b/components/analytics/analytics.js
new file mode 100644
index 0000000..55bbfcb
--- /dev/null
+++ b/components/analytics/analytics.js
@@ -0,0 +1,18 @@
+import can from "can/";
+
+import initView from './analytics.stache!';
+
+import "components/crawler_analytics/crawler_analytics";
+import "components/interaction_analytics/interaction_analytics";
+import "./analytics.less!";
+
+can.Component.extend({
+	tag: 'bh-analytics',
+	template: initView,
+	scope: {
+		tab : 'interaction',
+		switchTab : function(ctx, el){
+			this.attr('tab', el.data('tab'));
+		}
+	}
+});
diff --git a/components/analytics/analytics.less b/components/analytics/analytics.less
new file mode 100644
index 0000000..a6f13bf
--- /dev/null
+++ b/components/analytics/analytics.less
@@ -0,0 +1,6 @@
+bh-analytics {
+    .nav {
+        margin: 30px 0;
+    }
+
+}
diff --git a/components/analytics/analytics.stache b/components/analytics/analytics.stache
new file mode 100644
index 0000000..1d32a53
--- /dev/null
+++ b/components/analytics/analytics.stache
@@ -0,0 +1,19 @@
+{{#if state.hub}}
+	<h2>{{ state.hub.name }} Analytics</h2>
+
+	<ul class="nav nav-tabs">
+		<li {{#eq tab 'interaction'}}class="active"{{/eq}}>
+			<a href="javascript://" data-tab="interaction" can-click="switchTab">Interaction Analytics</a>
+		</li>
+		<li {{#eq tab 'crawler'}}class="active"{{/eq}}>
+			<a href="javascript://" data-tab="crawler" can-click="switchTab">Crawler Analytics</a>
+		</li>
+	</ul>
+
+	{{#eq tab 'interaction'}}
+		<bh-interaction-analytics state="{state}"></bh-interaction-analytics>
+	{{/eq}}
+	{{#eq tab 'crawler'}}
+		<bh-crawler-analytics state="{state}"></bh-crawler-analytics>
+	{{/eq}}
+{{/if}}
diff --git a/components/analytics/analytics_test.js b/components/analytics/analytics_test.js
new file mode 100644
index 0000000..4518ac9
--- /dev/null
+++ b/components/analytics/analytics_test.js
@@ -0,0 +1,32 @@
+import "./analytics";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+F.attach(QUnit);
+var template = can.stache("<bh-analytics  state='{state}'></bh-analytics>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var State = can.Map.extend();
+
+QUnit.module('Analytics Tests');
+
+QUnit.test('Clicking on a tab will render a different component', function(){
+	renderTemplate({
+		state : new State({
+			hub : {
+				name : 'Hub Name'
+			}
+		})
+	});
+
+	F('bh-analytics h2').text('Hub Name Analytics', 'Title is rendered');
+	F('li.active a[data-tab=interaction]').exists('Interaction analytics tab is active by default');
+	F('bh-interaction-analytics').exists('Interaction analytics component is rendered');
+	F('[data-tab=crawler]').click();
+	F('li.active a[data-tab=crawler]').exists('Crawler analytics tab is activated');
+	F('bh-crawler-analytics').exists('Crawler analytics component is rendered');
+});
diff --git a/components/components.js b/components/components.js
new file mode 100644
index 0000000..59be535
--- /dev/null
+++ b/components/components.js
@@ -0,0 +1 @@
+steal('components/hub-list', 'components/payments', 'components/sidebar', 'components/suggestions', 'components/analytics', 'components/organization-settings', 'components/user-settings');
diff --git a/components/crawler_analytics/crawler_analytics.js b/components/crawler_analytics/crawler_analytics.js
new file mode 100644
index 0000000..116b32a
--- /dev/null
+++ b/components/crawler_analytics/crawler_analytics.js
@@ -0,0 +1,70 @@
+import can from "can/";
+import initView from "./crawler_analytics.stache!";
+import Chart from "chart.js/Chart";
+import Models from "models/";
+
+import "./crawler_analytics.less!";
+import "components/service-config-formatter/";
+
+can.Component.extend({
+	tag : 'bh-crawler-analytics',
+	template: initView,
+	scope : {
+		resolution: 'hour',
+		init : function(){
+			var self = this;
+			this.analyticsReq().then(function(analytics){
+				self.attr('analytics', analytics);
+			});
+		},
+		analyticsReq : function(){
+			var hubId = this.attr('state.hubId');
+			return Models.Analytics.findAll({
+				ownerId: hubId,
+				sourceType: 'services',
+				resolution: this.attr('resolution')
+			});
+		},
+		reloadAnalytics : function(){
+			var self = this;
+
+			this.analyticsReq().then(function(data){
+				self.attr('analytics', data);
+			});
+		}
+	},
+	helpers : {
+		renderGraph : function(type){
+			var self = this;
+			type = can.isFunction(type) ? type() : type;
+			return function(el){
+				setTimeout(function(){
+					var ctx = el.getContext('2d');
+					new Chart(ctx).Line(self.attr('analytics').graphData(type), {
+						bezierCurveTension: 0.1,
+						pointDotRadius: 2,
+						datasetStrokeWidth: 2,
+						multiTooltipTemplate: "<%=datasetLabel%> - <%= value %> items",
+					});
+				}, 4);
+			};
+		},
+		finalCount : function(timepoints){
+			timepoints = can.isFunction(timepoints) ? timepoints() : timepoints;
+			return (timepoints[timepoints.length - 1] || {volume: '0'}).volume;
+		},
+		hasEnoughData : function(opts){
+			var analytics = this.attr('analytics');
+			console.log(analytics.graphData('volume'));
+			if(analytics && analytics.graphData('volume').labels.length > 1){
+				return opts.fn();
+			}
+			return opts.inverse();
+		}
+	},
+	events : {
+		'{scope} resolution' : function(){
+			this.scope.reloadAnalytics();
+		}
+	}
+});
diff --git a/components/crawler_analytics/crawler_analytics.less b/components/crawler_analytics/crawler_analytics.less
new file mode 100644
index 0000000..fcd22ee
--- /dev/null
+++ b/components/crawler_analytics/crawler_analytics.less
@@ -0,0 +1,36 @@
+bh-crawler-analytics {
+	display: block;
+	position: relative;
+
+	select.form-control {
+		width: 200px;
+    margin-bottom: 30px;
+	}
+
+	h2 {
+		margin-bottom: 20px;
+		border-bottom: 1px solid #eee;
+		padding-bottom: 20px;
+	}
+	li {
+		float: left;
+		margin-bottom: 5px;
+		width: 33.3333%;
+		span {
+			width: 15px;
+			height: 15px;
+			float: left;
+			margin: 2px 5px 0 0;
+			border-radius: 2px;
+			-webkit-border-radius: 2px;
+			-moz-border-radius: 2px;
+		}
+		bh-service-config-formatter {
+			float: left;
+			margin-right: 5px;
+		}
+	}
+	canvas {
+		display: block;
+	}
+}
diff --git a/components/crawler_analytics/crawler_analytics.stache b/components/crawler_analytics/crawler_analytics.stache
new file mode 100644
index 0000000..bbb997e
--- /dev/null
+++ b/components/crawler_analytics/crawler_analytics.stache
@@ -0,0 +1,26 @@
+<select can-value="resolution" class="form-control">
+	<option value="hour">Show by hour</option>
+	<option value="day">Show by day</option>
+	<option value="week">Show by week</option>
+	<option value="month">Show by month</option>
+</select>
+{{#if analytics}}
+	<ul class="list-unstyled clearfix">
+		{{#each analytics}}
+			<li class="clearfix">
+				<span style="background: {{source.graphColor}}"></span>
+				<bh-service-config-formatter service="{source}"></bh-service-config-formatter>
+				({{finalCount timepoints}} items)
+			</li>
+		{{/each}}
+	</ul>
+	{{#hasEnoughData}}
+		<h3>Total amount of items</h3>
+		<canvas width="1140" height="400" {{renderGraph 'volume'}}></canvas>
+		<hr>
+		<h3>Amount of items crawled at time</h3>
+		<canvas width="1140" height="400" {{renderGraph 'delta'}}></canvas>
+	{{else}}
+		<div class="alert alert-info">We don't have enough data to plot the graph.</div>
+	{{/hasEnoughData}}
+{{/if}}
diff --git a/components/delete_service_dialog/delete_service_dialog.js b/components/delete_service_dialog/delete_service_dialog.js
new file mode 100644
index 0000000..f1c61db
--- /dev/null
+++ b/components/delete_service_dialog/delete_service_dialog.js
@@ -0,0 +1,47 @@
+import can from "can/";
+import initView from "./delete_service_dialog.stache!";
+import "./delete_service_dialog.less!";
+import "can/construct/proxy/";
+
+export var DeleteServiceDialogVM = can.Map.extend({
+	isDeleting : false,
+	deleteService : function(){
+		var service;
+		
+		if(this.attr('isDeleting')){
+			return;
+		}
+
+		service = this.attr('service');
+
+		this.attr('isDeleting', true);
+		service.destroy();
+	},
+	cancelDelete : function(){
+		if(this.attr('isDeleting')){
+			return;
+		}
+		this.clearService();
+	},
+	clearService : function(){
+		this.attr('service', null);
+	},
+	serviceDestroyed : function(){
+		can.batch.start();
+		this.attr('state').resetEmbed();
+		this.attr('isDeleting', false);
+		this.clearService();
+		can.batch.stop();
+	}
+});
+
+can.Component.extend({
+	tag: 'bh-delete-service-dialog',
+	template: initView,
+	scope : DeleteServiceDialogVM,
+	events : {
+		'{scope.service} destroyed' : function(){
+			this.scope.serviceDestroyed();
+		}
+	}
+});
diff --git a/components/delete_service_dialog/delete_service_dialog.less b/components/delete_service_dialog/delete_service_dialog.less
new file mode 100644
index 0000000..1df0406
--- /dev/null
+++ b/components/delete_service_dialog/delete_service_dialog.less
@@ -0,0 +1,22 @@
+bh-delete-service-dialog {
+	display: block;
+
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(0,0,0,0.7);
+	.delete-service-panel {
+		width: 600px;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		margin-left: -300px;
+		margin-top: -82px;
+	}
+	.btn-group {
+		float: right;
+	}
+	
+}
\ No newline at end of file
diff --git a/components/delete_service_dialog/delete_service_dialog.stache b/components/delete_service_dialog/delete_service_dialog.stache
new file mode 100644
index 0000000..454ed20
--- /dev/null
+++ b/components/delete_service_dialog/delete_service_dialog.stache
@@ -0,0 +1,19 @@
+<div class="panel panel-default delete-service-panel">
+	<div class="panel-heading">
+		<h3 class="panel-title">Delete Service</h3>
+	</div>
+	<div class="panel-body">
+		<i class="fa fa-exclamation-triangle"></i> Warning! This will delete all the items collected by the service!
+	</div>
+	<div class="panel-footer clearfix">
+		<div class="btn-group">
+			<button class="btn btn-default" can-click="cancelDelete" {{#if isDeleting}}disabled{{/if}}>Cancel</button>
+			<button class="btn btn-danger" can-click="deleteService" {{#if isDeleting}}disabled{{/if}}>
+				{{#if isDeleting}}
+					<i class="fa fa-spin fa-circle-o-notch"></i>
+				{{/if}}
+				Delete
+			</button>
+		</div>
+	</div>
+</div>
diff --git a/components/delete_service_dialog/delete_service_dialog_test.js b/components/delete_service_dialog/delete_service_dialog_test.js
new file mode 100644
index 0000000..bc3d793
--- /dev/null
+++ b/components/delete_service_dialog/delete_service_dialog_test.js
@@ -0,0 +1,70 @@
+import {DeleteServiceDialogVM} from "./delete_service_dialog";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+F.attach(QUnit);
+var template = can.stache("<bh-delete-service-dialog service='{service}' state='{state}'></bh-delete-service-dialog>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var Service = can.Model.extend({
+	destroy : function(){
+		ok(true, 'Destroy called');
+	}
+});
+
+var State = can.Map.extend({
+	resetEmbed : function(){
+		ok(true, 'Reset Embed called');
+	}
+});
+
+var service = new Service();
+QUnit.module("Delete Service Dialog Tests", {
+	setup() {
+		renderTemplate({
+			service: service
+		});
+	}
+});
+
+QUnit.test('Alert panel is rendered correctly', function(){
+	F('bh-delete-service-dialog h3').text('Delete Service', 'Title is rendered');
+	F('bh-delete-service-dialog button[disabled]').missing('Buttons are not disabled');
+});
+
+QUnit.test('Clicking delete will destroy the service', 1, function(){
+	F('bh-delete-service-dialog [can-click=deleteService]').click();
+});
+
+QUnit.test('Clicking cancel will clear the service', function() {
+	F('bh-delete-service-dialog [can-click=cancelDelete]').click();
+	F.wait(1, function() {
+		equal(can.viewModel($('bh-delete-service-dialog')).attr('service'), null, 'Service is cleared');
+	});
+});
+
+QUnit.test('Clicking delete will disable the buttons and show the spinner', function(){
+	F('bh-delete-service-dialog [can-click=deleteService]').click();
+	F('bh-delete-service-dialog button[can-click=cancelDelete][disabled]').exists('Cancel button is disabled');
+	F('bh-delete-service-dialog button[can-click=deleteService][disabled]').exists('Delete service button is disabled');
+	F('bh-delete-service-dialog .fa-circle-o-notch').exists('Spinner exists');
+});
+
+var state = new State();
+QUnit.module("Service and state objects", {
+	setup() {
+		renderTemplate({
+			service: service,
+			state: state
+		});
+	}
+});
+
+QUnit.skip('Triggering destroy on service will clear the service from the VM', function(){
+	service.destroyed();
+	equal(can.viewModel($('bh-delete-service-dialog')).attr('service'), null, 'Service is cleared');
+});
diff --git a/components/edit_hub_name/edit_hub_name.js b/components/edit_hub_name/edit_hub_name.js
new file mode 100644
index 0000000..4acc58f
--- /dev/null
+++ b/components/edit_hub_name/edit_hub_name.js
@@ -0,0 +1,66 @@
+import can from "can/";
+import initView from "./edit_hub_name.stache!";
+import "./edit_hub_name.less!";
+
+var KEYMAP = {
+	13 : 'ENTER',
+	27 : 'ESC'
+};
+
+export var EditHubNameVM = can.Map.extend({
+	isEditing: false,
+	toggleHubEditing : function(val){
+		val = (typeof val === 'undefined') ? !this.attr('isEditing') : val;
+		this.attr('isEditing', val);
+	},
+	commitNewHubName : function(val){
+		var hub = this.attr('hub');
+		var name = hub.attr('name');
+		if(name !== val){
+			hub.attr('name', val);
+			hub.save();
+		}
+	}
+});
+
+can.Component.extend({
+	tag: 'bh-edit-hub-name',
+	template: initView,
+	scope: EditHubNameVM,
+	events : {
+		'{scope} isEditing' : function(scope, ev, newVal){
+			var self = this;
+			if(newVal){
+				setTimeout(function(){
+					if(self.element){
+						self.element.find('.hub-name').select().focus();
+					}
+				}, 100);
+			}
+		},
+		click : function(){
+			this.scope.toggleHubEditing();
+		},
+		"input click" : function(el, ev){
+			ev.stopImmediatePropagation();
+		},
+		"input keyup" : function(el, ev){
+			var key = KEYMAP[ev.which];
+			if(key === 'ENTER'){
+				this.scope.commitNewHubName(el.val());
+			}
+			if(key){
+				this.__preventBlur = true;
+				this.scope.toggleHubEditing();
+			}
+		},
+		"input blur" : function(el, ev){
+			if(this.__preventBlur){
+				delete this.__preventBlur;
+			} else {
+				this.scope.commitNewHubName(el.val());
+				this.scope.toggleHubEditing();
+			}
+		}
+	}
+});
diff --git a/components/edit_hub_name/edit_hub_name.less b/components/edit_hub_name/edit_hub_name.less
new file mode 100644
index 0000000..8eb7dad
--- /dev/null
+++ b/components/edit_hub_name/edit_hub_name.less
@@ -0,0 +1,3 @@
+bh-edit-hub-name {
+    display: block;
+}
diff --git a/components/edit_hub_name/edit_hub_name.stache b/components/edit_hub_name/edit_hub_name.stache
new file mode 100644
index 0000000..5cf51c0
--- /dev/null
+++ b/components/edit_hub_name/edit_hub_name.stache
@@ -0,0 +1,10 @@
+<div class="hub-name-wrap {{#if isEditing}}hub-name-is-editting{{/if}}">
+	<b>Hub Name</b>
+  {{#if isEditing}}
+	  <input type="text" class="form-control hub-name" value="{{ hub.name }}">
+  {{else}}
+	  <h2>{{ hub.name }}</h2>
+	  <i class="fa fa-pencil edit-hub-name"></i>
+  {{/if}}
+</div>
+
diff --git a/components/edit_hub_name/edit_hub_name_test.js b/components/edit_hub_name/edit_hub_name_test.js
new file mode 100644
index 0000000..afe1d40
--- /dev/null
+++ b/components/edit_hub_name/edit_hub_name_test.js
@@ -0,0 +1,78 @@
+import {EditHubNameVM} from "./edit_hub_name";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+F.attach(QUnit);
+var template = can.stache("<bh-edit-hub-name hub='{hub}'></bh-edit-hub-name>");
+
+var Hub = can.Map.extend({
+	save : function(){
+		QUnit.ok(true, 'Save Called');
+	}
+});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var renderTemplateAndCheckIfHubNameIsShown = function(){
+	renderTemplate({
+		hub : new Hub({name: 'Hub Name'})
+	});
+	F('bh-edit-hub-name h2').text('Hub Name', 'Hub Name is shown');
+};
+
+var renderTemplateAndEnterEditingState = function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+	F('bh-edit-hub-name').click();
+};
+
+QUnit.module("Edit Hub Name Tests");
+
+QUnit.test("Hub Name will be shown by default", function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+});
+
+QUnit.test("Clicking on a component will toggle editing state", function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').exists('Input field is shown');
+});
+
+QUnit.test("Pressing escape inside the input field will exit the editing state and revert the changes", 3, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('aaa[escape]');
+	F('bh-edit-hub-name input').missing('Exiting edit state');
+	F('bh-edit-hub-name h2').text('Hub Name', 'Name is reverted');
+});
+
+QUnit.skip("Pressing enter inside the input field will save changes and exit the editing state", 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo[enter]');
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.skip('Bluring the input field will save changes and exit the editing state', 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo');
+	F('bh-edit-hub-name input').type('[\t][\t]');
+	F('body').click();
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.test('Committing the same name will not trigger save', 0, function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.commitNewHubName('Hub Name');
+});
+
+QUnit.test('Toggling edit state works', function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.toggleHubEditing();
+	ok(editVM.attr('isEditing'), 'Editing State');
+	editVM.toggleHubEditing();
+	ok(!editVM.attr('isEditing'), 'Exited editing state');
+	editVM.toggleHubEditing(false);
+	ok(!editVM.attr('isEditing'), 'Did not enter editing state');
+});
diff --git a/components/embed_publish/embed_publish.js b/components/embed_publish/embed_publish.js
new file mode 100644
index 0000000..d196e2f
--- /dev/null
+++ b/components/embed_publish/embed_publish.js
@@ -0,0 +1,152 @@
+/* globals Stripe:true */
+/* globals confirm:true */
+import can from "can/";
+import initView from "./embed_publish.stache!";
+
+import Preset from "models/preset";
+import $ from "jquery";
+import _some from "lodash-amd/modern/collection/some";
+
+import "./embed_publish.less!";
+import "components/integration/";
+import "jquery.payment/lib/jquery.payment";
+import "can/map/define/";
+
+var CC = can.Map.extend({
+	parsedExpiration(){
+		return $.payment.cardExpiryVal(this.expiration || "");
+	},
+	month(){
+		return this.parsedExpiration().month;
+	},
+	year(){
+		return this.parsedExpiration().year;
+	},
+	numberNumberWithoutSpaces(){
+		return (this.number || "").replace(/[^0-9]/g, "");
+	}
+});
+
+var EmbedPublishVM = can.Map.extend({
+	isSaving: false,
+	init(){
+		this.attr({
+			cc : new CC(),
+			errors : null
+		});
+	},
+	showCCForm(){
+		return !this.attr('state.currentSubscription').hasCC() || this.attr('changeCC');
+	},
+	validate(){
+		var cc = this.attr('cc');
+		var expiration = $.payment.cardExpiryVal(cc.expiration || "");
+		var errors = {};
+		var cardType = $.payment.cardType(cc.number || "");
+
+		errors.number = !$.payment.validateCardNumber(cc.number || "");
+		errors.expiration = !$.payment.validateCardExpiry(expiration.month, expiration.year);
+		errors.cvc = !$.payment.validateCardCVC(cc.cvc || "", cardType);
+		
+		this.attr('errors', errors);
+		return !_some(errors, function(val){
+			return val;
+		});
+	},
+	createSubscriptionAndPublishHub(){
+		var self = this;
+		var cc;
+		if(this.validate()){
+			this.attr('isSaving', true);
+			cc = this.attr('cc');
+			Stripe.card.createToken({
+				number: cc.numberNumberWithoutSpaces(),
+				cvc: cc.cvc,
+				exp_month: cc.month(),
+				exp_year: cc.year()
+			}, function(res, obj){
+				
+				$.post('/subscriptions/update', {stripe_token: obj.id}).then(function(){
+					self.attr('state.hub').publish().then(function(){
+						self.attr('isSaving', false);
+						self.attr('state.currentSubscription').reload();
+					});
+				});
+			});
+		}
+	},
+	removeCCUpdatedNotice : function(){
+		this.attr('showCCUpdatedNotice', false);
+	},
+	updateCC : function(){
+		var self = this;
+		var cc;
+		if(this.validate()){
+			this.attr('isUpdatingCC', true);
+			cc = this.attr('cc');
+			Stripe.card.createToken({
+				number: cc.numberNumberWithoutSpaces(),
+				cvc: cc.cvc,
+				exp_month: cc.month(),
+				exp_year: cc.year()
+			}, function(res, obj){
+				$.post('/subscriptions/update', {stripe_token: obj.id}).then(function(){
+					self.attr({
+						isUpdatingCC: false,
+						changeCC: false,
+						showCCUpdatedNotice: true
+					});
+					self.attr('state.currentSubscription').reload();
+				});
+			});
+		}
+	},
+	publishHub : function(){
+		var self = this;
+		this.attr('isSaving', true);
+		this.attr('state.hub').publish().then(function(){
+			self.attr('isSaving', false);
+		});
+	},
+	unpublishHub : function(){
+		var self = this;
+		if(confirm("Are you sure you want to unpublish this hub?")){
+
+			this.attr('isSaving', true);
+			this.attr('state.hub').unpublish().then(function(){
+				self.attr('isSaving', false);
+			});
+		}
+	},
+	embedUrl(){
+		var state = this.attr('state');
+		var currentBrand = state.attr('currentBrand');
+		var hub = state.attr('hub');
+		var preset = Preset.PREVIEW;
+		
+		return preset.fullUrl(currentBrand.attr('tenant_name'), hub.attr('id'));
+	},
+	toggleChangeCC(){
+		var newState = !this.attr('changeCC');
+		can.batch.start();
+		if(newState){
+			this.attr('cc', new CC());
+		}
+		this.attr('changeCC', newState);
+		can.batch.stop();
+	}
+});
+
+can.Component.extend({
+	tag : "bh-embed-publish",
+	template : initView,
+	scope : EmbedPublishVM,
+	helpers : {
+		formatCC(format){
+			format = can.isFunction(format) ? format() : format;
+			return function(el){
+				$(el).payment('format' + format);
+			};
+		}
+	}
+});
diff --git a/components/embed_publish/embed_publish.less b/components/embed_publish/embed_publish.less
new file mode 100644
index 0000000..ac9327b
--- /dev/null
+++ b/components/embed_publish/embed_publish.less
@@ -0,0 +1,94 @@
+bh-embed-publish {
+    display: block;
+    padding: 15px 0;
+    .alert a {
+        font-size: 90%;
+    }
+    .expiration-cvc-wrap {
+        .form-group {
+            width: 50%;
+            float: left;
+            &:first-child {
+                padding-right: 15px;
+            }
+            &:last-child {
+                padding-left: 15px;
+            }
+        }
+    }
+    .panel-title {
+        font-weight: bold;
+    }
+    .button-wrap {
+        button {
+            float: right;
+        }
+    }
+    .cc-input, .cc-info {
+        background-position: -2px 50%;
+        background-repeat: no-repeat;
+        height: 42px;
+    }
+
+    .cc-info {
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        line-height: 40px;
+        font-weight: bold;
+        background-color: #f6f6f6;
+        padding-left: 10px;
+    }
+
+    .published-hub-title {
+        margin: -15px -30px 0;
+        background: #e4e3e3;
+        border-bottom: 1px solid #ccc;
+        padding: 15px 30px;
+    }
+
+    .maestro, .mastercard, .forbrugsforeningen, .dankort, .visaelectron, .visa, .dinersclub, .discover, .jcb, .amex {
+        padding-left: 80px;
+    }
+    .maestro {
+        background-image: url(/images/cc/maestro.png);
+    }
+    .mastercard {
+        background-image: url(/images/cc/mastercard.png);
+    }
+    .forbrugsforeningen {
+        background-image: url(/images/cc/forbrugsforeningen.png);
+    }
+    .dankort {
+        background-image: url(/images/cc/dankort.png);
+    }
+    .visaelectron {
+        background-image: url(/images/cc/visaelectron.png);
+    }
+    .visa {
+        background-image: url(/images/cc/visa.png);
+    }
+    .amex {
+        background-image: url(/images/cc/amex.png);
+    }
+    .dinersclub {
+        background-image: url(/images/cc/dinersclub.png);
+    }
+    .discover {
+        background-image: url(/images/cc/discover.png);
+    }
+    .jcb {
+        background-image: url(/images/cc/jcb.png);
+    }
+    .change-cc-info {
+        display: block;
+        margin-top: 10px;
+    }
+    .unpublish-wrap {
+        margin: -20px -30px;
+        border-top: 1px solid #ccc;
+        padding: 20px 30px 0;
+    }
+    .panel-change-cc, .alert-cc-updated {
+        margin-top: 30px;
+    }
+}
diff --git a/components/embed_publish/embed_publish.stache b/components/embed_publish/embed_publish.stache
new file mode 100644
index 0000000..75d5017
--- /dev/null
+++ b/components/embed_publish/embed_publish.stache
@@ -0,0 +1,130 @@
+{{#if state.hub.published}}
+	<h4 class="published-hub-title"><b>This is a published and public hub</b></h4>
+	<bh-integration state="{state}"></bh-integration>
+	<div class="unpublish-wrap">
+		<h4><b>Unpublish Hub</b></h4>
+		<p>When you unpublish the hub, the embed code will be deactivated and any embedded BitHub feeds will no longer be visible on your webpage.</p>
+		<p><b>You will not be charged for unpublished hubs.</b></p>
+		<button can-click="unpublishHub" class="btn btn-primary" {{#isSaving}}disabled{{/isSaving}}>
+			{{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Unpublish Hub
+		</button>
+    <button class="btn btn-link" can-click="toggleChangeCC">Change Credit Card Info</button>
+    {{#if showCCForm}}
+      <div class="panel panel-default panel-change-cc">
+        <div class="panel-heading">
+          <div class="panel-title">Credit Card Info</div>
+          <div class="panel-body cc-body">
+            <p>Currently we have the following credit card on file:</p>
+            <div class="cc-info">
+					    {{state.currentSubscription.card.type}} **** **** **** {{state.currentSubscription.card.last4}}, Expiration {{state.currentSubscription.card.exp_month}}/{{state.currentSubscription.card.exp_year}}
+				    </div>
+            <hr style="border-color: #ccc; border-style: dotted"/>
+            <p>Please enter your new credit card info.</p>
+				  <div class="form-group {{#if errors.number}}has-error{{/if}}">
+					  <label>Credit Card Number</label>
+					  <input {{formatCC 'CardNumber'}} class="form-control input-lg cc-input" placeholder="•••• •••• •••• ••••" can-value="cc.number">
+					  {{#if errors.number}}
+						  <strong class="text-danger">Wrong Credit Card number</strong>
+					  {{/if}}
+				  </div>
+				  <div class="expiration-cvc-wrap clearfix">
+					  <div class="form-group {{#if errors.expiration}}has-error{{/if}}">
+						  <label>Expiration (MM/YYYY)</label>
+						  <input {{formatCC 'CardExpiry'}} class="form-control" placeholder="•• / ••" can-value="cc.expiration">
+						  {{#if errors.expiration}}
+							  <strong class="text-danger">Wrong expiration date</strong>
+						  {{/if}}
+					  </div>
+					  <div class="form-group {{#if errors.cvc}}has-error{{/if}}">
+						  <label>CVC</label>
+						  <input {{formatCC 'CardCVC'}} class="form-control" placeholder="•••" can-value="cc.cvc">
+						  {{#if errors.cvc}}
+							  <strong class="text-danger">Wrong CVC number</strong>
+						  {{/if}}
+					  </div>
+				  </div>
+          </div>
+          <button class="btn btn-primary" can-click="updateCC" {{#isUpdatingCC}}disabled{{/isUpdatingCC}}>
+            {{#isUpdatingCC}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isUpdatingCC}} 
+            Update Credit Card
+          </button>
+					<a href="javascript://" class="btn btn-link" can-click="toggleChangeCC">Cancel</a>
+        </div>
+      </div>
+    {{/if}}
+    {{#if showCCUpdatedNotice}}
+      <div class="alert alert-info alert-cc-updated">
+        <button type="button" class="close" can-click="removeCCUpdatedNotice"><span>&times;</span></button>
+        Your Credit Card information was updated!
+      </div>
+    {{/if}}
+	</div>
+
+{{else}}
+	<h4><b>This hub is unpublished</b></h4>
+	<p>Unpublished hub can't be embedded in the site.</p>
+	<p>This hub is publicly available at the following link: <a href="{{embedUrl}}" target="_blank">{{embedUrl}}</a></p>
+	<p><b>After the hub is published you will immediately be presented with the embed code that can be placed on your site.</b></p>
+
+	<div class="alert alert-info">
+		Public hubs are charged <b>$7 per month</b>. <a href="#">Read more about our pricing here &raquo;</a>
+	</div>
+
+	<div class="panel panel-default">
+		<div class="panel-heading">
+			<h4 class="panel-title">Credit Card Info</h4>
+		</div>
+		<div class="panel-body cc-body">
+			{{#unless showCCForm}}
+				<p>The following credit card will be charged:</p>
+				<div class="cc-info">
+					{{state.currentSubscription.card.type}} **** **** **** {{state.currentSubscription.card.last4}}, Expiration {{state.currentSubscription.card.exp_month}}/{{state.currentSubscription.card.exp_year}}
+				</div>
+				<a href="javascript://" can-click="toggleChangeCC" class="change-cc-info">Change Credit Card info</a>
+{{else}}
+				<p>Please enter your credit card info to publish this hub.</p>
+				<div class="form-group {{#if errors.number}}has-error{{/if}}">
+					<label>Credit Card Number</label>
+					<input {{formatCC 'CardNumber'}} class="form-control input-lg cc-input" placeholder="•••• •••• •••• ••••" can-value="cc.number">
+					{{#if errors.number}}
+						<strong class="text-danger">Wrong Credit Card number</strong>
+					{{/if}}
+				</div>
+				<div class="expiration-cvc-wrap clearfix">
+					<div class="form-group {{#if errors.expiration}}has-error{{/if}}">
+						<label>Expiration (MM/YYYY)</label>
+						<input {{formatCC 'CardExpiry'}} class="form-control" placeholder="•• / ••" can-value="cc.expiration">
+						{{#if errors.expiration}}
+							<strong class="text-danger">Wrong expiration date</strong>
+						{{/if}}
+					</div>
+					<div class="form-group {{#if errors.cvc}}has-error{{/if}}">
+						<label>CVC</label>
+						<input {{formatCC 'CardCVC'}} class="form-control" placeholder="•••" can-value="cc.cvc">
+						{{#if errors.cvc}}
+							<strong class="text-danger">Wrong CVC number</strong>
+						{{/if}}
+					</div>
+				</div>
+				{{#if changeCC}}
+					<a href="javascript://" can-click="toggleChangeCC">Cancel</a>
+				{{/if}}
+{{/if}}
+		</div>
+	</div>
+	<p><i>By clicking "Publish" you authorize us to automatically charge your credit card at the end of each month.  You will be charged $7.00 per month for each published feed.  If you publish the feed for less than a month, you will only be charged for the time the feed is published. For additional information, please visit Billing located under Support.</i></p>
+	<div class="button-wrap clearfix">
+		{{#if showCCForm}}
+			<button class="btn btn-primary" can-click="createSubscriptionAndPublishHub" {{#isSaving}}disabled{{/isSaving}}>
+				{{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Publish Hub
+			</button>
+		{{else}}
+			<button class="btn btn-primary" can-click="publishHub" {{#isSaving}}disabled{{/isSaving}}>
+				{{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Publish Hub
+			</button>
+		{{/if}}
+	</div>
+	
+	
+{{/if}}
+
diff --git a/components/helpers.js b/components/helpers.js
new file mode 100644
index 0000000..27b5499
--- /dev/null
+++ b/components/helpers.js
@@ -0,0 +1,39 @@
+steal(
+'can/view/stache',
+'lodash-amd/modern/collection/reduce.js',
+function(stache, _reduce){
+
+	var getHash = function(optsHash){
+		return _reduce(optsHash || {}, function(acc, val, key){
+			acc[key] = can.isFunction(val) ? val() : val;
+			return acc;
+		}, {});
+	};
+
+	stache.registerHelper('pageUrl', function(page, opts){
+		var hash = getHash(opts.hash);
+		hash.page = can.isFunction(page) ? page() : page;
+		return can.route.url(hash, false);
+	});
+
+	stache.registerHelper('configErrors', function(errors, key, opts){
+		var res;
+		
+		errors = can.isFunction(errors) ? errors() : errors;
+		key = can.isFunction(key) ? key() : key;
+
+		if(errors){
+			errors = errors.attr(key) || [];
+
+			if(!errors.length) return;
+
+			res = ['<div class="alert alert-danger alert-error-list"><ul class="list-unstyled">'];
+			for(var i = 0; i < errors.length; i++){
+				res.push('<li>' + errors[i] + '</li>');
+			}
+			res.push('</ul></div>');
+			return res.join('');
+		}
+	});
+
+})
diff --git a/components/hub-list/hub-list-tests.js b/components/hub-list/hub-list-tests.js
new file mode 100644
index 0000000..9e8223b
--- /dev/null
+++ b/components/hub-list/hub-list-tests.js
@@ -0,0 +1,37 @@
+import "./hub-list";
+import can from "can/";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-hub-list state='{state}'></bh-hub-list>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+QUnit.module('Hub List', {
+	beforeEach : function(){
+		fixture('/api/v3/embeds', "./fixtures/embeds.json");
+		fixture('/api/v3/services', "./fixtures/services.json");
+		fixture.on = true;
+		fixture.delay = 100;
+	},
+	afterEach : function(){
+		fixture('/api/v3/embeds', null);
+		fixture('/api/v3/services', null);
+		fixture.on = false;
+
+	}
+});
+
+QUnit.test('Hub List', 1, function(assert){
+	renderTemplate({
+		state: new can.Map()
+	});
+	F('bh-hub-list').exists();
+	F('bh-hub-list [can-click=toggleExpandedRow]').exists().click();
+	F('bh-hub-list .expanded-services').exists('Expand button exists');
+});
diff --git a/components/hub-list/hub-list.html b/components/hub-list/hub-list.html
new file mode 100644
index 0000000..8e09d41
--- /dev/null
+++ b/components/hub-list/hub-list.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<body>
+	<div class="container">
+		<div class="row">
+			<div class="col-xs-12" id="app"></div>
+		</div>
+	</div>
+<script type='text/stache' id='hub-list'>
+  <bh-hub-list></bh-hub-list>
+</script>
+<script src='../../bower_components/steal/steal.js'></script>
+<script>
+  System.import("@config").then(function(){
+    
+    steal("components/hub-list/", 'fixtures/', function(){
+      $("#app").html(can.view("hub-list",{}));
+    });
+    
+  });
+</script>
+</body>
+</html>
\ No newline at end of file
diff --git a/components/hub-list/hub-list.js b/components/hub-list/hub-list.js
new file mode 100644
index 0000000..c316a76
--- /dev/null
+++ b/components/hub-list/hub-list.js
@@ -0,0 +1,92 @@
+/* global confirm:true */
+
+import can from "can/";
+import initView from "./hub-list.stache!";
+import Models from "models/";
+import _map from "lodash-amd/modern/collection/map";
+import _reduce from "lodash-amd/modern/collection/reduce";
+
+import "style/";
+import "./hub-list.less!";
+import "can/map/define/";
+import "components/service-config-formatter/";
+
+
+can.Component.extend({
+	tag : 'bh-hub-list',
+	template : initView,
+	scope : {
+		define : {
+			expandedRows : {
+				Value : Array
+			}
+		},
+		init : function(){
+			this.attr('hubs', new Models.Hub.List({}));
+		},
+		createAndEditHub : function(){
+			new Models.Hub({
+				name: ''
+			}).save(function(hub){
+				can.route.attr({
+					hubId : hub.id,
+					page : 'sidebar',
+					panel : 'services'
+				});
+			});
+		},
+		destroyHub : function(hub){
+			if(confirm('Are you sure?')){
+				hub.destroy();
+			}
+		},
+		toggleExpandedRow : function(hub){
+			var hubId = hub.attr('id'),
+					expandedRows = this.attr('expandedRows'),
+					index = expandedRows.indexOf(hubId);
+
+			if(index === -1){
+				expandedRows.push(hubId);
+			} else {
+				expandedRows.splice(index, 1);
+			}
+		}
+	},
+	helpers : {
+		isExpandedRow : function(hub, opts){
+			var index;
+
+			hub = can.isFunction(hub) ? hub() : hub;
+			index = this.attr('expandedRows').indexOf(hub.attr('id'));
+			
+			return index > -1 ? opts.fn() : opts.inverse();
+		},
+		formatConnectedServices : function(services){
+			var serviceNames;
+			services = can.isFunction(services) ? services() : services;
+
+			if(!services || services.isPending()){
+				return;
+			}
+
+			serviceNames = can.map(services, function(service){
+				return service.printFeed();
+			});
+
+			return _map(_reduce(serviceNames, function(acc, service){
+				if(acc[service]){
+					acc[service] += 1;
+				} else {
+					acc[service] = 1;
+				}
+				return acc;
+			}, {}), function(occurenceCount, service){
+				if(occurenceCount > 1){
+					return service + ' (' + occurenceCount + ')';
+				}
+				return service;
+			}).join(', ');
+		}
+	}
+});
+
diff --git a/components/hub-list/hub-list.less b/components/hub-list/hub-list.less
new file mode 100644
index 0000000..c3203b5
--- /dev/null
+++ b/components/hub-list/hub-list.less
@@ -0,0 +1,34 @@
+@import "../../node_modules/bootstrap/less/mixins/clearfix.less";
+
+bh-hub-list {
+	display: block;
+	.actions {
+		width: 200px;
+	}
+	.btn-add-hub {
+		float: right;
+		margin-top: -45px;
+	}
+	td.name {
+		width: 30%;
+		font-size: 120%;
+	}
+  bh-edit-hub-name {
+      .clearfix;
+      margin-top: 0px;
+      margin-bottom: 15px;
+      width: 66%;
+      h2, i {
+          float: left;
+          margin: 0;
+      }
+      i {
+          margin: 12px 5px 0;
+      }
+      b {
+          display: none;
+      }
+      
+      
+  }
+}
diff --git a/components/hub-list/hub-list.stache b/components/hub-list/hub-list.stache
new file mode 100644
index 0000000..5582738
--- /dev/null
+++ b/components/hub-list/hub-list.stache
@@ -0,0 +1,63 @@
+<bh-edit-hub-name hub="{state.currentOrganization}"></bh-edit-hub-name>
+{{#if hubs.isPending}}
+	<div class="alert alert-info">Loading...</div>
+{{else}}
+	{{#if hubs.length}}
+		{{#ifCanAddHub hubs}}
+			<button class="btn btn-primary btn-add-hub" can-click="createAndEditHub">Add Hub</button>
+		{{/ifCanAddHub}}
+		<table class="table table-striped">
+			<thead>
+				<tr>
+					<th class="name">Name</th>
+					<th class="connected-services">Connected Services</th>
+					<th class="actions"></th>
+				</tr>
+			</thead>
+			<tbody>
+				{{#hubs}}
+					<tr>
+						<td class="name">
+							{{ name }}
+						</td>
+						<td class="connected-services">
+							{{#if services.isPending}}
+								Loading...
+							{{else}}
+								{{#if services.length}}
+									{{#isExpandedRow this}}
+										<div class="expanded-services">
+											<button class="btn btn-default btn-xs" can-click="toggleExpandedRow">Collapse</button>
+											<ul>
+												{{#each services}}
+													<li>
+														<bh-service-config-formatter service="{this}"></bh-service-config-formatter>
+													</li>
+												{{/each}}
+											</ul>
+
+										</div>
+									{{/else}}
+										<button class="btn btn-default btn-xs" can-click="toggleExpandedRow">Expand</button>
+										{{formatConnectedServices services}}
+									{{/isExpandedRow}}
+								{{else}}
+									No connected services.
+								{{/if}}
+							{{/if}}
+						</td>
+						<td>
+							<div class="btn-group">
+								<a href="{{pageUrl 'sidebar' panel='services' hubId=id}}" class="btn btn-xs btn-default edit-hub-btn">Edit</a>
+								<a href="{{pageUrl 'analytics' hubId=id}}" class="btn btn-xs btn-default btn-analytics-link">Analytics</a>
+								<button class="btn btn-xs btn-default btn-delete-hub" can-click="destroyHub">Delete</button>
+							</div>
+						</td>
+					</tr>
+				{{/hubs}}
+			</tbody>
+		</table>
+	{{else}}
+		<div class="alert alert-info">You haven't created any hubs yet. <a href="javascript://" can-click="createAndEditHub">Create your first Hub &raquo;</a></div>
+	{{/if}}
+{{/if}}
diff --git a/components/integration/integration.js b/components/integration/integration.js
new file mode 100644
index 0000000..d0481db
--- /dev/null
+++ b/components/integration/integration.js
@@ -0,0 +1,152 @@
+/* globals confirm:true */
+import can from "can/";
+import initView from "./integration.stache!";
+import Models from "models/";
+
+import "./integration.less!";
+import "components/preset-form/";
+import "can/map/define/";
+import "can/construct/proxy/";
+
+can.Component.extend({
+	tag: 'bh-integration',
+	template: initView,
+	scope: {
+		init : function(){
+			this.attr('presets', new Models.Preset.List({embed_id : this.attr('state.hub.id')}));
+		},
+		integrationCodeForPreset : function(preset){
+			var currentBrand = this.attr('state.currentBrand');
+			var hub = this.attr('state.hub');
+			if(currentBrand && hub && preset){
+
+				return preset.embedCode(
+					currentBrand.attr('tenant_name'),
+					hub.attr('id'),
+					hub.attr('name')
+				);
+			}
+		},
+		defaultPresetUrl : function(){
+			return this.urlForPreset(Models.Preset.PREVIEW);
+		},
+		currentPresetUrl : function(){
+			return this.urlForPreset(this.currentPreset());
+		},
+		urlForPreset : function(preset){
+			var currentBrand = this.attr('state.currentBrand');
+			var hub = this.attr('state.hub');
+			
+			if(!preset){
+				return;
+			}
+			return preset.fullUrl(currentBrand.attr('tenant_name'), hub.attr('id'));
+		},
+		defaultIntegrationCode : function(){
+			return this.integrationCodeForPreset(Models.Preset.PREVIEW);
+		},
+		currentPresetIntegrationCode : function(){
+			return this.integrationCodeForPreset(this.currentPreset());
+		},
+		addPreset : function(){
+			can.batch.start();
+			this.attr('state.customPreset', new Models.Preset({
+				embed_id : this.attr('state.hub.id')
+			}));
+			this.attr('isEditing', false);
+			can.batch.stop();
+		},
+		customPresetExistsAndIsNew : function(){
+			var customPreset = this.currentPreset();
+			return customPreset && customPreset.isNew();
+		},
+		currentPreset : function(){
+			return this.attr('state').attr('customPreset');
+		},
+		toggleCurrentPreset : function(preset){
+			var currentPreset = this.currentPreset();
+			if(currentPreset === preset){
+				this.attr('state.customPreset', null);
+			} else {
+				this.attr('state.customPreset', preset);
+			}
+		},
+		isDefaultPresetOpen : function(){
+			return !this.currentPreset();
+		},
+		clearPreset : function(forceClear){
+			var currentPreset = this.currentPreset();
+			can.batch.start();
+			if(forceClear || currentPreset.isNew()){
+				this.attr('state.customPreset', null);
+			}
+			this.attr('isEditing', false);
+			can.batch.stop();
+		},
+		editPreset : function(preset){
+			can.batch.start();
+			this.attr('state.customPreset', preset);
+			this.attr('isEditing', true);
+			can.batch.stop();
+		},
+		destroyPreset : function(preset){
+			var self = this;
+			if(confirm('Are you sure?')){
+				preset.destroy().then(function(){
+					self.clearPreset(true);
+				});
+			}
+		}
+	},
+	helpers : {
+		isCurrentPreset : function(preset, opts){
+			var currentPreset = this.currentPreset();
+			preset = can.isFunction(preset) ? preset() : preset;
+
+			return preset === currentPreset ? opts.fn() : opts.inverse();
+		},
+		ifCurrentlyEditingPreset : function(preset, opts){
+			var currentPreset = this.currentPreset();
+			var isEditing = this.attr('isEditing');
+			var check;
+
+			preset = can.isFunction(preset) ? preset() : preset;
+			check = preset === currentPreset && isEditing;
+
+			return check ? opts.fn() : opts.inverse();
+		}
+	},
+	events : {
+		" savePreset" : function(el, ev){
+			var self = this;
+			this.scope.currentPreset().save(function(preset){
+				can.batch.start();
+				var presets = self.scope.attr('presets');
+				var index = presets.indexOf(preset);
+				if(index === -1){
+					presets.unshift(preset);
+				}
+				self.scope.attr('isEditing', false);
+				can.batch.stop();
+			});
+		},
+		'textarea mousedown' : 'selectCode',
+		'textarea focus' : function(el, ev){
+			el.select();
+			setTimeout(function(){
+				el.select();
+			}, 1);
+		},
+		selectCode : function(el, ev){
+			ev.preventDefault();
+			if(el.is(':focus')){
+				ev.stopPropagation();
+				ev.stopImmediatePropagation();
+			}
+			el.select();
+		},
+		'bh-preset-form clearPreset' : function(){
+			this.scope.clearPreset();
+		}
+	}
+});
diff --git a/components/integration/integration.less b/components/integration/integration.less
new file mode 100644
index 0000000..5a58a4d
--- /dev/null
+++ b/components/integration/integration.less
@@ -0,0 +1,74 @@
+bh-integration {
+	display: block;
+	.content-section {
+		padding-top: 10px;
+		padding-bottom: 25px;
+	}
+	.embed-code, .embed-code[readonly] {
+		height: 100px;
+		font-family: Monaco, Consolas, monospace;
+		font-size: 12px;
+		background: white;
+		cursor: text;
+		margin-bottom: 10px;
+	}
+	.btn-add-preset {
+		margin-top: 10px;
+		float: right;
+	}
+	.new-preset-form {
+		margin: 25px 0;
+	}
+	.list-wrapper {
+		margin: 0 -25px;
+		.destroy-preset, .edit-preset {
+			cursor: pointer;
+			color: #666;
+			&:hover {
+				color: #333;
+			}
+		}
+		table.table {
+			border-top: 2px solid #ccc;
+			margin-top: 0;
+			p.instructions {
+				font-size: 90%;
+				font-style: oblique;
+			}
+			> tbody > tr, > thead > tr {
+				&.expanded td {
+					background: #e9e9e9;
+				}
+				th.expand {
+					width: 50px;
+				}
+				td.expand {
+					cursor: pointer;
+					.fa {
+						color: #666;
+					}
+					&:hover .fa {
+						color: #000;
+					}
+				}
+				th:first-child, td:first-child {
+					padding-left: 25px;
+				}
+				th:last-child, td:last-child {
+					padding-right: 25px;
+				}
+				th.actions {
+					width: 70px;
+				}
+				td.actions .fa {
+					display: inline-block;
+					margin-top: 3px;
+				}
+				.preset-embed-code {
+					border-top: none;
+				}
+			}
+		}
+		
+	}
+}
diff --git a/components/integration/integration.stache b/components/integration/integration.stache
new file mode 100644
index 0000000..4c912ca
--- /dev/null
+++ b/components/integration/integration.stache
@@ -0,0 +1,63 @@
+<h2 class="subtitle-separator">
+	Embed Presets
+	<button class="btn btn-primary btn-xs btn-add-preset" can-click="addPreset">Add new Preset</button>
+</h2>
+{{#if customPresetExistsAndIsNew}}
+	<bh-preset-form preset="{state.customPreset}" class="bithub-form new-preset-form" saved="{getSavedCb}"></bh-preset-form>
+{{/if}}
+
+<div class="list-wrapper">
+	<table class="table">
+		<thead>
+			<tr>
+				<th>Preset Name</th>
+				<th class="actions"></th>
+			</tr>
+		</thead>
+		<tbody>
+			<tr class="{{#if isDefaultPresetOpen}}expanded{{/if}}">
+				<td class="expand" can-click="clearPreset">
+					<i class="fa fa-chevron-{{#if isDefaultPresetOpen}}down{{else}}right{{/if}}"></i>
+					Default Preset
+				</td>
+				<td class="actions"></td>
+			</tr>
+			{{#if isDefaultPresetOpen}}
+				<tr class="expanded">
+					<td class="preset-embed-code" colspan="32">
+						<textarea class="form-control embed-code" can-value="defaultIntegrationCode" readonly></textarea>
+						<p class="instructions">Paste this code in the HTML source of your page</p>
+            <p>You can access the embed directly by going to: <a href="{{ defaultPresetUrl }}" target="_blank">{{ defaultPresetUrl}} </a></p>
+					</td>
+				</tr>
+			{{/if}}
+			{{#each presets}}
+				{{^ifCurrentlyEditingPreset this}}
+					<tr class="{{#isCurrentPreset this}}expanded{{else}}">
+						<td class="expand" can-click="toggleCurrentPreset">
+							<i class="fa fa-chevron-{{#isCurrentPreset this}}down{{else}}right{{/isCurrentPreset}}"></i>
+							{{ name }}
+						</td>
+						<td class="actions">
+							<i can-click="destroyPreset" class="fa fa-trash-o pull-right destroy-preset"></i>
+							<i can-click="editPreset" class="fa fa-pencil pull-right edit-preset"></i>
+						</td>
+					</tr>
+				{{/ifCurrentlyEditingPreset}}
+				{{#isCurrentPreset this}}
+					<tr class="expanded">
+						<td class="{{#unless isEditing}}preset-embed-code{{/unless}}" colspan="2">
+							{{#ifCurrentlyEditingPreset this}}
+								<bh-preset-form preset="{this}" class="bithub-form new-preset-form"></bh-preset-form>
+							  {{ else }}
+								<textarea class="form-control embed-code" can-value="currentPresetIntegrationCode" readonly></textarea>
+								<p class="instructions">Paste this code in the HTML source of your page</p>
+                <p>You can access the embed directly by going to: <a href="{{ currentPresetUrl }}" target="_blank">{{ currentPresetUrl}} </a></p>
+							{{/ifCurrentlyEditingPreset}}
+						</td>
+					</tr>
+				{{/isCurrentPreset}}
+			{{/each}}
+		</tbody>
+	</table>
+</div>
diff --git a/components/integration/integration_test.js b/components/integration/integration_test.js
new file mode 100644
index 0000000..cad7170
--- /dev/null
+++ b/components/integration/integration_test.js
@@ -0,0 +1,93 @@
+import "./integration";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-integration state='{state}'></bh-integration>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var presetData = {
+	"config": {
+		"theme": "dark",
+		"live": true
+	},
+	"name": "Dark Preset",
+	"id": 1
+};
+
+var State = can.Map.extend({});
+
+window.EMBED_ENDPOINT = 'http://bithub.loc';
+
+QUnit.module("Integration test",{
+	beforeEach : function(){
+		fixture.on = true;
+		fixture.delay = 1000;
+		fixture("GET /api/v3/presets", function(){
+			return [presetData];
+		});
+		fixture("DELETE /api/v3/presets/{id}", function(){
+			return {};
+		});
+		fixture("PUT /api/v3/presets/{id}", function(req){
+			return req.data;
+		});
+		fixture("POST /api/v3/presets", function(req){
+			var data = req.data;
+			data.id = Date.now();
+			return data;
+		});
+		renderTemplate({
+			state : new State({
+				currentBrand : {
+					tenant_name: 'foo'
+				},
+				hub : {
+					id : 1
+				}
+			})
+		});
+	},
+	afterEach : function(){
+		fixture.on = false;
+		fixture.delay = 100;
+		fixture("GET /api/v3/presets", null);
+		fixture("DELETE /api/v3/presets/{id}", null);
+	}
+});
+
+QUnit.skip("Integration rendering", function(){
+	F('bh-integration').exists('Integration is rendered');
+	F('bh-integration tbody tr').size(3, 'Default and loaded presets are rendered');
+	F('bh-integration tbody tr:nth-child(2) textarea').exists('Default preset is expanded');
+});
+
+QUnit.skip("Integration - expanding and editing a preset", function(){
+	F('bh-integration [can-click=toggleCurrentPreset]:last').click();
+	F('bh-integration tr:last textarea').exists('Loaded preset is expanded');
+	F('bh-integration [can-click=editPreset]:last').click();
+	F('bh-integration bh-preset-form').exists('Preset form is open');
+	F('bh-integration bh-preset-form .clear-preset').click();
+	F('bh-integration bh-preset-form').missing('Preset form is removed');
+});
+
+QUnit.skip('Deleting a preset', function(){
+	F('bh-integration [can-click=destroyPreset]:last').click();
+	F.confirm(true);
+	F('bh-integration tbody tr').size(2, 'Preset is destroyed');
+});
+
+QUnit.skip('Preset can be created', function(){
+	F('bh-integration [can-click=addPreset]').click();
+	F('bh-integration bh-preset-form').exists('New preset form is rendered');
+	F('bh-integration bh-preset-form [can-value="preset.name"]').type('Foo');
+	F('bh-integration bh-preset-form .save-service').click();
+	F('bh-integration bh-preset-form .fa-circle-o-notch').exists('Preset is saving');
+	F('bh-integration bh-preset-form').missing('Form is closed');
+	F('bh-integration tbody tr').size(4, 'Preset is added to the list');
+});
diff --git a/components/interaction_analytics/interaction_analytics.js b/components/interaction_analytics/interaction_analytics.js
new file mode 100644
index 0000000..5430741
--- /dev/null
+++ b/components/interaction_analytics/interaction_analytics.js
@@ -0,0 +1,79 @@
+import can from "can/";
+import initView from "./interaction_analytics.stache!";
+import InteractionEvent from "models/interaction_event";
+import Chart from "chart.js/Chart";
+import "./interaction_analytics.less!";
+
+export var InteractionAnalyticsVM = can.Map.extend({
+	init : function(){
+		this.loadInteractionsData();
+	},
+	loadInteractionsData : function(){
+		var self = this;
+		InteractionEvent.findAll({event_type: 'share', zoom: 'rough', primary_source_id: this.attr('state.hubId')}).then(function(data){
+			self.attr('totalShareInteractions', data);
+		});
+		InteractionEvent.findAll({event_type: 'share', primary_source_id: this.attr('state.hubId')}).then(function(data){
+			self.attr('perNetworkShareInteractions', data);
+		});
+		InteractionEvent.findAll({event_type: 'link', primary_source_id: this.attr('state.hubId')}).then(function(data){
+			self.attr('linkInteractions', data);
+		});
+		InteractionEvent.findAll({event_type: 'scroll', primary_source_id: this.attr('state.hubId')}).then(function(data){
+			self.attr('scrollInteractions', data);
+		});
+	},
+	hasAnyInteractionAnalytics : function(){
+		var totalShareInteractions = this.attr('totalShareInteractions');
+		var perNetworkShareInteractions = this.attr('perNetworkShareInteractions');
+		var linkInteractions = this.attr('linkInteractions');
+		var scrollInteractions = this.attr('scrollInteractions');
+
+		if(totalShareInteractions && totalShareInteractions.length){
+			return true;
+		}
+
+		if(perNetworkShareInteractions && perNetworkShareInteractions.length){
+			return true;
+		}
+
+		if(linkInteractions && linkInteractions.length){
+			return true;
+		}
+
+		if(scrollInteractions && scrollInteractions.length){
+			return true;
+		}
+
+		return false;
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-interaction-analytics',
+	template: initView,
+	scope: InteractionAnalyticsVM,
+	helpers : {
+		renderGraph : function(type){
+			var self = this;
+			var fnName;
+			type = can.isFunction(type) ? type() : type;
+			fnName = type + 'GraphData';
+			return function(el){
+				setTimeout(function(){
+					var ctx = el.getContext('2d');
+					var data = self.attr(type)[fnName]();
+					if (!data.labels.length) {
+						return;
+					}
+					new Chart(ctx).Line(data, {
+						bezierCurveTension : 0.1,
+						pointDotRadius: 2,
+						datasetStrokeWidth: 2,
+						multiTooltipTemplate: "<%=datasetLabel%> - <%= value %>"
+					});
+				}, 4);
+			};
+		}
+	}
+});
diff --git a/components/interaction_analytics/interaction_analytics.less b/components/interaction_analytics/interaction_analytics.less
new file mode 100644
index 0000000..c479414
--- /dev/null
+++ b/components/interaction_analytics/interaction_analytics.less
@@ -0,0 +1,7 @@
+bh-interaction-analytics {
+    display: block;
+    margin-bottom: 30px;
+    canvas { 
+        display: block;
+    }
+}
diff --git a/components/interaction_analytics/interaction_analytics.stache b/components/interaction_analytics/interaction_analytics.stache
new file mode 100644
index 0000000..5cb849c
--- /dev/null
+++ b/components/interaction_analytics/interaction_analytics.stache
@@ -0,0 +1,23 @@
+{{#if totalShareInteractions.length}}
+  <h3>Total amount of shares</h3>
+  <canvas  width="1140" height="400" {{renderGraph 'totalShareInteractions'}}></canvas>
+{{/if}}
+
+{{#if perNetworkShareInteractions.length}}
+  <h3>Share amount per network</h3>
+  <canvas width="1140" height="400" {{renderGraph 'perNetworkShareInteractions'}}></canvas>
+{{/if}}
+
+{{#if linkInteractions.length}}
+  <h3>Link clicks</h3>
+  <canvas width="1140" height="400" {{renderGraph 'linkInteractions'}}></canvas>
+{{/if}}
+
+{{#if scrollInteractions.length}}
+  <h3>Scrolls</h3>
+  <canvas width="1140" height="400" {{renderGraph 'scrollInteractions'}}></canvas>
+{{/if}}
+
+{{#unless hasAnyInteractionAnalytics}}
+  <div class="alert alert-info">We don't have enough data to plot the interactions graph.</div>
+{{/unless}}
diff --git a/components/moderation-rules/moderation-rules-test.js b/components/moderation-rules/moderation-rules-test.js
new file mode 100644
index 0000000..612cfed
--- /dev/null
+++ b/components/moderation-rules/moderation-rules-test.js
@@ -0,0 +1,125 @@
+import "./moderation-rules";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import Models from "models/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-moderation-rules filters='{filters}' hub='{hub}'></bh-moderation-rules>");
+
+var filterData = {
+	"natlang_queries": [
+		{
+			"is_negated": false,
+			"val": "foober",
+			"op": "contains_all",
+			"attr_name": "content",
+			"id": 10001
+		}
+	],
+	"embed_id": 10001,
+	"action": "block",
+	"id": 10001
+};
+
+var Hub = can.Map.extend({});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var renderTemplateAndCheckForFilters = function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules').exists('Moderation rules are rendered');
+	F('bh-moderation-rules .filter-wrap').size(1, 'Filter is rendered');
+};
+
+
+QUnit.module('Moderation rules test');
+
+QUnit.test('Filters are rendered', function(){
+	renderTemplateAndCheckForFilters();
+});
+
+QUnit.test('Filters can be added', function(){
+	renderTemplateAndCheckForFilters();
+	F('bh-moderation-rules [can-click=addFilter]').click();
+	F('bh-moderation-rules .filter-wrap').size(2, 'Filter is added');
+});
+
+QUnit.test('Filters can be removed', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules [can-click=markToDestroy]').click();
+	F('bh-moderation-rules .filter-wrap').size(0, 'Filter is removed');
+	F.wait(1, function(){
+		ok(filters[0].__shouldDelete, 'Filter is marked for deletion');
+	});
+});
+
+QUnit.test('Input fields', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 1});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules textarea[can-value=val]').exists('Textarea is rendered');
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.op', 'is');
+		F('bh-moderation-rules input[can-value=val]').exists('Input field is rendered');
+
+	});
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.op', 'contains_phrase');
+		F('bh-moderation-rules input[can-value=val]').exists('Input field is rendered');
+	});
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.attr_name', 'feed_name');
+		F('bh-moderation-rules select[can-value=val]').exists('Select field is rendered');
+	});
+
+});
+
+QUnit.skip('Available Verbs', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules select[can-value=operation] option').size(9, 'All verbs are available');
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.attr_name', 'feed_name');
+		F('bh-moderation-rules select[can-value=operation] option').size(2, 'For feeds, only 2 verbs are available');
+	});
+});
diff --git a/components/moderation-rules/moderation-rules.js b/components/moderation-rules/moderation-rules.js
new file mode 100644
index 0000000..d724227
--- /dev/null
+++ b/components/moderation-rules/moderation-rules.js
@@ -0,0 +1,100 @@
+import can from "can/";
+import initView from "./moderation-rules.stache!";
+import Models from "models/";
+import "./moderation-rules.less!";
+
+var TITLES = {
+	approve : "<b>Automatically approve items</b> matching the following rules:",
+	block   : "<b>Automatically block items</b> matching the following rules"
+};
+
+var VERBS = {
+	"pos:contains_all"    : "Contains all words",
+  "pos:contains_any"    : "Contains any",
+	"pos:contains_phrase" : "Contains a phrase",
+  "pos:is"              : "Is equal to",
+  "neg:is"              : "Isn't equal to",
+	"pos:starts_with"     : "Starts with",
+	"neg:starts_with"     : "Doesn't start with",
+	"pos:ends_with"       : "Ends with",
+	"neg:ends_with"       : "Doesn't end with"
+};
+
+var FILTERS = {
+	content   : "Content",
+	title     : "Title",
+	author    : "Author",
+	feed_name : "Feed"
+};
+
+var FILTER_VERBS = {
+	feed_name : ['pos:is', 'neg:is']
+};
+
+can.Component.extend({
+	tag : 'bh-moderation-rules',
+	template : initView,
+	scope: {
+		addFilter : function(){
+			this.attr('filters').addFilter(this.attr('hub.id'));
+		},
+		title : function(){
+			return TITLES[this.attr('filters.action')];
+		},
+		availableFilters : FILTERS,
+		filtersNotMarkedForDelete : function(){
+			var filters = this.attr('filters');
+			filters.attr('length');
+			return can.grep(filters, function(f){
+				return !f.attr('__shouldDelete');
+			});
+		},
+		feeds : Models.Service.feeds
+	},
+	events : {
+		"[can-click=addFilter],[can-click=markToDestroy] click" : function(el, ev){
+			ev.preventDefault();
+		}
+	},
+	helpers : {
+		templateIs : function(template, query, opts){
+			var templateShouldBe = 'textarea';
+			template = can.isFunction(template) ? template() : template;
+			query = can.isFunction(query) ? query() : query;
+
+			if(query.attr('op') === 'is' || query.attr('op') === 'contains_phrase'){
+				templateShouldBe = 'input';
+			}
+
+			if(query.attr('attr_name') === 'feed_name'){
+				templateShouldBe = 'feed_select';
+			}
+
+			if(template === templateShouldBe){
+				return opts.fn();
+			}
+		},
+		verbsForQuery : function(query, opts){
+			var attr_name = query.attr('attr_name');
+			var verbs = VERBS;
+			var verbsSubset = FILTER_VERBS[attr_name];
+			var html = [];
+
+			query = can.isFunction(query) ? query() : query;
+			
+			if(verbsSubset){
+				verbs = {};
+				for(var i = 0; i < verbsSubset.length; i++){
+					verbs[verbsSubset[i]] = VERBS[verbsSubset[i]];
+				}
+			}
+
+			for(var k in verbs){
+				if(verbs.hasOwnProperty(k)){
+					html.push(opts.fn(opts.scope.add({filter: k, name: verbs[k]})));
+				}
+			}
+			return html;
+		}
+	}
+});
diff --git a/components/moderation-rules/moderation-rules.less b/components/moderation-rules/moderation-rules.less
new file mode 100644
index 0000000..7692965
--- /dev/null
+++ b/components/moderation-rules/moderation-rules.less
@@ -0,0 +1,50 @@
+bh-moderation-rules {
+    display: block;
+    .op-wrap, .attr-wrap  {
+        float: left;
+        width: 44%;
+        margin-right: 2%;
+    }
+    .val-wrap {
+        width: 90%;
+        clear: both;
+        padding-top: 10px;
+    }
+    .remove-filter-wrap {
+        float: right;
+        width: 7%;
+        .btn {
+            width: 100%;
+            padding-left: 0;
+            padding-right: 0;
+            text-align: center;
+        }
+    }
+    .btn-add-rule {
+        margin-bottom: 10px;
+    }
+    .filter-wrap {
+        padding: 0 25px 20px;
+        border-bottom: 1px solid #ddd;
+        margin: 0 -25px 20px;
+        &:after {
+            content: "OR";
+            display: block;
+            width: 20px;
+            background: #f1efef;
+            font-weight: bold;
+            font-style: italic;
+            margin: 0 auto -30px;
+            width: 50px;
+            text-align: center;
+            color: #666;
+        }
+        &:last-child {
+            border-bottom: none;
+            padding-bottom: 0;
+            &:after {
+                display: none;
+            }
+        }
+    }
+}
diff --git a/components/moderation-rules/moderation-rules.stache b/components/moderation-rules/moderation-rules.stache
new file mode 100644
index 0000000..22b0d80
--- /dev/null
+++ b/components/moderation-rules/moderation-rules.stache
@@ -0,0 +1,55 @@
+<h4>{{{ title }}}</h4>
+
+<button class="btn btn-primary btn-sm btn-add-rule" can-click="addFilter">Add Rule</button>
+<div class="form-group">
+
+	<div>
+		{{#each filtersNotMarkedForDelete}}
+			<div class="filter-wrap clearfix">
+				<div class="remove-filter-wrap">
+					<button class="btn btn-default" can-click="markToDestroy">
+						<i class="fa fa-trash-o"></i>
+					</button>
+				</div>
+				{{#each natlang_queries}}
+					<div class="attr-wrap">
+						<select class="form-control" can-value="attr_name">
+							{{#each availableFilters}}
+								<option value="{{@key}}">{{.}}</option>
+							{{/each}}
+						</select>
+					</div>
+					<div class="op-wrap">
+						<select class="form-control" can-value="operation">
+							{{#verbsForQuery this}}
+								<option value="{{ filter }}">{{ name }}</option>
+							{{/verbsForQuery}}
+						</select>
+					</div>
+					<div class="val-wrap">
+						{{#templateIs 'textarea' this}}
+							<textarea class="form-control" can-value="val"></textarea>
+							<p class="help-block">Separate the words with spaces</p>
+						{{/templateIs}}
+
+						{{#templateIs 'input' this}}
+							<input class="form-control" type="text" can-value="val"/>
+							<p class="help-block">Whole phrase will be matched</p>
+						{{/templateIs}}
+
+						{{#templateIs 'feed_select' this}}
+							<select can-value="val" class="form-control">
+								{{#each feeds}}
+									<option value="{{@key}}">{{ . }}</option>
+								{{/each}}
+							</select>
+						{{/templateIs}}
+					</div>
+				{{/each}}
+			</div>
+			
+			
+		{{/each}}
+	</div>
+</div>
+
diff --git a/components/moderation/moderation.js b/components/moderation/moderation.js
new file mode 100644
index 0000000..e941afb
--- /dev/null
+++ b/components/moderation/moderation.js
@@ -0,0 +1,83 @@
+import can from "can/";
+import initView from "./moderation.stache!";
+import Models from "models/";
+
+import "style/";
+import "./moderation.less!";
+import "can/map/define/";
+import "components/moderation-rules/";
+
+var parseTruthy = function(el){
+	return !!parseInt(el.val(), 10);
+};
+
+var ModerationVM = can.Map.extend({
+	isSaving : false,
+	hasErrors: false,
+	approveSomeAutomatically: false,
+	blockSomeAutomatically: false,
+	init : function(){
+		var self = this;
+		var id = this.attr('state.hub.id');
+		Models.Filter.findAll({embed_id: id}, function(filters){
+			var blocking = filters.blocking();
+			var approving = filters.approving();
+			var approveSomeAutomatically = approving.attr('length') > 0;
+			var blockSomeAutomatically = blocking.attr('length') > 0;
+			self.attr({
+				blockingFilters: blocking,
+				approvingFilters: approving,
+				approveSomeAutomatically: approveSomeAutomatically,
+				blockSomeAutomatically: blockSomeAutomatically
+			});
+		});
+	},
+	saveHub : function(ctx, el, ev){
+		var self = this;
+		this.attr({
+			hasErrors: false,
+			isSaving: true
+		});
+
+		$.when(
+			this.attr('state.hub').save(),
+			this.attr('blockingFilters').saveOrDestroy(),
+			this.attr('approvingFilters').saveOrDestroy()
+		).then(function(){
+			self.attr('isSaving', false);
+			self.attr('state.hub').moderate().then(function(){
+				self.attr('state').resetEmbed();
+			});
+		}, function(){
+			self.attr('hasErrors', true);
+		});
+	},
+	
+	toggleApprovedByDefault : function(ctx, el){
+		this.attr('state.hub.approved_by_default', parseTruthy(el));
+	},
+	toggleSomeApprovedAutomatically : function(ctx, el){
+		this.attr('approveSomeAutomatically', parseTruthy(el));
+	},
+	toggleSomeBlockedAutomatically : function(ctx, el){
+		this.attr('blockSomeAutomatically', parseTruthy(el));
+	},
+	isApproveSomeAutomatically : function(){
+		var hasApproveSomeAutomatically = this.attr('approveSomeAutomatically');
+		var hasApprovingFilters = this.attr('approvingFilters.length');
+		
+		return hasApproveSomeAutomatically || hasApprovingFilters;
+	},
+	isBlockSomeAutomatically: function(){
+		var hasBlockSomeAutomatically = this.attr('blockSomeAutomatically');
+		var hasBlockingFilters = this.attr('blockingFilters.length');
+		
+		return hasBlockSomeAutomatically || hasBlockingFilters;
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-moderation',
+	template : initView,
+	scope : ModerationVM
+});
diff --git a/components/moderation/moderation.less b/components/moderation/moderation.less
new file mode 100644
index 0000000..8d01654
--- /dev/null
+++ b/components/moderation/moderation.less
@@ -0,0 +1,41 @@
+bh-moderation {
+	display: block;
+	padding: 15px 0;
+	.options-wrapper {
+		background: #fafafa;
+		border-radius: 3px;
+		margin: 15px 0;
+		padding: 15px;
+	}
+	.buttons-wrapper {
+		margin: 0 -25px;
+		padding: 15px 25px 0;
+		border-top: 1px solid #ddd;
+	}
+
+  bh-moderation-rules {
+      h4 {
+          margin-left: -25px;
+          border-left: 3px solid green;
+          padding-left: 22px;
+      }
+  }
+
+  bh-moderation-rules.approving {
+      border-bottom: 1px solid #ccc;
+      margin-bottom: 20px;
+      h4 b {
+          color: green;
+      }
+  }
+
+  bh-moderation-rules.blocking {
+      h4 {
+          border-left-color: red;
+          b {
+              color: red;
+          }
+      }
+  }
+
+}
diff --git a/components/moderation/moderation.stache b/components/moderation/moderation.stache
new file mode 100644
index 0000000..a85cccb
--- /dev/null
+++ b/components/moderation/moderation.stache
@@ -0,0 +1,38 @@
+<h4>Do you want <b>all items approved and public</b> by default?</h4>
+<div class="form">
+	<div class="options-wrapper">
+		<div class="radio">
+			<label>
+				<input type="text" type="radio" {{#if state.hub.approved_by_default}}checked{{/if}} value="1" can-change="toggleApprovedByDefault">
+				<b>Yes</b>. Make all items approved and public by default.
+			</label>
+		</div>
+		<div class="radio">
+			<label>
+				<input type="text" type="radio" {{#unless state.hub.approved_by_default}}checked{{/unless}} value="0" can-change="toggleApprovedByDefault">
+				<b>No</b>. I want all items blocked by default.
+			</label>
+		</div>
+	</div>
+	{{#unless state.hub.approved_by_default}}
+		{{#if approvingFilters.length}}
+			<bh-moderation-rules filters="{approvingFilters}" hub="{state.hub}" class="approving clearfix"></bh-moderation-rules>
+		{{/if}}
+	{{/unless}}
+	{{#if blockingFilters.length}}
+		<bh-moderation-rules filters="{blockingFilters}" hub="{state.hub}" class="blocking clearfix"></bh-moderation-rules>
+	{{/if}}
+	{{#isSaving}}
+		<div class="alert alert-info">
+			<i class="fa fa-spin fa-circle-o-notch"></i> Saving&hellip;
+		</div>
+	{{/isSaving}}
+	{{#hasErrors}}
+		<div class="alert alert-danger">
+			There was a problem with the moderation update!
+		</div>
+	{{/hasErrors}}
+	<div class="buttons-wrapper">
+		<button class="btn btn-primary pull-right btn-save-moderation" can-click="saveHub">Save moderation rules</button>
+	</div>
+</form>
diff --git a/components/moderation/moderation_test.js b/components/moderation/moderation_test.js
new file mode 100644
index 0000000..ac781b5
--- /dev/null
+++ b/components/moderation/moderation_test.js
@@ -0,0 +1,206 @@
+import "./moderation";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-moderation state='{state}'></bh-moderation>");
+
+var Hub = can.Map.extend({
+	save : function(){
+		QUnit.ok(true, 'Save Called');
+	}
+});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+
+var State = can.Map.extend({
+	resetEmbed : function(){
+		ok(true, "Reset Embed Called");
+	}
+});
+
+var Hub = can.Map.extend({
+	moderate : function(){
+		ok(true, "Moderate called");
+		return can.Deferred().resolve({id: this.attr('id')}).promise();
+	},
+	save : function(){
+		ok(true, "Save called");
+		return can.Deferred().resolve({id: this.attr('id')}).promise();
+	}
+});
+
+QUnit.module("Moderation Tests", {
+	beforeEach : function(){
+		var fixtureData = [
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "foober",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 1
+					}
+				],
+				"embed_id": "blocking-and-approving",
+				"action": "block",
+				"id": 1
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "testing",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 2
+					}
+				],
+				"embed_id": "blocking-and-approving",
+				"action": "approve",
+				"id": 2
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "testing",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 3
+					}
+				],
+				"embed_id": "approving",
+				"action": "approve",
+				"id": 3
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "foober",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 4
+					}
+				],
+				"embed_id": "blocking",
+				"action": "block",
+				"id": 4
+			}
+		];
+
+		var STORE = fixture.store(fixtureData);
+		fixture({
+			"/api/v3/filters": STORE.findAll,
+			"PUT /api/v3/filters/{id}" : STORE.update,
+			"DELETE /api/v3/filters/{id}" : STORE.destroy
+		});
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture({
+			"/api/v3/filters" : null,
+			"PUT /api/v3/filters/{id}" : null,
+			"DELETE /api/v3/filters/{id}" : null
+		});
+		fixture.on = false;
+	}
+});
+
+QUnit.test("Moderation with blocking and approving", 7, function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+
+	F('bh-moderation').exists('Moderation is rendered');
+	F('input[can-change=toggleApprovedByDefault][value=0]:checked')
+		.exists('Hub items are not approved by default');
+	F('bh-moderation bh-moderation-rules.approving').exists('Approving filters are rendered');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters are rendered');
+	F('bh-moderation button.btn-save-moderation').click();
+});
+
+QUnit.test("Moderation with only blocking filters present", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.approving').missing('Approving filters are missing');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters exist');
+});
+
+QUnit.test("Moderation with only approving filters present", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'approving',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.blocking').missing('Blocking filters are missing');
+	F('bh-moderation bh-moderation-rules.approving').exists('Approving filters exist');
+});
+
+QUnit.test("Both moderation and approving filters exist, but only blocking should be shown because hub is approving by default", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: true
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.approving').missing('Approving filters are missing');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters exist');
+});
+
+QUnit.test("Add filter", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation .filter-wrap').size(2, 'Two moderation filters are rendered');
+	F('bh-moderation [can-click=addFilter]:first').click();
+	F('bh-moderation .filter-wrap').size(3, 'Three moderation filters are rendered');
+});
+
+QUnit.test("Remove filter", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation .filter-wrap').size(2, 'Two moderation filters are rendered');
+	F('bh-moderation .filter-wrap:first [can-click=markToDestroy]').click();
+	F('bh-moderation .filter-wrap').size(1, 'One filter is marked for destroying');
+});
diff --git a/components/oauthorizer/oauthorizer.js b/components/oauthorizer/oauthorizer.js
new file mode 100644
index 0000000..26289f3
--- /dev/null
+++ b/components/oauthorizer/oauthorizer.js
@@ -0,0 +1,205 @@
+import can from "can/";
+import initView from "./oauthorizer.stache!";
+import Models from "models/";
+
+import "./oauthorizer.less!";
+import "can/map/define/";
+
+var getIdentityProvider = function(feed){
+	if(feed === 'youtube'){
+		return 'google_oauth2';
+	}
+	return feed;
+};
+
+var OAuthURL = function(feed){
+	return '/auth/' + getIdentityProvider(feed);
+};
+
+var OAuthConnect = function(feed) {
+	var windowPropsStr     = "width=800,height=600,scrollbars=yes",
+			title              = "OAuth Login",
+			url                = OAuthURL(feed),
+			oauthWindow        = window.open(url, title, windowPropsStr),
+			def                = can.Deferred(),
+			oauthWindowSweeper = window.setInterval(function() {
+				if (oauthWindow.closed) {
+					clearInterval(oauthWindowSweeper);
+					def.resolve();
+				}
+			}, 100);
+	return def;
+};
+
+
+var BUTTON_LABELS = {
+	facebook   : '<i class="fa fa-facebook-square"></i> Log in with Facebook',
+	twitter    : 'Sign in with Twitter',
+	github     : 'Log in in with GitHub',
+	meetup     : 'Log in with Meetup',
+	foursquare : 'Log in with Foursquare',
+	instagram  : 'Log in with Instagram',
+	disqus     : 'Log in with Disqus'
+};
+
+var SERVICE_LABELS = {
+	facebook   : 'Facebook',
+	twitter    : 'Twitter',
+	github     : 'GitHub',
+	meetup     : 'Meetup',
+	foursquare : 'Foursquare',
+	instagram  : 'Instagram',
+	disqus     : 'Disqus',
+};
+
+var compareIdentities = function(a, b){
+	if(a.created_at_timestamp > b.created_at_timestamp){
+		return -1;
+	}
+	if(a.created_at_timestamp < b.created_at_timestamp){
+		return 1;
+	}
+	return 0;
+};
+
+can.Component.extend({
+	tag : 'bh-oauthorizer',
+	template : initView,
+	scope : {
+		define : {
+			accountType : {
+				set : function(val){
+					if(val === 'new'){
+						this.attr('service').attr('brand_identity_id', null);
+					} else if(this.attr('identities')) {
+						this.selectFirstIdentity();
+					}
+					return val;
+				}
+			}
+		},
+		selectedService : null,
+		accountType : 'existing',
+		init : function(){
+			var self = this;
+			Models.Identity.findAll({}).then(function(identities){
+				can.batch.start();
+				self.attr({
+					accountType: 'existing',
+					identities: identities,
+				});
+				self.selectFirstIdentity();
+				can.batch.stop();
+			});
+		},
+		serviceLabel : function(){
+			return SERVICE_LABELS[this.attr('feed')];
+		},
+		useExistingAccount : function(){
+			return this.attr('accountType') === 'existing';
+		},
+		addNewAccount : function(){
+			return this.attr('accountType') === 'new';
+		},
+		toggleAccountType : function(ctx, el){
+			this.attr('accountType', el.data('accountType'));
+		},
+		isAuthorized : function(){
+			return this.hasIdentityForService(this.attr('feed'));
+		},
+		setServiceBrandIdentityId : function(id){
+			this.attr('service').attr('brand_identity_id', parseInt(id, 10));
+		},
+		selectFirstIdentity : function(){
+			var identities = this.identitiesForCurrentService();
+      if(identities.length){
+				this.setServiceBrandIdentityId(identities[0].id);
+			}
+    },
+		identitiesForCurrentService : function(){
+			var currentService = this.attr('feed');
+			return can.grep(this.attr('identities'), function(identity){
+				return identity.attr('provider') === getIdentityProvider(currentService);
+			});
+		},
+		hasIdentityForService : function(service){
+			var identities = this.attr('identities'),
+					length = identities.attr('length');
+
+			for(var i = 0; i < length; i++){
+				if(identities.attr(i + '.provider') === getIdentityProvider(service)){
+					return true;
+				}
+			}
+			return false;
+		},
+		buttonLabel : function(){
+			return BUTTON_LABELS[this.attr('feed')] || 'Authorize Service';
+		},
+		identities: null,
+		isAuthorizing : false,
+		isAuthorizingOrHasIdentity : function(){
+			var hasIdentity = !!this.attr('service.brand_identity_id');
+			return this.attr('isAuthorizing') || hasIdentity;
+		},
+		isPending : function(){
+			return this.attr('identities') === null;
+		},
+		oauthorize : function(ctx, el, ev){
+			var self = this,
+					feed = this.attr('feed');
+
+			ev.preventDefault();
+
+			if(this.attr('service.brand_identity_id')){
+				return;
+			}
+
+			if(!feed){
+				throw "You must initialize bh-oauthorizer component with the `feed` attribute";
+			}
+
+			this.attr('isAuthorizing', true);
+
+			OAuthConnect(feed).then(function(){
+				Models.Identity.findAll({}).then(function(identities){
+					self.attr({
+						identities : identities,
+						isAuthorizing : false,
+						accountType: 'existing'
+					});
+				});
+			});
+		}
+	},
+	events : {
+		"{scope} isAuthorizing" : function(scope, ev, newVal){
+			var self = this;
+
+			if(newVal){
+				return;
+			}
+
+			setTimeout(function(){
+				var identities = self.scope.identitiesForCurrentService();
+				if(identities.length){
+					identities.sort(compareIdentities);
+					self.scope.setServiceBrandIdentityId(identities[0].id);
+					self.element.find('select.service-brand').val(identities[0].id);
+				}
+			}, 10);
+		}
+	},
+	helpers : {
+		ifServiceIs : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			if(service === this.attr('feed')){
+				return opts.fn();
+			}
+		},
+		withSelectedService : function(opts){
+			var selectedService = this.attr('service').attr('brand_identity_id');
+			return selectedService && opts.fn();
+		}
+	}
+});
diff --git a/components/oauthorizer/oauthorizer.less b/components/oauthorizer/oauthorizer.less
new file mode 100644
index 0000000..3dba572
--- /dev/null
+++ b/components/oauthorizer/oauthorizer.less
@@ -0,0 +1,26 @@
+bh-oauthorizer {
+	display: block;
+	.oauthorizer-loader {
+		height: 20px;
+		line-height: 20px;
+	}
+	.oauthorize-help {
+		margin: 15px -15px 0;
+		padding: 15px 15px 0;
+		border-top: 1px solid #ccc;
+		color: #333;
+		h4 {
+			margin-top: 0;
+		}
+		p {
+			margin-bottom: 0;
+		}
+	}
+	.account-tabs {
+		margin: 0 -15px 20px;
+		padding: 0 15px;
+		.active a, .active a:active, .active a:focus, .active a:hover {
+			background: #fafafa;
+		}
+	}
+}
\ No newline at end of file
diff --git a/components/oauthorizer/oauthorizer.stache b/components/oauthorizer/oauthorizer.stache
new file mode 100644
index 0000000..a3d4308
--- /dev/null
+++ b/components/oauthorizer/oauthorizer.stache
@@ -0,0 +1,60 @@
+{{#if isPending}}
+	<div class="loader oauthorizer-loader">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading...
+	</div>
+{{else}}
+
+	{{#if identitiesForCurrentService.length}}
+		{{#if service.isNew}}
+
+			<ul class="nav nav-tabs account-tabs">
+				<li {{#if useExistingAccount}}class="active"{{/if}}>
+					<a href="javascript://" data-account-type="existing" can-click="toggleAccountType">Use Existing Account</a>
+				</li>
+				<li {{#if addNewAccount}}class="active"{{/if}}>
+					<a href="javascript://" data-account-type="new" can-click="toggleAccountType">Add New Account</a>
+				</li>
+			</ul>
+
+			{{#if useExistingAccount}}
+				<div class="select-wrap form-group">
+					<label>{{ serviceLabel }} Account</label>
+					<select class="form-control service-brand" can-value="service.brand_identity_id">
+						{{#each identitiesForCurrentService}}
+							<option value="{{ id }}">{{ name }}</option>
+						{{/each}}
+					</select>
+				</div>
+			{{/if}}
+
+			{{#if addNewAccount}}
+				<button class="btn btn-primary oauthorize" can-click="oauthorize" {{#isAuthorizingOrHasIdentity}}disabled{{/isAuthorizingOrHasIdentity}}>
+					{{#isAuthorizing}}
+						<i class="fa fa-spin fa-circle-o-notch"></i>
+					{{/isAuthorizing}}
+					{{{buttonLabel}}
+				</button>
+			{{/if}}
+
+		{{/if}}
+		{{#withSelectedService}}
+			<content></content>
+		{{/withSelectedService}}
+	{{else}}
+		<button class="btn btn-primary oauthorize" can-click="oauthorize" {{#isAuthorizing}}disabled{{/isAuthorizing}}>
+			{{#isAuthorizing}}
+				<i class="fa fa-spin fa-circle-o-notch"></i>
+			{{/isAuthorizing}}
+			{{{buttonLabel}}}
+		</button>
+		{{#ifServiceIs 'facebook'}}
+			<div class="oauthorize-help">
+				<h4><i class="fa fa-question-circle"></i> Why do I need to log in?</h4>
+				<p>
+					We need your login info to be able to allow you to collect data from the Facebook pages you administer.
+				</p>
+			</div>
+		{{/ifServiceIs}}
+	{{/if}}
+
+{{/if}}
\ No newline at end of file
diff --git a/components/organization-settings/organization-settings.js b/components/organization-settings/organization-settings.js
new file mode 100644
index 0000000..1e1656a
--- /dev/null
+++ b/components/organization-settings/organization-settings.js
@@ -0,0 +1,32 @@
+import can from "can/";
+import initView from "./organization-settings.stache!";
+
+import "./organization-settings.less!";
+
+function validateEmail(email) {
+  return email.indexOf('@') > -1;
+}
+
+export default can.Component.extend({
+	template: initView,
+	tag: 'bh-organization-settings',
+	scope : {
+		inviteUserEmail : "",
+		isInviteUserEmailValid : function(){
+			return validateEmail(this.attr('inviteUserEmail'));
+		},
+		setInviteUserEmail : function(ctx, el, ev){
+			this.attr('inviteUserEmail', el.val());
+		},
+		inviteUser: function(){
+			var organization = this.attr('state').attr('currentOrganization');
+			var self = this;
+			organization.invite(this.attr('inviteUserEmail')).then(function(res){
+				organization.addInvitation(res);
+				self.attr('inviteUserEmail', "");
+			}, function(){
+				alert("We weren't able to invite the user.");
+			});
+		}
+	}
+});
diff --git a/components/organization-settings/organization-settings.less b/components/organization-settings/organization-settings.less
new file mode 100644
index 0000000..7a282d3
--- /dev/null
+++ b/components/organization-settings/organization-settings.less
@@ -0,0 +1,5 @@
+bh-organization-settings {
+    .actions {
+        width: 120px;
+    }
+}
diff --git a/components/organization-settings/organization-settings.stache b/components/organization-settings/organization-settings.stache
new file mode 100644
index 0000000..cca4a22
--- /dev/null
+++ b/components/organization-settings/organization-settings.stache
@@ -0,0 +1,55 @@
+<h2><b>{{state.currentOrganization.name}}</b> Accounts</h2>
+<hr>
+<h3>Users</h3>
+<table class="table table-striped table-bordered">
+  <thead>
+    <tr>
+      <th>Email</th>
+      <th class="actions" style="display: none"></th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each state.currentOrganization.accounts}}
+      <tr>
+        <td>{{email}}</td>
+        <td style="display: none">
+          {{^eq id state.currentAccount.id}}
+            <button class="btn btn-xs btn-primary">Revoke Access</button>
+          {{/eq}}
+        </td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>
+<hr>
+{{#if state.currentOrganization.invitations.length}}
+<h3>Invitations</h3>
+<table class="table table-striped table-bordered">
+  <thead>
+    <tr>
+      <th>Email</th>
+    </tr>
+  </thead>
+  <tbody>
+    {{#each state.currentOrganization.invitations}}
+      <tr>
+        <td>{{email}}</td>
+      </tr>
+    {{/each}}
+  </tbody>
+</table>
+<hr>
+{{/if}}
+
+<h3>Invite User</h3>
+<div class="row">
+  <div class="col-lg-6">
+    <div class="input-group">
+      <input type="text" placeholder="User's Email" class="form-control" can-change="setInviteUserEmail" can-blur="setInviteUserEmail" can-keydown="setInviteUserEmail">
+      <div class="input-group-btn">
+        <button class="btn btn-default" {{#unless isInviteUserEmailValid}}disabled{{/unless}} can-click="inviteUser">Invite User</button>
+      </div>
+    </div>
+  </div>
+</div>
+
diff --git a/components/payments/payments.html b/components/payments/payments.html
new file mode 100644
index 0000000..e69de29
diff --git a/components/payments/payments.js b/components/payments/payments.js
new file mode 100644
index 0000000..2978ac7
--- /dev/null
+++ b/components/payments/payments.js
@@ -0,0 +1,42 @@
+import can from "can/";
+import initView from "./payments.stache!";
+
+import "style/";
+import "./payments.less!";
+import "can/map/define/";
+
+
+can.Component.extend({
+	tag : 'bh-payments',
+	template : initView,
+	scope : {
+		init : function(){
+			
+		},
+		billingInfoUrl : "/admin/subscriptions/edit/cc",
+		accountPlanUrl : "/admin/subscriptions/edit/plan",
+		planPrice : function(){
+			var price = this.attr('state.currentSubscription.plan.amount');
+			if(!price){
+				return;
+			}
+			price = price + "";
+			return "$" + price.slice(0, -2) + "." + price.slice(-2);
+		},
+		openBillingInfo : function(){
+			this.attr('currentIframe', this.attr('billingInfoUrl'));
+		},
+		openAccountPlan : function(){
+			this.attr('currentIframe', this.attr('accountPlanUrl'));
+		},
+		closeIframe : function(){
+			this.attr('currentIframe', null);
+		}
+	},
+	events : {
+		".overlay click" : function(el, ev){
+			this.scope.closeIframe();
+		}
+	}
+});
+
diff --git a/components/payments/payments.less b/components/payments/payments.less
new file mode 100644
index 0000000..641e614
--- /dev/null
+++ b/components/payments/payments.less
@@ -0,0 +1,38 @@
+bh-payments {
+	  display: block;
+    .overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0,0,0,0.5);
+        .iframe-wrap {
+            width: 400px;
+            margin: 100px auto;
+            position: relative;
+            iframe {
+                width: 600px;
+                height: 400px;
+                border: none;
+                background: transparent;
+            }
+        }
+    }
+    i.fa-times-circle {
+        position: absolute;
+        background: white;
+        border: 2px solid white;
+        display: block;
+        font-size: 20px;
+        left: 585px;
+        top: -5px;
+        border-radius: 100%;
+        width: 22px;
+        height: 22px;
+        text-align: center;
+        line-height: 0.9;
+        cursor: pointer;
+
+    }
+}
diff --git a/components/payments/payments.stache b/components/payments/payments.stache
new file mode 100644
index 0000000..146cac3
--- /dev/null
+++ b/components/payments/payments.stache
@@ -0,0 +1,2 @@
+<h2>Payments</h2>
+<div class="alert alert-info">Currently there are no invoices in the system.</div>
diff --git a/components/preset-form/preset-form.js b/components/preset-form/preset-form.js
new file mode 100644
index 0000000..590093d
--- /dev/null
+++ b/components/preset-form/preset-form.js
@@ -0,0 +1,32 @@
+import can from "can/";
+import initView from "./preset-form.stache!";
+import "./preset-form.less!";
+
+can.Component.extend({
+	tag: 'bh-preset-form',
+	template: initView,
+	scope: {
+		isSaving: false,
+		init : function(){
+			this.attr('preset').backup();
+			this.attr('preset.config').backup();
+		},
+		savePreset : function(ctx, el, ev){
+			ev.preventDefault();
+
+			if(this.attr('isSaving')){
+				return;
+			}
+
+			this.attr('isSaving', true);
+			el.closest('bh-integration').trigger('savePreset');
+		}
+	},
+	events : {
+		'.clear-preset click' : function(){
+			this.scope.attr('preset').restore();
+			this.scope.attr('preset.config').restore();
+			this.element.trigger('clearPreset');
+		}
+	}
+});
diff --git a/components/preset-form/preset-form.less b/components/preset-form/preset-form.less
new file mode 100644
index 0000000..537ca1f
--- /dev/null
+++ b/components/preset-form/preset-form.less
@@ -0,0 +1,3 @@
+bh-preset-form {
+	display: block;
+}
\ No newline at end of file
diff --git a/components/preset-form/preset-form.stache b/components/preset-form/preset-form.stache
new file mode 100644
index 0000000..85b90b0
--- /dev/null
+++ b/components/preset-form/preset-form.stache
@@ -0,0 +1,46 @@
+<div class="form-wrapper">
+	<h3>
+		{{#if preset.isNew}}Add{{else}}Edit{{/if}} Preset
+		<i class="fa fa-close clear-preset"></i>
+	</h3>
+	{{#preset}}
+
+		<form can-submit="savePreset">
+			<div class="form-group">
+				<label>Name</label>
+				<input type="text" can-value="preset.name" class="form-control">
+			</div>
+			<div class="checkbox">
+				<label>
+					<input type="checkbox" can-value="preset.config.live"> Live Embed
+				</label>
+			</div>
+			<b>Theme</b>
+			<div class="radio">
+				<label>
+					<input type="radio" can-value="preset.config.theme" value="light"> Light Theme
+				</label>
+			</div>
+			<div class="radio">
+				<label>
+					<input type="radio" can-value="preset.config.theme" value="dark"> Dark Theme
+				</label>
+			</div>
+      <div class="checkbox">
+        <label>
+          <input can-value="preset.config.image_only" type="checkbox" /> Show only items containing images
+        </label>
+      </div>
+			<div class="clearfix buttons-wrap">
+				<button class="btn btn-primary pull-right save-service">
+					{{#if isSaving}}
+						<i class="fa fa-spin fa-circle-o-notch"></i>
+					{{/if}}
+					Save Preset
+				</button>
+				<a href="javascript://" class="btn btn-link pull-right clear-preset">Cancel</a>
+			</div>
+		</form>
+
+	{{/preset}}
+</div>
diff --git a/components/service-config-formatter/service-config-formatter.js b/components/service-config-formatter/service-config-formatter.js
new file mode 100644
index 0000000..ceb8ebc
--- /dev/null
+++ b/components/service-config-formatter/service-config-formatter.js
@@ -0,0 +1,43 @@
+import can from "can/";
+import initView from "./service-config-formatter.stache!";
+import "./service-config-formatter.less!";
+
+can.Component.extend({
+	template : initView,
+	tag: 'bh-service-config-formatter',
+	scope : {
+		lowercasedFeedName : function(){
+			return this.attr('service.feed_name').toLowerCase();
+		},
+		lowercasedTypeName : function(){
+			return this.attr('service.type_name').toLowerCase();
+		}
+	},
+	helpers : {
+		isFeedAndType : function(feed, type, opts){
+			feed = (can.isFunction(feed) ? feed() : feed).toLowerCase();
+			type = (can.isFunction(type) ? type() : type).toLowerCase();
+			if(feed === this.lowercasedFeedName() && type === this.lowercasedTypeName()){
+				return opts.fn();
+			}
+		},
+		cutoff : function(){
+			var str, opts;
+			if(arguments.length === 1){
+				opts = arguments[0];
+				str = opts.fn();
+			} else {
+				str = arguments[0];
+				opts = arguments[1];
+			}
+
+			str = (can.isFunction(str) ? str() : str) || "";
+
+			if(str.length > 50){
+				str = str.substr(0, 50) + '&hellip;';
+			}
+
+			return str;
+		}
+	}
+});
diff --git a/components/service-config-formatter/service-config-formatter.less b/components/service-config-formatter/service-config-formatter.less
new file mode 100644
index 0000000..7c739b3
--- /dev/null
+++ b/components/service-config-formatter/service-config-formatter.less
@@ -0,0 +1,3 @@
+bh-service-config-formatter {
+	display: block;
+}
\ No newline at end of file
diff --git a/components/service-config-formatter/service-config-formatter.stache b/components/service-config-formatter/service-config-formatter.stache
new file mode 100644
index 0000000..67ea652
--- /dev/null
+++ b/components/service-config-formatter/service-config-formatter.stache
@@ -0,0 +1,87 @@
+{{#isFeedAndType 'disqus' 'forum'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'facebook' 'page'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'facebook' 'public_page'}}
+	<b>Facebook Page </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'foursquare' 'venue'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'github' 'org'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://github.com/{{service.config.name}}" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'github' 'repo'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://github.com/{{service.config.name}}" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'instagram' 'tag'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'instagram' 'user'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'meetup' 'group'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'rss' 'site'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="{{service.config.url}}" target="_blank">{{{cutoff service.config.url}}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'stackexchange' 'tags'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'tumblr' 'blog'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://{{service.config.hostname}}.tumblr.com" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'tumblr' 'tag'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'followers'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'hashtag'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'user_timeline'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'user_retweets'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'favorites'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'term'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'channel'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'playlist'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'user'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
diff --git a/components/service-form/service-form.js b/components/service-form/service-form.js
new file mode 100644
index 0000000..2a14261
--- /dev/null
+++ b/components/service-form/service-form.js
@@ -0,0 +1,196 @@
+import can from 'can/';
+import initView from './service-form.stache!';
+import Models from 'models/';
+
+import './service-form.less!';
+import 'can/map/define/';
+
+import 'components/service-forms/disqus-forum/';
+import 'components/service-forms/facebook-page/';
+import 'components/service-forms/facebook-public-page/';
+import 'components/service-forms/foursquare-venue/';
+import 'components/service-forms/github-org/';
+import 'components/service-forms/github-repo/';
+import 'components/service-forms/instagram-tag/';
+import 'components/service-forms/instagram-user/';
+import 'components/service-forms/meetup-group/';
+import 'components/service-forms/rss-site/';
+import 'components/service-forms/stackexchange-tags/';
+import 'components/service-forms/tumblr-blog/';
+import 'components/service-forms/tumblr-tag/';
+import 'components/service-forms/twitter-followers/';
+import 'components/service-forms/twitter-hashtag/';
+import 'components/service-forms/twitter-term/';
+import 'components/service-forms/twitter-user-timeline/';
+import 'components/service-forms/twitter-favorites/';
+import 'components/service-forms/twitter-user-retweets/';
+import 'components/service-forms/youtube-channel/';
+import 'components/service-forms/youtube-playlist/';
+import 'components/service-forms/youtube-user/';
+import 'components/oauthorizer/';
+
+import 'components/helpers';
+
+var FEED_INFOS = {
+	foursquare: 'You must be a venue manager to be able to add a venue.'
+};
+
+var makeTemplate = function(feed, type){
+	var componentName = ['bh', feed, type.replace(/_/g, '-'), 'service'].join('-'),
+			template = '<' + componentName + ' map="{service}" errors="{errors.config}"></' + componentName + '>{{{saveButtons}}}',
+			needsOAuth = Models.Service.needsOAuth[feed];
+
+	needsOAuth = needsOAuth && can.inArray(type, needsOAuth.types) > -1;
+
+
+	if(needsOAuth){
+		template = [
+			'<bh-oauthorizer feed="' + feed + '" service="{service}">',
+			template,
+			'</bh-oauthorizer>'
+		].join('');
+	}
+
+	
+	return can.stache(template);
+};
+
+can.Component.extend({
+	tag : 'bh-service-form',
+	template: initView,
+	scope : {
+		isHidden: false,
+		missingConfig : false,
+		errors: null,
+		typeErros: null,
+		saveDisabled : false,
+		define : {
+			service : {
+				set : function(val){
+					this.clearErrors();
+					return val;
+				}
+			}
+		},
+		saveService : function(formData, el, ev){
+			ev.preventDefault();
+
+			var self = this;
+			var service = this.attr('service');
+			var services = this.attr('services');
+			this.compute('service');
+
+			service.attr('embed_id', this.state.attr('hubId'));
+			if(service.isNew()){
+				services.unshift( service );
+			}
+
+			service.save( function( newService ) {
+				self.clearService();
+			}, function( error ) {
+				var index = services.indexOf(service);
+				var attrs = {
+					isHidden: false
+				};
+				var errorsResponse;
+				var errors, typeErrors;
+
+				services.splice(index, 1);
+
+				if(error.status === 400){
+					attrs.missingConfig = true;
+				} else if(error.status = 406){
+					try {
+						errorsResponse = JSON.parse(error.responseText).errors;
+						errors = errorsResponse.config_attrs;
+						typeErrors = errorsResponse.type_name;
+					} catch(e){
+						errors = {};
+					}
+					attrs.errors = errors;
+				}
+
+				if(typeErrors){
+					self.attr('typeErrors', typeErrors);
+				}
+
+				Models.Service.errored(service);
+
+				self.attr(attrs);
+			});
+
+			this.attr({
+				isHidden: service.isNew(),
+				missingConfig: false,
+				errors: null
+			});
+		},
+		feedInfo : function(){
+			return FEED_INFOS[this.attr('service.feed_name')];
+		},
+		clearService : function(){
+			can.batch.start();
+			this.attr({
+				service: null,
+				saveDisabled: false
+			});
+			this.clearErrors();
+			can.batch.stop();
+		},
+		clearErrors : function(){
+			this.attr({
+				errors: null,
+				typeErrors: null,
+				missingConfig: false
+			});
+		},
+		currentServiceFeedName : function(){
+			var service = this.attr('service');
+			if(!service) {
+				return;
+			}
+			var feed = service.attr('feed_name');
+			return Models.Service.feeds[feed];
+		}
+	},
+	events : {
+		"service:saveDisabled" : function(){
+			var self = this;
+			setTimeout(function(){
+				if(self.element){
+					self.element.find('button.save-service').prop('disabled', true);
+				}
+			}, 1);
+			
+		},
+		"service:saveEnabled" : function(){
+			var self = this;
+			setTimeout(function(){
+				if(self.element){
+					self.element.find('button.save-service').prop('disabled', false);
+				}
+			}, 1);
+		}
+	},
+	helpers : {
+		renderForm : function(opts){
+			var service = this.attr('service'), feed, type;
+			
+			if(!service){
+				return;
+			}
+
+			feed = service.attr('feed_name');
+			type = service.attr('type_name');
+
+
+			if(type && feed){
+				return makeTemplate(feed, type)(opts.scope, {
+					saveButtons : function(){
+						return opts.fn();
+					}
+				});
+			}
+		}
+	}
+});
diff --git a/components/service-form/service-form.less b/components/service-form/service-form.less
new file mode 100644
index 0000000..dcac5c3
--- /dev/null
+++ b/components/service-form/service-form.less
@@ -0,0 +1,24 @@
+bh-service-form {
+	display: block;
+	
+	bh-suggestions {
+		.panel {
+			margin-left: -15px;
+			margin-right: -15px;
+			margin-bottom: 0;
+			border-radius: 0;
+			-webkit-border-radius: 0;
+			-moz-border-radius: 0;
+			border-left: none;
+			border-right: none;
+		}
+	}
+
+	.form-instructions {
+		font-style: oblique;
+		margin-top: 5px;
+	}
+	.input-group {
+		width: 100%;
+	}
+}
\ No newline at end of file
diff --git a/components/service-form/service-form.stache b/components/service-form/service-form.stache
new file mode 100644
index 0000000..bf6548b
--- /dev/null
+++ b/components/service-form/service-form.stache
@@ -0,0 +1,66 @@
+{{#unless isHidden}}
+	<div class="form-wrapper">
+		<h3>
+			{{#if service.isNew}}Add{{else}}Edit{{/if}} {{currentServiceFeedName}}
+			<i class="fa fa-close" can-click="clearService"></i>
+		</h3>
+		{{#service}}
+
+			{{#if error}}
+				<div class="alert alert-danger">
+					<b>{{ formattedErrorClass }}</b>
+					{{ formattedError }}
+				</div>
+			{{/if}}
+
+			{{#if typeErrors.length}}
+				<div class="alert alert-danger">
+					You have {{ typeErrors.0 }}
+				</div>
+			{{/if}}
+
+			<form can-submit="saveService">
+				
+				{{#if hasMultipleTypes}}
+					<label>Type</label>
+					<div class="form-group">
+						<select can-value="type_name" class="form-control">
+							<option value="">Select Type</option>
+							{{#each typesForFeed}}
+								<option value="{{ @key }}">{{ . }}</option>
+							{{/each}}
+						</select>
+					</div>
+				{{/if}}
+
+				{{#if missingConfig}}
+					<div class="alert alert-danger">Config can't be empty</div>
+				{{/if}}
+
+				{{#if errors}}
+					<div class="alert alert-danger">Service config has some errors</div>
+				{{/if}}
+
+				{{#if feedInfo }}
+					<div class="alert alert-info">{{ feedInfo }}</div>
+				{{/if}}
+
+				
+				{{#renderForm}}
+          <div class="checkbox">
+					  <label>
+						  <input type="checkbox" can-value="service.approved_by_default"> Items collected from this service are approved by default
+					  </label>
+				  </div>
+
+					<div class="clearfix buttons-wrap">
+						<button class="btn btn-primary pull-right save-service">Save Service</button>
+						<a href="javascript://" class="btn btn-link pull-right" can-click="clearService">Cancel</a>
+					</div>
+				{{/renderForm}}
+				
+			</form>
+
+		{{/service}}
+	</div>
+{{/unless}}
diff --git a/components/service-forms/disqus-forum/disqus-forum.js b/components/service-forms/disqus-forum/disqus-forum.js
new file mode 100644
index 0000000..4464016
--- /dev/null
+++ b/components/service-forms/disqus-forum/disqus-forum.js
@@ -0,0 +1,10 @@
+import can from "can/";
+import initView from "./disqus-forum.stache!";
+
+import "./disqus-forum.less!";
+import "components/suggestions/";
+
+can.Component.extend({
+	tag : 'bh-disqus-forum-service',
+	template : initView
+});
diff --git a/components/service-forms/disqus-forum/disqus-forum.less b/components/service-forms/disqus-forum/disqus-forum.less
new file mode 100644
index 0000000..d323ebc
--- /dev/null
+++ b/components/service-forms/disqus-forum/disqus-forum.less
@@ -0,0 +1,3 @@
+bh-disqus-forum-service {
+  display: block;
+}
diff --git a/components/service-forms/disqus-forum/disqus-forum.stache b/components/service-forms/disqus-forum/disqus-forum.stache
new file mode 100644
index 0000000..2b6cc3a
--- /dev/null
+++ b/components/service-forms/disqus-forum/disqus-forum.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="disqus" brand-identity-id="{map.brand_identity_id}" val="{map.config.url}" pick-suggestion-label="Select a site"></bh-suggestions>
+	{{{configErrors errors 'url'}}}
+</div>
diff --git a/components/service-forms/facebook-page/facebook-page.js b/components/service-forms/facebook-page/facebook-page.js
new file mode 100644
index 0000000..9f628df
--- /dev/null
+++ b/components/service-forms/facebook-page/facebook-page.js
@@ -0,0 +1,10 @@
+import can from "can/";
+
+import initView from './facebook-page.stache!';
+import './facebook-page.less!';
+import 'components/suggestions/';
+
+can.Component.extend({
+  tag : 'bh-facebook-page-service',
+  template : initView
+});
diff --git a/components/service-forms/facebook-page/facebook-page.less b/components/service-forms/facebook-page/facebook-page.less
new file mode 100644
index 0000000..b463e18
--- /dev/null
+++ b/components/service-forms/facebook-page/facebook-page.less
@@ -0,0 +1,3 @@
+bh-facebook-page-service {
+  display: block;
+}
diff --git a/components/service-forms/facebook-page/facebook-page.stache b/components/service-forms/facebook-page/facebook-page.stache
new file mode 100644
index 0000000..c1f17ee
--- /dev/null
+++ b/components/service-forms/facebook-page/facebook-page.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="facebook" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select a page"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/facebook-public-page/facebook-public-page.js b/components/service-forms/facebook-public-page/facebook-public-page.js
new file mode 100644
index 0000000..6d996f4
--- /dev/null
+++ b/components/service-forms/facebook-public-page/facebook-public-page.js
@@ -0,0 +1,18 @@
+import can from "can/";
+import initView from './facebook-public-page.stache!';
+import './facebook-public-page.less!';
+import 'components/suggestions/';
+
+
+can.Component.extend({
+	tag : 'bh-facebook-public-page-service',
+	template : initView,
+	scope : {
+		loading: "",
+		loadedPage: null,
+		error: "",
+		init : function(){
+			
+		}
+	}
+});
diff --git a/components/service-forms/facebook-public-page/facebook-public-page.less b/components/service-forms/facebook-public-page/facebook-public-page.less
new file mode 100644
index 0000000..3d9fa56
--- /dev/null
+++ b/components/service-forms/facebook-public-page/facebook-public-page.less
@@ -0,0 +1,8 @@
+bh-facebook-public-page-service {
+    display: block;
+    .result {
+       .alert {
+           margin-bottom: 0;
+       }
+    }
+}
diff --git a/components/service-forms/facebook-public-page/facebook-public-page.stache b/components/service-forms/facebook-public-page/facebook-public-page.stache
new file mode 100644
index 0000000..a37269b
--- /dev/null
+++ b/components/service-forms/facebook-public-page/facebook-public-page.stache
@@ -0,0 +1,7 @@
+<div class="form-group">
+    <label>Facebook Page URL</label>
+    <div class="input-group">
+        <input can-value="map.config.url" can-enter="loadPage" class="form-control">
+    </div>
+	{{{configErrors errors 'id'}}}
+</div>
diff --git a/components/service-forms/foursquare-venue/foursquare-venue.js b/components/service-forms/foursquare-venue/foursquare-venue.js
new file mode 100644
index 0000000..8078cb8
--- /dev/null
+++ b/components/service-forms/foursquare-venue/foursquare-venue.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './foursquare-venue.stache!';
+import './foursquare-venue.less!';
+
+can.Component.extend({
+  tag : 'bh-foursquare-venue-service',
+  template : initView
+});
diff --git a/components/service-forms/foursquare-venue/foursquare-venue.less b/components/service-forms/foursquare-venue/foursquare-venue.less
new file mode 100644
index 0000000..679d0de
--- /dev/null
+++ b/components/service-forms/foursquare-venue/foursquare-venue.less
@@ -0,0 +1,3 @@
+bh-foursquare-venue-service {
+  display: block;
+}
diff --git a/components/service-forms/foursquare-venue/foursquare-venue.stache b/components/service-forms/foursquare-venue/foursquare-venue.stache
new file mode 100644
index 0000000..2aaaff2
--- /dev/null
+++ b/components/service-forms/foursquare-venue/foursquare-venue.stache
@@ -0,0 +1,5 @@
+<div class="alert alert-info">To add a Forsquare Venue you must be the manager.</div>
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="foursquare" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select a venue"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
diff --git a/components/service-forms/github-org/github-org.js b/components/service-forms/github-org/github-org.js
new file mode 100644
index 0000000..d1fc888
--- /dev/null
+++ b/components/service-forms/github-org/github-org.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './github-org.stache!';
+import './github-org.less!';
+
+can.Component.extend({
+	tag : 'bh-github-org-service',
+	template : initView
+});
diff --git a/components/service-forms/github-org/github-org.less b/components/service-forms/github-org/github-org.less
new file mode 100644
index 0000000..527cfca
--- /dev/null
+++ b/components/service-forms/github-org/github-org.less
@@ -0,0 +1,3 @@
+bh-github-org-service {
+  display: block;
+}
diff --git a/components/service-forms/github-org/github-org.stache b/components/service-forms/github-org/github-org.stache
new file mode 100644
index 0000000..a25117f
--- /dev/null
+++ b/components/service-forms/github-org/github-org.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="github/org" brand-identity-id="{map.brand_identity_id}" val="{map.config.name}" allow-extra="true" pick-suggestion-label="Select an organization you belong to" enter-your-own-label="Or enter any public organization"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/github-repo/github-repo.js b/components/service-forms/github-repo/github-repo.js
new file mode 100644
index 0000000..79cd1b9
--- /dev/null
+++ b/components/service-forms/github-repo/github-repo.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './github-repo.stache!';
+import './github-repo.less!';
+
+can.Component.extend({
+	tag : 'bh-github-repo-service',
+	template : initView
+});
diff --git a/components/service-forms/github-repo/github-repo.less b/components/service-forms/github-repo/github-repo.less
new file mode 100644
index 0000000..93e9aa6
--- /dev/null
+++ b/components/service-forms/github-repo/github-repo.less
@@ -0,0 +1,3 @@
+bh-github-repo-service {
+  display: block;
+}
diff --git a/components/service-forms/github-repo/github-repo.stache b/components/service-forms/github-repo/github-repo.stache
new file mode 100644
index 0000000..946c274
--- /dev/null
+++ b/components/service-forms/github-repo/github-repo.stache
@@ -0,0 +1,16 @@
+<div class="form-group">
+	<bh-suggestions service="github/repo" brand-identity-id="{map.brand_identity_id}" val="{map.config.name}" allow-extra="true" pick-suggestion-label="Pick a repo you have access to" enter-your-own-label="Or enter any public repo"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
+<div class="class-group">
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" can-value="map.config.tracking.issues"> Track Issues
+		</label>
+	</div>
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" can-value="map.config.tracking.pull_requests"> Track Pull Requests
+		</label>
+	</div>
+</div>
diff --git a/components/service-forms/instagram-tag/instagram-tag.js b/components/service-forms/instagram-tag/instagram-tag.js
new file mode 100644
index 0000000..d3dd003
--- /dev/null
+++ b/components/service-forms/instagram-tag/instagram-tag.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './instagram-tag.stache!';
+import './instagram-tag.less!';
+
+can.Component.extend({
+	tag : 'bh-instagram-tag-service',
+	template : initView
+});
diff --git a/components/service-forms/instagram-tag/instagram-tag.less b/components/service-forms/instagram-tag/instagram-tag.less
new file mode 100644
index 0000000..3492fd3
--- /dev/null
+++ b/components/service-forms/instagram-tag/instagram-tag.less
@@ -0,0 +1,3 @@
+instagram-tag {
+  display: block;
+}
diff --git a/components/service-forms/instagram-tag/instagram-tag.stache b/components/service-forms/instagram-tag/instagram-tag.stache
new file mode 100644
index 0000000..1074af9
--- /dev/null
+++ b/components/service-forms/instagram-tag/instagram-tag.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tag</label>
+	<input type="text" can-value="map.config.tag" class="form-control">
+	{{{configErrors errors 'tag'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/instagram-user/instagram-user.js b/components/service-forms/instagram-user/instagram-user.js
new file mode 100644
index 0000000..e2affb4
--- /dev/null
+++ b/components/service-forms/instagram-user/instagram-user.js
@@ -0,0 +1,67 @@
+import can from "can/";
+import initView from './instagram-user.stache!';
+import './instagram-user.less!';
+import 'selectize';
+
+can.Component.extend({
+	tag : 'bh-instagram-user-service',
+	template : initView,
+	scope : {
+		isLoading : false,
+		init : function(){
+			this.attr('currentSuggestions', []);
+		},
+		setDisplayName : function(id){
+			var currentSuggestions = this.attr('currentSuggestions');
+			var length = currentSuggestions.length;
+
+			if(id){
+				for(var i = 0; i < length; i++){
+					if(id === currentSuggestions[i].id){
+						this.attr('map.config.display_name', currentSuggestions[i].username);
+					}
+				}
+			} else {
+				this.attr('map.config.display_name', '');
+			}
+		}
+	},
+	helpers : {
+		instagramSuggest : function(){
+			var self = this;
+			return function(el){
+				$(el).selectize({
+					valueField: 'id',
+					labelField: 'username',
+					searchField: 'username',
+					create: false,
+					allowEmptyOption : true,
+					load: function(query, callback){
+						if(!query.length){
+							return callback();
+						}
+						self.attr('isLoading', true);
+						$.ajax({
+							url: '/api/v3/services/suggestions/instagram',
+							data: {
+								username: query
+							},
+							error : function(){
+								self.attr('isLoading', false);
+								callback();
+							},
+							success : function(res){
+								self.attr('currentSuggestions').replace(res);
+								self.attr('isLoading', false);
+								callback(res);
+							}
+						});
+					},
+					onChange : function(id){
+						self.setDisplayName(id);
+					}
+				});
+			};
+		}
+	}
+});
diff --git a/components/service-forms/instagram-user/instagram-user.less b/components/service-forms/instagram-user/instagram-user.less
new file mode 100644
index 0000000..930a76e
--- /dev/null
+++ b/components/service-forms/instagram-user/instagram-user.less
@@ -0,0 +1,37 @@
+bh-instagram-user-service {
+	display: block;
+	.selectize-control.single .selectize-input:after {
+		right: 9px;
+	}
+	.suggest-wrapper {
+		position: relative;
+		background: #ccc;
+		height: 34px;
+		border-radius: 3px;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		.selectize-input {
+			-webkit-border-top-left-radius: 3px;
+			-webkit-border-bottom-left-radius: 3px;
+			-moz-border-radius-topleft: 3px;
+			-moz-border-radius-bottomleft: 3px;
+			border-top-left-radius: 3px;
+			border-bottom-left-radius: 3px;
+		}
+		.selectize-control {
+			margin-left: 34px;
+		}
+		.fa {
+			display: block;
+			position: absolute;
+			top: 0;
+			left: 0;
+			font-size: 120%;
+			margin: 8px 0 0 11px;
+			color: #666;
+		}
+		.fa-circle-o-notch {
+			margin-left: 9px;
+		}
+	}
+}
diff --git a/components/service-forms/instagram-user/instagram-user.stache b/components/service-forms/instagram-user/instagram-user.stache
new file mode 100644
index 0000000..1e0b0ec
--- /dev/null
+++ b/components/service-forms/instagram-user/instagram-user.stache
@@ -0,0 +1,10 @@
+<div class="form-group">
+	<label>User</label>
+	<div class="suggest-wrapper">
+		<select {{instagramSuggest}} can-value="map.config.id" placeholder="{{#if map.config.id}}Current User: {{map.config.display_name}}{{else}}Enter Instagram User{{/if}}">
+		</select>
+		<i class="fa {{#if isLoading}}fa-circle-o-notch fa-spin{{else}}fa-user{{/if}}"></i>
+	</div>
+	
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/meetup-group/meetup-group.js b/components/service-forms/meetup-group/meetup-group.js
new file mode 100644
index 0000000..c8c46cd
--- /dev/null
+++ b/components/service-forms/meetup-group/meetup-group.js
@@ -0,0 +1,9 @@
+import can from "can/";
+import initView from './meetup-group.stache!';
+import './meetup-group.less!';
+import "components/suggestions/";
+
+can.Component.extend({
+	tag : 'bh-meetup-group-service',
+	template : initView
+});
diff --git a/components/service-forms/meetup-group/meetup-group.less b/components/service-forms/meetup-group/meetup-group.less
new file mode 100644
index 0000000..8d593da
--- /dev/null
+++ b/components/service-forms/meetup-group/meetup-group.less
@@ -0,0 +1,3 @@
+bh-meetup-group-service {
+  display: block;
+}
diff --git a/components/service-forms/meetup-group/meetup-group.stache b/components/service-forms/meetup-group/meetup-group.stache
new file mode 100644
index 0000000..6905170
--- /dev/null
+++ b/components/service-forms/meetup-group/meetup-group.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="meetup" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select Meetup Group"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/rss-site/rss-site.js b/components/service-forms/rss-site/rss-site.js
new file mode 100644
index 0000000..acf39e8
--- /dev/null
+++ b/components/service-forms/rss-site/rss-site.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './rss-site.stache!';
+import './rss-site.less!';
+
+can.Component.extend({
+	tag : 'bh-rss-site-service',
+	template : initView
+});
diff --git a/components/service-forms/rss-site/rss-site.less b/components/service-forms/rss-site/rss-site.less
new file mode 100644
index 0000000..404c9a2
--- /dev/null
+++ b/components/service-forms/rss-site/rss-site.less
@@ -0,0 +1,3 @@
+bh-rss-site-service {
+  display: block;
+}
diff --git a/components/service-forms/rss-site/rss-site.stache b/components/service-forms/rss-site/rss-site.stache
new file mode 100644
index 0000000..875ff41
--- /dev/null
+++ b/components/service-forms/rss-site/rss-site.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>URL</label>
+	<input type="text" can-value="map.config.url" class="form-control">
+	{{{configErrors errors 'url'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/stackexchange-tags/stackexchange-tags.js b/components/service-forms/stackexchange-tags/stackexchange-tags.js
new file mode 100644
index 0000000..224b4f9
--- /dev/null
+++ b/components/service-forms/stackexchange-tags/stackexchange-tags.js
@@ -0,0 +1,9 @@
+import can from "can/";
+import initView from './stackexchange-tags.stache!';
+import './stackexchange-tags.less!';
+import 'components/tag-list/';
+
+can.Component.extend({
+	tag : 'bh-stackexchange-tags-service',
+	template : initView,
+});
diff --git a/components/service-forms/stackexchange-tags/stackexchange-tags.less b/components/service-forms/stackexchange-tags/stackexchange-tags.less
new file mode 100644
index 0000000..7ca4b4a
--- /dev/null
+++ b/components/service-forms/stackexchange-tags/stackexchange-tags.less
@@ -0,0 +1,3 @@
+bh-stackexchange-tags-service {
+  display: block;
+}
diff --git a/components/service-forms/stackexchange-tags/stackexchange-tags.stache b/components/service-forms/stackexchange-tags/stackexchange-tags.stache
new file mode 100644
index 0000000..9b7c4e4
--- /dev/null
+++ b/components/service-forms/stackexchange-tags/stackexchange-tags.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tags</label>
+	<bh-tag-list tags="{map.config.tags}"></bh-tags-list>
+	{{{configErrors errors 'tags'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/tumblr-blog/tumblr-blog.js b/components/service-forms/tumblr-blog/tumblr-blog.js
new file mode 100644
index 0000000..3fa4488
--- /dev/null
+++ b/components/service-forms/tumblr-blog/tumblr-blog.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './tumblr-blog.stache!';
+import './tumblr-blog.less!';
+
+can.Component.extend({
+	tag : 'bh-tumblr-blog-service',
+	template : initView
+});
diff --git a/components/service-forms/tumblr-blog/tumblr-blog.less b/components/service-forms/tumblr-blog/tumblr-blog.less
new file mode 100644
index 0000000..a02a7c4
--- /dev/null
+++ b/components/service-forms/tumblr-blog/tumblr-blog.less
@@ -0,0 +1,3 @@
+bh-tumblr-blog-service {
+  display: block;
+}
diff --git a/components/service-forms/tumblr-blog/tumblr-blog.stache b/components/service-forms/tumblr-blog/tumblr-blog.stache
new file mode 100644
index 0000000..5c068b5
--- /dev/null
+++ b/components/service-forms/tumblr-blog/tumblr-blog.stache
@@ -0,0 +1,10 @@
+<div class="form-group">
+	<label>Blog URL</label>
+	<div class="input-group">
+		<span class="input-group-addon">
+			<i class="fa fa-link"></i>
+		</span>
+		<input type="text" can-value="map.config.hostname" class="form-control">
+		{{{configErrors errors 'hostname'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/tumblr-tag/tumblr-tag.js b/components/service-forms/tumblr-tag/tumblr-tag.js
new file mode 100644
index 0000000..a98d9fc
--- /dev/null
+++ b/components/service-forms/tumblr-tag/tumblr-tag.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './tumblr-tag.stache!';
+import './tumblr-tag.less!';
+
+can.Component.extend({
+	tag : 'bh-tumblr-tag-service',
+	template : initView
+});
diff --git a/components/service-forms/tumblr-tag/tumblr-tag.less b/components/service-forms/tumblr-tag/tumblr-tag.less
new file mode 100644
index 0000000..ad9a85c
--- /dev/null
+++ b/components/service-forms/tumblr-tag/tumblr-tag.less
@@ -0,0 +1,3 @@
+bh-tumblr-tags-service {
+  display: block;
+}
diff --git a/components/service-forms/tumblr-tag/tumblr-tag.stache b/components/service-forms/tumblr-tag/tumblr-tag.stache
new file mode 100644
index 0000000..1074af9
--- /dev/null
+++ b/components/service-forms/tumblr-tag/tumblr-tag.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tag</label>
+	<input type="text" can-value="map.config.tag" class="form-control">
+	{{{configErrors errors 'tag'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-favorites/twitter-favorites.js b/components/service-forms/twitter-favorites/twitter-favorites.js
new file mode 100644
index 0000000..794be3a
--- /dev/null
+++ b/components/service-forms/twitter-favorites/twitter-favorites.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-favorites.stache!';
+import './twitter-favorites.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-favorites-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-favorites/twitter-favorites.less b/components/service-forms/twitter-favorites/twitter-favorites.less
new file mode 100644
index 0000000..44cdb02
--- /dev/null
+++ b/components/service-forms/twitter-favorites/twitter-favorites.less
@@ -0,0 +1,3 @@
+bh-twitter-favorites-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-favorites/twitter-favorites.stache b/components/service-forms/twitter-favorites/twitter-favorites.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/components/service-forms/twitter-favorites/twitter-favorites.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-followers/twitter-followers.js b/components/service-forms/twitter-followers/twitter-followers.js
new file mode 100644
index 0000000..f8fb3cf
--- /dev/null
+++ b/components/service-forms/twitter-followers/twitter-followers.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-followers.stache!';
+import './twitter-followers.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-followers-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-followers/twitter-followers.less b/components/service-forms/twitter-followers/twitter-followers.less
new file mode 100644
index 0000000..ac3fc27
--- /dev/null
+++ b/components/service-forms/twitter-followers/twitter-followers.less
@@ -0,0 +1,3 @@
+bh-twitter-followers-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-followers/twitter-followers.stache b/components/service-forms/twitter-followers/twitter-followers.stache
new file mode 100644
index 0000000..72fffc2
--- /dev/null
+++ b/components/service-forms/twitter-followers/twitter-followers.stache
@@ -0,0 +1,8 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-hashtag/twitter-hashtag.js b/components/service-forms/twitter-hashtag/twitter-hashtag.js
new file mode 100644
index 0000000..2fb35b8
--- /dev/null
+++ b/components/service-forms/twitter-hashtag/twitter-hashtag.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-hashtag.stache!';
+import './twitter-hashtag.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-hashtag-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-hashtag/twitter-hashtag.less b/components/service-forms/twitter-hashtag/twitter-hashtag.less
new file mode 100644
index 0000000..d07394d
--- /dev/null
+++ b/components/service-forms/twitter-hashtag/twitter-hashtag.less
@@ -0,0 +1,3 @@
+bh-twitter-hashtag-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-hashtag/twitter-hashtag.stache b/components/service-forms/twitter-hashtag/twitter-hashtag.stache
new file mode 100644
index 0000000..43af3c6
--- /dev/null
+++ b/components/service-forms/twitter-hashtag/twitter-hashtag.stache
@@ -0,0 +1,8 @@
+<div class="form-group">
+	<label>Hashtag</label>
+	<div class="input-group">
+		<span class="input-group-addon">#</span>
+		<input type="text" can-value="map.config.hashtag" class="form-control">
+		{{{configErrors errors 'hashtag'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-term/twitter-term.js b/components/service-forms/twitter-term/twitter-term.js
new file mode 100644
index 0000000..7a20873
--- /dev/null
+++ b/components/service-forms/twitter-term/twitter-term.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-term.stache!';
+import './twitter-term.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-term-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-term/twitter-term.less b/components/service-forms/twitter-term/twitter-term.less
new file mode 100644
index 0000000..e2f75da
--- /dev/null
+++ b/components/service-forms/twitter-term/twitter-term.less
@@ -0,0 +1,3 @@
+bh-twitter-term-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-term/twitter-term.stache b/components/service-forms/twitter-term/twitter-term.stache
new file mode 100644
index 0000000..97829d3
--- /dev/null
+++ b/components/service-forms/twitter-term/twitter-term.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Term</label>
+	<input type="text" can-value="map.config.term" class="form-control">
+	{{{configErrors errors 'term'}}}
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-user-retweets/twitter-user-retweets.js b/components/service-forms/twitter-user-retweets/twitter-user-retweets.js
new file mode 100644
index 0000000..e1a1210
--- /dev/null
+++ b/components/service-forms/twitter-user-retweets/twitter-user-retweets.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-user-retweets.stache!';
+import './twitter-user-retweets.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-user-retweets-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-user-retweets/twitter-user-retweets.less b/components/service-forms/twitter-user-retweets/twitter-user-retweets.less
new file mode 100644
index 0000000..b796b26
--- /dev/null
+++ b/components/service-forms/twitter-user-retweets/twitter-user-retweets.less
@@ -0,0 +1,3 @@
+bh-twitter-user-retweets-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache b/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/twitter-user-timeline/twitter-user-timeline.js b/components/service-forms/twitter-user-timeline/twitter-user-timeline.js
new file mode 100644
index 0000000..cabe564
--- /dev/null
+++ b/components/service-forms/twitter-user-timeline/twitter-user-timeline.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './twitter-user-timeline.stache!';
+import './twitter-user-timeline.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-user-timeline-service',
+	template : initView
+});
diff --git a/components/service-forms/twitter-user-timeline/twitter-user-timeline.less b/components/service-forms/twitter-user-timeline/twitter-user-timeline.less
new file mode 100644
index 0000000..3be894f
--- /dev/null
+++ b/components/service-forms/twitter-user-timeline/twitter-user-timeline.less
@@ -0,0 +1,3 @@
+bh-twitter-user-timeline-service {
+  display: block;
+}
diff --git a/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache b/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/components/service-forms/youtube-channel/youtube-channel.js b/components/service-forms/youtube-channel/youtube-channel.js
new file mode 100644
index 0000000..bf487cf
--- /dev/null
+++ b/components/service-forms/youtube-channel/youtube-channel.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './youtube-channel.stache!';
+import './youtube-channel.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-channel-service',
+	template : initView
+});
diff --git a/components/service-forms/youtube-channel/youtube-channel.less b/components/service-forms/youtube-channel/youtube-channel.less
new file mode 100644
index 0000000..07aed3d
--- /dev/null
+++ b/components/service-forms/youtube-channel/youtube-channel.less
@@ -0,0 +1,3 @@
+bh-youtube-channel {
+    display: block;
+}
diff --git a/components/service-forms/youtube-channel/youtube-channel.stache b/components/service-forms/youtube-channel/youtube-channel.stache
new file mode 100644
index 0000000..060d72d
--- /dev/null
+++ b/components/service-forms/youtube-channel/youtube-channel.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="youtube/channel" brand-identity-id="{map.brand_identity_id}" val="{map.config.target}" allow-extra="true" pick-suggestion-label="Pick a channel" enter-your-own-label="Or enter any public channel"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
diff --git a/components/service-forms/youtube-playlist/youtube-playlist.js b/components/service-forms/youtube-playlist/youtube-playlist.js
new file mode 100644
index 0000000..d309ede
--- /dev/null
+++ b/components/service-forms/youtube-playlist/youtube-playlist.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './youtube-playlist.stache!';
+import './youtube-playlist.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-playlist-service',
+	template : initView
+});
diff --git a/components/service-forms/youtube-playlist/youtube-playlist.less b/components/service-forms/youtube-playlist/youtube-playlist.less
new file mode 100644
index 0000000..874a1e8
--- /dev/null
+++ b/components/service-forms/youtube-playlist/youtube-playlist.less
@@ -0,0 +1,3 @@
+bh-youtube-playlist {
+    display: block;
+}
diff --git a/components/service-forms/youtube-playlist/youtube-playlist.stache b/components/service-forms/youtube-playlist/youtube-playlist.stache
new file mode 100644
index 0000000..3d95b81
--- /dev/null
+++ b/components/service-forms/youtube-playlist/youtube-playlist.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="youtube/playlist" brand-identity-id="{map.brand_identity_id}" val="{map.config.target}" allow-extra="true" pick-suggestion-label="Pick a playlist" enter-your-own-label="Or enter any public playlist"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
diff --git a/components/service-forms/youtube-user/youtube-user.js b/components/service-forms/youtube-user/youtube-user.js
new file mode 100644
index 0000000..3272f52
--- /dev/null
+++ b/components/service-forms/youtube-user/youtube-user.js
@@ -0,0 +1,8 @@
+import can from "can/";
+import initView from './youtube-user.stache!';
+import './youtube-user.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-user-service',
+	template : initView
+});
diff --git a/components/service-forms/youtube-user/youtube-user.less b/components/service-forms/youtube-user/youtube-user.less
new file mode 100644
index 0000000..ddabf7f
--- /dev/null
+++ b/components/service-forms/youtube-user/youtube-user.less
@@ -0,0 +1,3 @@
+bh-youtube-user {
+    display: block;
+}
diff --git a/components/service-forms/youtube-user/youtube-user.stache b/components/service-forms/youtube-user/youtube-user.stache
new file mode 100644
index 0000000..50a1849
--- /dev/null
+++ b/components/service-forms/youtube-user/youtube-user.stache
@@ -0,0 +1,3 @@
+<div class="form-group">
+
+</div>
diff --git a/components/services-list/services-list-test.js b/components/services-list/services-list-test.js
new file mode 100644
index 0000000..2254a46
--- /dev/null
+++ b/components/services-list/services-list-test.js
@@ -0,0 +1,132 @@
+import "./services-list";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import Models from "models/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-services-list services='{services}' state='{state}' current-service='{currentService}'></bh-services-list>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var services =  [
+	new Models.Service({
+		"error": null,
+		"config": {
+			"display_name": "bitovi",
+			"term": "bitovi"
+		},
+		"entity_count": 98,
+		"brand_identity_id": 1,
+		"type_name": "term",
+		"feed_name": "twitter",
+		"id": 4
+	})
+];
+
+QUnit.module('Services List Test');
+
+QUnit.skip('Services List is correctly rendered', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tbody tr').size(1, 'Services table is rendered');
+});
+
+QUnit.skip('Services can be edited', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list [can-click=editService]').click();
+	F('bh-services-list bh-service-form').exists('Form is rendered');
+});
+
+QUnit.test('Services can be destroyed', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list [can-click=destroyService]').exists('Destroy confirmation dialog is rendered');
+});
+
+QUnit.test('Services can be in loading state', function(){
+	var servicesList = new can.List(services);
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: [servicesList[0]]
+		})
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tr.loader').exists('Service is in loading state');
+	F('bh-services-list tr.loading-service').exists('Service is marked as loading');
+});
+
+QUnit.skip('Services can have no results', function(){
+	var servicesList = new can.List(services);
+
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	servicesList[0].attr('noResults', true);
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list .no-data-alert').exists('Service has no data alert is shown');
+	F('bh-services-list [can-click=hideNoResults]').click();
+	F('bh-services-list .no-data-alert').missing('Service has no data alert can be hidden');
+});
+
+QUnit.skip('Services can have be in error state', function(){
+	var servicesList = new can.List(services);
+
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	servicesList[0].attr('error', {
+		klass: 'foo',
+		message: 'bar'
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tr.errored-service').exists('Service is marked as in error state');
+	F('bh-services-list .alert-config-error').missing('Errors are not displayed by default');
+	F('bh-services-list [can-click=toggleErrorShowing]').click();
+	F('bh-services-list .alert-config-error').exists('Errors are displayed');
+});
diff --git a/components/services-list/services-list.js b/components/services-list/services-list.js
new file mode 100644
index 0000000..11a8ab2
--- /dev/null
+++ b/components/services-list/services-list.js
@@ -0,0 +1,78 @@
+import can from "can/";
+import initView from "./services-list.stache!";
+import "./services-list.less!";
+import "can/map/define/";
+import "components/delete_service_dialog/";
+import "components/service-config-formatter/";
+
+can.Component.extend({
+	tag : 'bh-services-list',
+	template : initView,
+	scope: {
+		deletingService: null,
+		init : function(){
+			this.attr({
+				shownErrors: [],
+				hiddenNoResults: []
+			});
+		},
+		hideNoResults : function(service){
+			this.attr('hiddenNoResults').push(service);
+		},
+		destroyService: function( service, el, ev) {
+			this.attr('deletingService', service);
+		},
+		editService:function(service){
+			this.attr('currentService', service);
+		},
+		toggleErrorShowing : function(service){
+			var shownErrors = this.attr('shownErrors'),
+					index = shownErrors.indexOf(service);
+			if(index > -1){
+				shownErrors.splice(index, 1);
+			} else {
+				shownErrors.push(service);
+			}
+		}
+	},
+	helpers : {
+		isCurrentService : function(service, opts){
+			var check;
+
+			service = can.isFunction(service) ? service() : service;
+			
+			check = service === this.attr('currentService');
+			check = check && !service.isNew();
+
+			return check ? opts.fn(opts.scope.add(service)) : opts.inverse(opts.scope.add(service));
+		},
+		isServiceCurrentlyLoading : function(service, opts){
+			var currentlyLoading = this.attr('state.loadingServices');
+
+			service = can.isFunction(service) ? service() : service;
+			
+			if(service.isLoading() || (currentlyLoading.indexOf(service) !== -1 && !service.attr('error') && !service.attr('noResults'))){
+				return opts.fn();
+			}
+		},
+		serviceHasNoResults : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			this.attr('hiddenNoResults').attr('length');
+			if(service.attr('noResults') && this.attr('hiddenNoResults').indexOf(service) === -1){
+				return opts.fn();
+			}
+		},
+		showErrorsForService : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			this.attr('shownErrors').attr('length');
+			if(service.attr('error') && this.attr('shownErrors').indexOf(service) !== -1){
+				return opts.fn();
+			}
+		}
+	},
+	events : {
+		'{currentService} created' : function(){
+			this.scope.attr('currentService', null);
+		}
+	}
+});
diff --git a/components/services-list/services-list.less b/components/services-list/services-list.less
new file mode 100644
index 0000000..c5a8ba7
--- /dev/null
+++ b/components/services-list/services-list.less
@@ -0,0 +1,83 @@
+bh-services-list {
+	display: block;
+	margin: 0 -25px;
+	border-bottom: 1px solid #ddd;
+	.destroy-service, .edit-service {
+		cursor: pointer;
+		color: #666;
+		&:hover {
+			color: #333;
+		}
+	}
+	
+	table.services-table {
+		margin-bottom: 0;
+		> tbody > tr, > thead > tr {
+			&.service-row td, &.loader td {
+				border-top-color: #ddd;
+			}
+			&.loader td {
+				background: #97ECFF;
+			}
+			&.loading-service td {
+				border-top: none;
+				background: #97ECFF;
+			}
+			&.errored-service td {
+				border-top-color: #FFB8B8;
+			}
+			th {
+				border-bottom-color: #ddd;
+			}
+			th:first-child, td:first-child {
+				padding-left: 25px;
+			}
+			th:last-child, td:last-child {
+				padding-right: 25px;
+			}
+			th.actions {
+				width: 70px;
+			}
+			td.actions .fa {
+				display: inline-block;
+				margin-top: 3px;
+
+			}
+			th {
+				color: #f30;
+				font-size: 16px;
+			}
+			.progress {
+				height: 5px;
+				margin: 5px 0 0;
+			}
+		}
+		.no-data-alert {
+			margin: 10px 25px;
+		}
+		.alert-config-error {
+			margin-bottom: 0;
+			background: white;
+		}
+	}
+	ul.config {
+		font-size: 12px;
+		margin: 0;
+		padding: 0 0 0 16px;
+	}
+	.toggle-errors {
+		cursor: pointer;
+		float: left;
+		margin: 3px 5px 0 0;
+	}
+	bh-service-config-formatter {
+		float: left;
+	}
+	.table > tbody > tr.current-editing-service > td {
+		padding-bottom: 0;
+		padding-top: 25px;
+	}
+	.pending-wrap {
+		padding: 25px;
+	}
+}
\ No newline at end of file
diff --git a/components/services-list/services-list.stache b/components/services-list/services-list.stache
new file mode 100644
index 0000000..be11c05
--- /dev/null
+++ b/components/services-list/services-list.stache
@@ -0,0 +1,58 @@
+{{#if deletingService}}
+	<bh-delete-service-dialog service="{deletingService}" state="{state}"></bh-delete-service-dialog>
+{{/if}}
+<div class="services-table-wrap">
+	<table class="table services-table">
+		<tbody>
+			{{#each services}}
+				{{#isCurrentService this}}
+					<tr class="current-editing-service">
+						<td colspan="2">
+							<bh-service-form service="{currentService}" state="{../state}" services="{../services}" class="bithub-form"></bh-service-form>
+						</td>
+					</tr>
+				{{else}}
+					{{#isServiceCurrentlyLoading this}}
+						<tr class="loader">
+							<td colspan="2">
+								<div class="progress">
+									<div class="progress-bar progress-bar-striped active" style="width: 100%"></div>
+								</div>
+							</td>
+						</tr>
+					{{/isServiceCurrentlyLoading}}
+					<tr class="service-row {{#if error}}errored-service danger{{/if}} {{#isServiceCurrentlyLoading this}}loading-service{{/isServiceCurrentlyLoading}}">
+						<td>
+							{{#if error}}
+								<i class="fa fa-warning toggle-errors" can-click="toggleErrorShowing"></i>
+							{{/if}}
+							<bh-service-config-formatter service="{this}"></bh-service-config-formatter>
+						</td>
+						<td class="actions">
+							<i can-click="destroyService" class="fa fa-trash-o pull-right destroy-service"></i>
+							<i can-click="editService" class="fa fa-pencil pull-right edit-service"></i>
+						</td>
+					</tr>
+					{{#serviceHasNoResults this}}
+						<td colspan="2">
+							<div class="alert alert-info alert-dismissible no-data-alert">
+								<button class="close" can-click="hideNoResults">&times;</button>
+								We couldn't find any data for this service.
+							</div>
+						</td>
+					{{/serviceHasNoResults}}
+					{{#showErrorsForService this}}
+						<tr class="danger">
+							<td colspan="2">
+								<div class="alert alert-danger alert-config-error">
+									<b>{{ formattedErrorClass }}</b>
+									{{ formattedError }}
+								</div>
+							</td>
+						</tr>
+					{{/showErrorsForService}}
+				{{/isCurrentService}}
+			{{/each}}
+		</tbody>
+	</table>
+</div>
diff --git a/components/services/services.js b/components/services/services.js
new file mode 100644
index 0000000..f1320be
--- /dev/null
+++ b/components/services/services.js
@@ -0,0 +1,67 @@
+import can from "can/";
+import Models from "models/";
+import initView from "./services.stache!";
+
+import "./services.less!";
+import "components/service-form/";
+import "components/services-list/";
+
+can.Component.extend({
+	tag : 'bh-services',
+	template : initView,
+	scope : {
+		currentService : null,
+		define : {
+			services : {
+				get : function() {
+					return new Models.Service.List({
+						embed_id: this.attr('state.hubId')
+					});
+				}
+			}
+		},
+		feeds : Models.Service.feeds,
+		toggleNewService : function(ctx, el){
+			var feed = el.data('feed');
+			var currentService = this.attr('currentService');
+			var check = currentService && currentService.isNew() && currentService.attr('feed_name') === feed;
+
+			if(check){
+				this.attr('currentService', null);
+				return;
+			}
+
+			this.attr('currentService', Models.Service.createEmptyService(feed));
+		}
+	},
+	events : {
+		init : function(){
+			this.preloadIcons();
+		},
+		preloadIcons : function(){
+			var feeds = this.scope.feeds.attr();
+			var img;
+			for(var k in feeds){
+				img = new Image();
+				img.src = "/images/social-empty/" + k + '.png';
+			}
+		}
+	},
+	helpers : {
+		currentServiceIsNewAndHasFeedName : function(feedName, opts){
+			var currentService = this.attr('currentService');
+
+			feedName = can.isFunction(feedName) ? feedName() : feedName;
+
+			if(!currentService){
+				return opts.inverse(this);
+			}
+
+			if(currentService.isNew() &&
+				 currentService.attr('feed_name') === feedName){
+				return opts.fn(this);
+			}
+			return opts.inverse(this);
+		}
+	}
+});
diff --git a/components/services/services.less b/components/services/services.less
new file mode 100644
index 0000000..d930e6d
--- /dev/null
+++ b/components/services/services.less
@@ -0,0 +1,42 @@
+bh-services {
+	display: block;
+	.service-slider-outer-wrap {
+		position: relative;
+		margin-bottom: 20px;
+	}
+	.service-slider-wrap {
+		padding: 25px 0;
+		.new-service-picker {
+			margin-bottom: 0;
+			li {
+				float: left;
+				width: 14.285%;
+				height: 77px;
+				border: 1px solid #dad9d9;
+				text-align: center;
+				font-size: 9px;
+				margin-right: -1px;
+				margin-top: -1px;
+				cursor: pointer;
+				img {
+					width: 48px;
+					height: 48px;
+					display: block;
+					margin: 5px auto;
+				}
+				&.active {
+					background: white;
+					color: #249cb8;
+				}
+			}
+		}
+	}
+	.alert-error-list {
+		padding: 5px;
+		margin-top: 5px;
+		font-size: 85%;
+	}
+	bh-service-form {
+		margin-bottom: 25px;
+	}
+}
\ No newline at end of file
diff --git a/components/services/services.stache b/components/services/services.stache
new file mode 100644
index 0000000..716e5b9
--- /dev/null
+++ b/components/services/services.stache
@@ -0,0 +1,31 @@
+<h2 class="subtitle-separator">Connect a service</h2>
+
+<div class="service-slider-wrap">
+	<ul class="list-unstyled new-service-picker clearfix">
+		{{#each feeds}}
+			<li can-click="toggleNewService" data-feed="{{@key}}" {{#currentServiceIsNewAndHasFeedName @key}}class="active"{{/currentServiceIsNewAndHasFeedName}}>
+				{{#currentServiceIsNewAndHasFeedName @key}}
+					<img src="/images/social-empty/{{@key}}.png" alt="">
+				{{else}}
+					<img src="/images/social-grey/{{@key}}.png" alt="">
+				{{/currentServiceIsNewAndHasFeedName}}
+				{{ . }}
+			</li>
+		{{/each}}
+	</ul>
+</div>
+
+{{#if currentService.isNew}}
+	<bh-service-form service="{currentService}" state="{state}" services="{state.services}" class="bithub-form"></bh-service-form>
+{{/if}}
+
+{{#if state.services.isPending}}
+	<div class="pending-wrap">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading ...
+	</div>
+{{else}}
+	{{#if state.services.length}}
+		<h2 class="subtitle-separator">Connected services</h2>
+		<bh-services-list state="{state}" current-service="{currentService}" services="{state.services}"></bh-services-list>
+	{{/if}}
+{{/if}}
diff --git a/components/services/services_test.js b/components/services/services_test.js
new file mode 100644
index 0000000..17df8d9
--- /dev/null
+++ b/components/services/services_test.js
@@ -0,0 +1,96 @@
+import "./services";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+import Models from  "models/";
+
+import "can/map/define/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-services state='{state}'></bh-services>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+can.stache.registerHelper(
+	'ifCanAddService',
+	function(services, feed, type, opts){
+		return opts.fn();
+	}
+);
+
+var StateMap = can.Map.extend({
+	define : {
+		services : {
+			get : function() {
+				var res = new Models.Service.List({
+					embed_id: this.attr('hubId')
+				});
+				console.log(res);
+				return res;
+			}
+		}
+	}
+});
+
+QUnit.module('Services Test', {
+	beforeEach : function(){
+		var fixtureData = [
+			{
+				"error": null,
+				"config": {
+					"display_name": "bitovi",
+					"term": "bitovi"
+				},
+				"entity_count": 98,
+				"brand_identity_id": 1,
+				"type_name": "term",
+				"feed_name": "twitter",
+				"id": 4
+			}
+		];
+		fixture('GET /api/v3/services', function(){
+			return fixtureData;
+		});
+		fixture.delay = 1000;
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture('GET /api/v3/services', null);
+		fixture.on = false;
+		fixture.delay = 100;
+	}
+});
+
+QUnit.skip('Services are correctly rendered', function(){
+	renderTemplate({
+		state : new StateMap({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services').exists('Services are rendered');
+	F('bh-services .pending-wrap').exists('Loader is rendered');
+	F('bh-services bh-services-list').exists('Services list is rendered');
+	F('bh-services .service-slider-wrap li').exists('Feed buttons are loaded');
+});
+
+QUnit.skip('Clicking on a feed button will toggle the service form', function(){
+	renderTemplate({
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services li[can-click=toggleNewService]:first').click();
+	F('bh-services bh-service-form').exists('Service form is rendered');
+	F.wait(1, function(){
+		ok(F('bh-services li[can-click=toggleNewService]:first').is('.active'), 'First service button is activated');
+	});
+	F('bh-services li[can-click=toggleNewService].active').click();
+	F('bh-services li[can-click=toggleNewService].active').missing('First service button is deactivated');
+});
diff --git a/components/sidebar/sidebar.js b/components/sidebar/sidebar.js
new file mode 100644
index 0000000..e49fe07
--- /dev/null
+++ b/components/sidebar/sidebar.js
@@ -0,0 +1,46 @@
+import can from "can/";
+import initView from "./sidebar.stache!";
+
+import './sidebar.less!';
+import 'components/services/';
+import 'components/moderation/';
+import 'components/embed_publish/';
+import 'components/edit_hub_name/';
+import 'can/route/';
+import 'components/helpers';
+
+can.Component.extend({
+	tag : 'bh-sidebar',
+	template : initView,
+	scope : {
+		init : function(){
+			console.log(this.attr())
+},
+		menuOpen : true,
+		toggleSidebarPosition : function(ctx, el, ev){
+			this.attr('state.sidebarIsExpanded', !this.attr('state.sidebarIsExpanded'));
+		},
+		toggleSidebar : function(val){
+			this.attr('menuOpen', val);
+		}
+	},
+	events : {
+		init : function(){
+			this.element.on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', this.proxy('toggleMenu'));
+		},
+		toggleMenu : function(){
+			this.scope.toggleSidebar(this.scope.attr('state.sidebarIsExpanded'));
+		},
+		'{state} sidebarIsExpanded' : function(state, ev, newVal){
+			if(newVal){
+				this.scope.toggleSidebar(true);
+			}
+		}
+	},
+	helpers : {
+		linkToPanel : function(panel){
+			panel = can.isFunction(panel) ? panel() : panel;
+			return can.route.url({panel: panel}, true);
+		}
+	}
+});
diff --git a/components/sidebar/sidebar.less b/components/sidebar/sidebar.less
new file mode 100644
index 0000000..e420861
--- /dev/null
+++ b/components/sidebar/sidebar.less
@@ -0,0 +1,128 @@
+bh-sidebar {
+	display: block;
+	background: #f1efef;
+	box-shadow: 0 0 30px rgba(0,0,0,0.2);
+	position: relative;
+	.header {
+		height: 50px;
+		line-height: 20px;
+		padding: 15px;
+		border-bottom: 1px solid #cecdcd;
+		margin-bottom: 15px;
+		.close-sidebar {
+			float: right;
+			cursor: pointer;
+		}
+		.back-to-admin {
+			float: left;
+		}
+		.close-sidebar, .back-to-admin {
+			height: 20px;
+			line-height: 20px;
+			margin-top: -20px;
+		}
+		h1 {
+			text-align: center;
+			margin: 0;
+			height: 20px;
+			line-height: 20px;
+			font-size: 20px;
+		}
+	}
+	.hub-name-wrap {
+		margin: 0 15px 15px;
+		height: 36px;
+		line-height: 36px;
+		position: relative;
+		h2 {
+			display: inline-block;
+			margin: 0;
+			font-size: 20px;
+			line-height: 36px;
+			height: 36px;
+
+		}
+		b {
+			color: #727272;
+			float: left;
+			margin: 0px 10px 0 0;
+		}
+	}
+	.hub-name {
+		display: inline-block;
+		width: 429px;
+	}
+	.hub-name-is-editting {
+		border-bottom-color: transparent;
+		padding-right: 0;
+	}
+	.service-tabs {
+		border-bottom: 2px solid #f30;
+	}
+	.panel-link {
+		border: 1px solid #cecdcd;
+		border-bottom: none;
+		border-right: none;
+		background: #e4e3e3;
+		height: 37px;
+		float: left;
+		width: 33.3333%;
+		float: left;
+		line-height: 37px;
+		padding: 0 15px;
+		color: #727272;
+		text-transform: uppercase;
+		font-size: 12px;
+		text-align: center;
+		&:last-child {
+			border-right: none;
+		}
+		&.active {
+			border-color: #f30;
+			background: #f30;
+			color: white;
+			text-decoration: none;
+		}
+	}
+	.panel-container {
+		padding: 0 25px 25px;
+		overflow-y: auto;
+		top: 155px;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		position: absolute;
+	}
+	.edit-hub-name {
+		position: absolute;
+		top: 10px;
+		right: 0;
+		cursor: pointer;
+	}
+	h2.subtitle-separator {
+		background: #e4e3e3;
+		margin: 0 -25px 0;
+		padding: 0 25px;
+		font-size: 12px;
+		font-weight: bold;
+		line-height: 40px;
+		text-transform: uppercase;
+		&:first-child {
+			border-top: none;
+		}
+	}
+	.menu-wrap {
+		position: absolute;
+		right: 0;
+		top: 0;
+		height: 50px;
+		width: 50px;
+		border-bottom: 1px solid #cecdcd;
+		line-height: 50px;
+		text-align: center;
+		cursor: pointer;
+		&:hover {
+			background: #ccc;
+		}
+	}
+}
\ No newline at end of file
diff --git a/components/sidebar/sidebar.stache b/components/sidebar/sidebar.stache
new file mode 100644
index 0000000..ef5766f
--- /dev/null
+++ b/components/sidebar/sidebar.stache
@@ -0,0 +1,49 @@
+{{#if menuOpen}}
+
+	{{#state.hub}}
+		<div class="header">
+			<h1>Hub Settings</h1>
+			<a href="{{pageUrl 'hub-list'}}" class="back-to-admin">
+				<span class="fa fa-arrow-left"></span>
+				Admin
+			</a>
+			<span class="fa fa-close close-sidebar" can-click="toggleSidebarPosition"></span>
+		</div>
+		<bh-edit-hub-name hub="{state.hub}"></bh-edit-hub-name>
+		<div class="service-tabs clearfix">
+			<a href="{{linkToPanel 'services'}}" class="panel-link {{#eq state.panel 'services'}}active{{/eq}}">
+				Services
+			</a>
+			<a href="{{linkToPanel 'moderation'}}" class="panel-link {{#eq state.panel 'moderation'}}active{{/eq}}">
+				Moderation
+			</a>
+			<a href="{{linkToPanel 'integration'}}" class="panel-link {{#eq state.panel 'integration'}}active{{/eq}}">
+				Integration &amp; Design
+			</a>
+		</div>
+		
+		{{#eq state.panel 'services'}}
+			<div class="panel-container">
+				<bh-services state="{state}"></bh-services>
+			</div>
+		{{/eq}}
+		
+
+		{{#eq state.panel 'moderation'}}
+			<div class="panel-container">
+				<bh-moderation state="{state}"></bh-moderation> 
+			</div>
+		{{/eq}}
+
+		
+		{{#eq state.panel 'integration'}}
+			<div class="panel-container">
+				<bh-embed-publish state="{state}"></bh-embed-publish>
+			</div>
+		{{/eq}}
+	{{/hub}}
+{{else}}
+	<div class="menu-wrap" can-click="toggleSidebarPosition">
+		<i class="fa fa-bars"></i>
+	</div>
+{{/if}}
diff --git a/components/sidebar/sidebar_tests.js b/components/sidebar/sidebar_tests.js
new file mode 100644
index 0000000..6d89a8f
--- /dev/null
+++ b/components/sidebar/sidebar_tests.js
@@ -0,0 +1,74 @@
+import "./sidebar";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import Models from "models/";
+import fixture from "can/util/fixture/";
+
+F.attach(QUnit);
+var template = can.stache("<bh-sidebar state='{state}'></bh-sidebar>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var State = can.Map.extend({
+	sidebarIsExpanded: true
+});
+
+QUnit.module('Sidebar tests', {
+	beforeEach : function(){
+		fixture.on = true;
+		fixture.delay = 100;
+		fixture('/api/v3/filters', function(){
+			return [];
+		});
+	},
+	afterEach : function(){
+		fixture.on = false;
+		fixture('/api/v3/filters', null);
+	}
+});
+
+QUnit.test("Sidebar tabs", function(){
+	var state = new State({
+		panel: 'services',
+		loadingServices: [],
+		currentBrand: new Models.Brand(),
+		hub : new Models.Hub()
+	});
+
+	renderTemplate({
+		state: state
+	});
+
+	F('bh-sidebar').exists('Sidebar is loaded');
+	F('bh-sidebar .service-tabs a').size(3, 'Links are rendered');
+	F('bh-sidebar .service-tabs a.active').exists('Active link is set');
+	F('bh-sidebar .service-tabs a.active').text(/Services/, 'Services tab is active');
+	F('bh-sidebar bh-services').exists('Services panel is loaded');
+	F.wait(1, function(){
+		state.attr('panel', 'moderation');
+		F('bh-sidebar .service-tabs a.active').text(/Moderation/, 'Active tab is switched to moderation');
+		F('bh-sidebar bh-moderation').exists('Moderation panel is rendered');
+	});
+});
+
+QUnit.test('Expanding/collapsing sidebar', function(){
+	var state = new State({
+		panel: 'services',
+		loadingServices: [],
+		currentBrand: new Models.Brand(),
+		hub : new Models.Hub()
+	});
+
+	renderTemplate({
+		state: state
+	});
+
+	F('bh-sidebar .header').exists('Sidebar is rendered');
+	F('bh-sidebar [can-click=toggleSidebarPosition]').click();
+	F.wait(1, function(){
+		ok(!state.attr('sidebarIsExpanded'), 'Sidebar collapsed/expanded state is reflected on the state object');
+	});
+});
diff --git a/components/suggestions/suggestions.js b/components/suggestions/suggestions.js
new file mode 100644
index 0000000..f9827f7
--- /dev/null
+++ b/components/suggestions/suggestions.js
@@ -0,0 +1,61 @@
+import initView from './suggestions.stache!';
+import Models from 'models/';
+import './suggestions.less!';
+
+export var SuggestionsVM = can.Map.extend({
+	enterYourOwnLabel : 'Enter your own',
+	pickSuggestionLabel : 'Pick a suggestion',
+	allowExtra : false,
+	isLoading : true,
+	init : function(){
+		var self = this;
+		this.attr('isLoading', true);
+		Models.Suggestion.findAll({
+			service: this.attr('service'),
+			brandIdentityId: this.attr('brandIdentityId')
+		}).then(function(data){
+			self.attr({
+				suggestions: data,
+				isLoading : false
+			});
+		});
+	},
+	toggleSuggestion : function(suggestion){
+		var currentSuggestion = this.attr('val');
+		var newSuggestion = suggestion.attr('id');
+
+		if(currentSuggestion === newSuggestion){
+			this.attr('val', null);
+		} else {
+			this.attr('val', suggestion.attr('id'));
+		}
+		
+	},
+	hasExtra : function(){
+		var suggestions = this.attr('suggestions');
+		var length = suggestions.attr('length');
+		var val = this.attr('val');
+
+		for(var i = 0; i < length; i++){
+			if(suggestions[i].id === val){
+				return false;
+			}
+		}
+		return !!this.attr('allowExtra');
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-suggestions',
+	template : initView,
+	scope : SuggestionsVM,
+	helpers : {
+		isSelected : function(suggestion, opts){
+			suggestion = can.isFunction(suggestion) ? suggestion() : suggestion;
+			if(suggestion.attr('id') === this.attr('val')){
+				return opts.fn();
+			}
+			return opts.inverse();
+		}
+	}
+});
diff --git a/components/suggestions/suggestions.less b/components/suggestions/suggestions.less
new file mode 100644
index 0000000..d3cc854
--- /dev/null
+++ b/components/suggestions/suggestions.less
@@ -0,0 +1,26 @@
+bh-suggestions {
+	display: block;
+	tr {
+		cursor: pointer;
+		td:first-child {
+			padding-left: 15px;
+		}
+		&:first-child td {
+			border-top: none;
+		}
+	}
+	.scroll {
+		max-height: 215px;
+		overflow-y: auto;
+		.table {
+			margin-bottom: 0;
+		}
+	}
+	.panel {
+		margin-top: 10px;
+	}
+	label.enter-your-own {
+		display: block;
+		margin-top: 15px;
+	}
+}
\ No newline at end of file
diff --git a/components/suggestions/suggestions.stache b/components/suggestions/suggestions.stache
new file mode 100644
index 0000000..05a1e84
--- /dev/null
+++ b/components/suggestions/suggestions.stache
@@ -0,0 +1,35 @@
+{{#if isLoading}}
+	<div class="loader">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading...
+	</div>
+{{else}}
+	{{#if suggestions.length}}
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<b>{{ pickSuggestionLabel }}</b>
+			</div>
+			<div class="scroll">
+				<table class="table table-hover">
+					<tbody>
+						{{#each suggestions}}
+							<tr {{#isSelected this}}class="info"{{/isSelected}} can-click="toggleSuggestion">
+								<td>
+									<i class="fa {{#isSelected this}}fa-dot-circle-o{{else}}fa-circle-o{{/isSelected}}"></i>
+									{{ name }}
+								</td>
+							</tr>
+						{{/each}}
+					</tbody>
+				</table>
+			</div>
+		</div>
+	{{else}}
+		<div class="alert alert-info">
+			We couldn't load any suggestions for this feed.
+		</div>
+	{{/if}}
+	{{#if hasExtra}}
+		<label class="enter-your-own">{{ enterYourOwnLabel }}</label>
+		<input type="text" can-value="val" class="form-control">
+	{{/if}}
+{{/if}}
diff --git a/components/suggestions/suggestions_test.js b/components/suggestions/suggestions_test.js
new file mode 100644
index 0000000..9d32cb3
--- /dev/null
+++ b/components/suggestions/suggestions_test.js
@@ -0,0 +1,130 @@
+import "./suggestions";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+F.attach(QUnit);
+import fixture from "can/util/fixture/";
+
+var template = can.stache("<bh-suggestions val='{val}' allow-extra='{allowExtra}' brand-identity-id='{brandIdentityId}' service='{service}'></bh-analytics>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+
+var fixtureUrl = '/api/v3/services/suggestions/repo?brand_identity_id={brandIdentityId}';
+
+QUnit.module('Suggestions Tests', {
+	beforeEach : function(){
+		fixture(fixtureUrl, function(req){
+			if(req.data.brandIdentityId !== '1'){
+				return [];
+			}
+			return [
+				{
+					"name": "aljosa/muchi.me",
+					"id": "aljosa/muchi.me"
+				},
+				{
+					"name": "retro/apitizer",
+					"id": "retro/apitizer"
+				}
+			];
+		});
+		fixture.delay = 100;
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture.on = false;
+		fixture.delay = 0;
+		fixture(fixtureUrl, null);
+	}
+});
+
+QUnit.test("Suggestions are listed", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo'
+	});
+
+	F('bh-suggestions .loader').exists('Loader is displayed');
+	F('bh-suggestions .panel').exists('Suggestions are loaded');
+	F('bh-suggestions td').text(/aljosa\/muchi\.me/, 'First suggestion is rendered');
+	F('bh-suggestions td').text(/retro\/apitizer/, 'Secong suggestion is rendered');
+
+});
+
+QUnit.test("When there are no suggestions, info is shown", function(){
+	renderTemplate({
+		brandIdentityId: 2,
+		service: 'repo'
+	});
+
+	F('bh-suggestions .panel').missing('Suggestions are not loaded');
+	F('bh-suggestions .alert-info').exists('Info panel is shown instead of suggestions');
+});
+
+QUnit.test("Allow extra", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		allowExtra: true
+	});
+
+	F('bh-suggestions [can-value=val]').exists('Input field for extra is shown');
+	F('bh-suggestions [can-value=val]').type('foo/bar[\t]');
+	F.wait(1, function() {
+		QUnit.equal(can.viewModel($('bh-suggestions')).attr('val'), 'foo/bar', 'Val is set to extra value');
+	});
+});
+
+QUnit.test("Selecting suggestion", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo'
+	});
+
+	F('bh-suggestions .panel').exists('Suggestions are loaded');
+	F('tr:first').click();
+	F('tr.info td').text(/aljosa\/muchi\.me/, 'Suggestion is selected');
+	F.wait(1, function(){
+		QUnit.equal(can.viewModel($('bh-suggestions')).attr('val'), 'aljosa/muchi.me', 'Suggestion is set on scope');
+	});
+});
+
+QUnit.test("Selecting suggestion is possible through the attribute", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		val: 'aljosa/muchi.me'
+	});
+	F('tr.info td').text(/aljosa\/muchi\.me/, 'Suggestion is selected');
+});
+
+QUnit.test("Clicking on a selected suggestion will hide it", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		val: 'aljosa/muchi.me'
+	});
+
+	F('tr.info').click();
+	F('tr.info').missing('Suggestion is deselected');
+});
+
+QUnit.test("Selecting a suggestion from the list will hide the extra input", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		allowExtra: true
+	});
+
+	F('[can-value=val]').exists('Extra input is shown');
+	F('tr:first').click();
+	F('tr.info').exists('Suggestion is selected');
+	F('[can-value=val]').missing('Extra input is hidden');
+	F('tr.info').click();
+	F('tr.info').missing('Suggestion is deselected');
+	F('[can-value=val]').exists('Extra input is shown');
+});
diff --git a/components/tag-list/tag-list-tests.js b/components/tag-list/tag-list-tests.js
new file mode 100644
index 0000000..c34d498
--- /dev/null
+++ b/components/tag-list/tag-list-tests.js
@@ -0,0 +1,67 @@
+import {TagListVM} from "./tag-list";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+F.attach(QUnit);
+var template = can.stache("<bh-tag-list tags='{tags}'></bh-tag-list>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var getTags = function(vm){
+	return vm.attr('tags').attr();
+};
+
+QUnit.module("Tag List Tests");
+
+QUnit.test('Adding tags', function(){
+	var tags = new can.List();
+
+	renderTemplate({tags: tags});
+
+	F('bh-tag-list').exists();
+	F('bh-tag-list').click();
+	F('bh-tag-list input').type('FOO ');
+	F.wait(1, function(){
+		QUnit.assert.deepEqual(tags.attr(), ['FOO']);
+	});
+});
+
+QUnit.test('Removing tags', function(){
+	var tags = new can.List(['tag1', 'tag2']);
+
+	renderTemplate({tags: tags});
+
+	F('bh-tag-list input').type('\b');
+
+	F.wait(1, function(){
+		QUnit.assert.deepEqual(tags.attr(), ['tag1']);
+	});
+});
+
+QUnit.test('addTag function', function(){
+	var vm = new TagListVM();
+	QUnit.assert.deepEqual(getTags(vm), [], 'VM is initalized with empty tag list');
+	vm.addTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['foo'], 'Tag is added');
+	vm.addTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['foo'], 'Duplicate tag entry is prevented');
+	vm.addTag(' bar#$');
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'Tags are cleaned before they are added to the list');
+	vm.addTag('    bar$$$');
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'Tags are cleaned before checking for duplicates');
+});
+
+QUnit.test('removeTag function', function(){
+	var vm = new TagListVM({
+		tags : ['foo', 'bar', 'baz']
+	});
+	vm.removeTag();
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'When called without argument removeTag removes last tag from the list');
+	vm.removeTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['bar'], 'When called with argument, removeTag will find the tag in the list and remove it');
+	vm.removeTag('foobarbaz');
+	QUnit.assert.deepEqual(getTags(vm), ['bar'], 'When called with the non existing tag removeTag function will do nothing');
+});
diff --git a/components/tag-list/tag-list.js b/components/tag-list/tag-list.js
new file mode 100644
index 0000000..ebd5df7
--- /dev/null
+++ b/components/tag-list/tag-list.js
@@ -0,0 +1,77 @@
+import can from "can/";
+import initView from "./tag-list.stache!";
+import "./tag-list.less!";
+
+var KEYMAP = {
+	COMMA : 188,
+	SPACE : 32,
+	BACKSPACE : 8,
+	ENTER : 13
+};
+
+export var TagListVM = can.Map.extend({
+	init : function(){
+		if(!this.attr('tags')){
+			this.attr('tags', []);
+		}
+	},
+	removeTag : function(tag){
+		var tags  = this.attr('tags');
+		var index = tag ? tags.indexOf(tag) : tags.attr('length') - 1;
+		if(index >= 0){
+			tags.splice(index, 1);
+		}
+	},
+	addTag : function(tag){
+		var tags, canAddTag;
+		
+		tag = tag.replace(/[^a-zA-Z0-9-_]/g ,"");
+		tags = this.attr('tags');
+		canAddTag = tags.indexOf(tag) === -1;
+
+		if(canAddTag){
+			tags.push(tag);
+		}
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-tag-list',
+	template : initView,
+	scope : TagListVM,
+	events: {
+		'input keydown' : function(el, ev){
+			var val = can.trim(el.val());
+			if((ev.which === KEYMAP.COMMA ||
+					ev.which === KEYMAP.SPACE ||
+					ev.which === KEYMAP.ENTER) && val !== ''){
+				this.scope.addTag(val);
+				el.val('');
+				if(ev.which !== KEYMAP.ENTER){
+					ev.preventDefault();
+				}
+			} else if(ev.which === KEYMAP.BACKSPACE && this.__lastSelectionStart === 0){
+				this.scope.removeTag();
+			}
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input click': function(el){
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input focus': function(el){
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input blur' : function(el, ev){
+			var val = can.trim(el.val() || "");
+			if(val !== ""){
+				this.scope.addTag(val);
+				el.val("");
+			}
+		},
+		click : function(el, ev){
+			if(ev.target === this.element[0] || $(ev.target).is('.tag-list-wrap')){
+				this.element.find('input').focus();
+			}
+		}
+	}
+});
diff --git a/components/tag-list/tag-list.less b/components/tag-list/tag-list.less
new file mode 100644
index 0000000..bd4b854
--- /dev/null
+++ b/components/tag-list/tag-list.less
@@ -0,0 +1,25 @@
+@import "../../node_modules/bootstrap/less/mixins.less";
+
+bh-tag-list {
+	input {
+		border: none;
+		outline: none;
+		box-shadow: none;
+		float: left;
+		margin-bottom: 4px;
+	}
+	.tag-list-wrap {
+		padding: 5px 0 0 5px;
+		height: auto;
+	}
+	.label {
+		float: left;
+		font-size: 95%;
+		font-weight: 300;
+		margin: 0 5px 5px 0;
+		.remove-tag {
+			cursor: pointer;
+			margin-right: 0;
+		}
+	}
+}
diff --git a/components/tag-list/tag-list.stache b/components/tag-list/tag-list.stache
new file mode 100644
index 0000000..3ce5ffe
--- /dev/null
+++ b/components/tag-list/tag-list.stache
@@ -0,0 +1,9 @@
+<div class="form-control tag-list-wrap clearfix">
+	{{#each tags}}
+		<span class="label label-primary">
+			{{ . }}
+			<i class="fa fa-close remove-tag" can-click="removeTag"></i>
+		</span>
+	{{/each}}
+	<input type="text" placeholder="Add Tag...">
+</div>
\ No newline at end of file
diff --git a/components/user-settings/user-settings.js b/components/user-settings/user-settings.js
new file mode 100644
index 0000000..f2f4fb8
--- /dev/null
+++ b/components/user-settings/user-settings.js
@@ -0,0 +1,32 @@
+import can from "can/";
+import initView from "./user-settings.stache!";
+
+import "./user-settings.less!";
+
+
+
+export default can.Component.extend({
+	template: initView,
+	tag: 'bh-user-settings',
+	scope : {
+		updateAccount : function(ctx, el, ev){
+			var account = this.attr('state').attr('currentAccount');
+			var self = this;
+
+			this.removeAttr('notice');
+			this.removeAttr('errors');
+
+			account.save(function(){
+				can.batch.start();
+				self.attr('notice', 'Your credentials were saved');
+				account.removeAttr('current_password');
+				account.removeAttr('password');
+				account.removeAttr('password_confirmation');
+				can.batch.stop();
+			}, function(res){
+				self.attr('errors', res.responseJSON.errors);
+			});
+			ev.preventDefault();
+		}
+	}
+});
diff --git a/components/user-settings/user-settings.less b/components/user-settings/user-settings.less
new file mode 100644
index 0000000..e69de29
diff --git a/components/user-settings/user-settings.stache b/components/user-settings/user-settings.stache
new file mode 100644
index 0000000..db048a7
--- /dev/null
+++ b/components/user-settings/user-settings.stache
@@ -0,0 +1,64 @@
+<h2><b>{{state.currentAccount.email}}</b> Settings</h2>
+<hr>
+{{#state.currentAccount}}
+{{#if notice}}
+  <div class="alert alert-info">{{notice}}</div>
+{{/if}}
+<form can-submit="updateAccount">
+  <div class="form-group">
+    <label>Name</label>
+    <input can-value="name" class="form-control">
+    {{#if errors.name}}
+      <div class="alert alert-danger">
+        <ul class="list-unstyled">
+          {{#each errors.name}}
+            <li>{{.}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{/if}}
+  </div>
+  <div class="form-group">
+    <label>Current password</label>
+    <input can-value="current_password" type="password" class="form-control">
+    {{#if errors.current_password}}
+      <div class="alert alert-danger">
+        <ul class="list-unstyled">
+          {{#each errors.current_password}}
+            <li>{{.}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{/if}}
+  </div>
+  <div class="form-group">
+    <label>Password</label>
+    <input can-value="password" type="password" class="form-control">
+    {{#if errors.password}}
+      <div class="alert alert-danger">
+        <ul class="list-unstyled">
+          {{#each errors.password}}
+            <li>{{.}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{/if}}
+  </div>
+  <div class="form-group">
+    <label>Password Confirmation</label>
+    <input can-value="password_confirmation" type="password" class="form-control">
+    {{#if errors.password_confirmation}}
+      <div class="alert alert-danger">
+        <ul class="list-unstyled">
+          {{#each errors.password_confirmation}}
+            <li>{{.}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{/if}}
+  </div>
+  <div>
+    <button class="btn btn-primary">Save Changes</button>
+  </div>
+</form>
+{{/state.currentAccount}}
diff --git a/connect-liveservice.js b/connect-liveservice.js
new file mode 100644
index 0000000..7bfb3fb
--- /dev/null
+++ b/connect-liveservice.js
@@ -0,0 +1,42 @@
+/* globals io:true */
+
+import $ from 'jquery';
+
+var currentSocket;
+
+$(window).on('beforeunload', function(){
+	if(currentSocket && currentSocket.close){
+		currentSocket.close();
+	}
+});
+
+var url = '/?embed_id={embedId}';
+var publicUrl = '/?embed_id={embedId}&tenant_name={tenantName}';
+
+export default function(hubId, tenantName){
+
+	if(currentSocket && currentSocket.close){
+		currentSocket.close();
+	}
+
+	if(typeof io !== 'undefined'){
+		currentSocket = io(can.sub((tenantName ? publicUrl : url), {
+			embedId : hubId,
+			tenantName : tenantName
+		}), { multiplex: false });
+
+		currentSocket.on('connect', function() {
+			console.log('CONNECTED!', currentSocket.id);
+		});
+
+		currentSocket.on('connect_error', function( err ) {
+			console.log('CONNECTION ERROR!', err.description, err.message, err.type);
+		});
+
+		currentSocket.on('disconnect', function( msg ) {
+			console.log('DISCONNECTION!', msg);
+		});
+
+		return currentSocket;
+	}
+}
diff --git a/deploy-key.pem.enc b/deploy-key.pem.enc
new file mode 100644
index 0000000..8dc1898
Binary files /dev/null and b/deploy-key.pem.enc differ
diff --git a/embed.stache b/embed.stache
new file mode 100644
index 0000000..1b6595e
--- /dev/null
+++ b/embed.stache
@@ -0,0 +1 @@
+<bh-bits state="{state}" bits="{state.bits}"></bh-bits>
\ No newline at end of file
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..e69de29
diff --git a/fixtures/bits.json b/fixtures/bits.json
new file mode 100644
index 0000000..46feaf3
--- /dev/null
+++ b/fixtures/bits.json
@@ -0,0 +1,422 @@
+{
+  "data": [
+    {
+      "id": 1,
+      "title": "WebCamp 2014",
+      "body": "Whew, WebCamp 2014 is finally behind us. After working on this year's edition for more than six months, I feel really relieved that everything went smoothly.\n\n ",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://retroaktive.me/blog/webcamp-2014/",
+      "created_at": "2014-12-19T16:30:55.736Z",
+      "updated_at": "2014-12-19T16:30:55.736Z",
+      "thread_updated_ts": 1412633882,
+      "thread_updated_at": "2014-10-06T22:18:02.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        1
+      ]
+    },
+    {
+      "id": 2,
+      "title": "FuncUnit and Cucumber - a perfect combo for frontend testing",
+      "body": "This weekend I spent some time playing with FuncUnit and Cucumber. In this article I'll explain why I like this combination, and how it enables you to super charge your frontend tests.",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://retroaktive.me/blog/funcunit-and-cucumber-a-perfect-combo-for-frontend-testing/",
+      "created_at": "2014-12-19T16:30:56.397Z",
+      "updated_at": "2014-12-19T16:30:56.397Z",
+      "thread_updated_ts": 1406022105,
+      "thread_updated_at": "2014-07-22T09:41:45.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        1
+      ]
+    },
+    {
+      "id": 3,
+      "title": "CanJS Hangouts - can-form",
+      "body": "Today I had an opportunity to present the can-form plugin on the CanJS weekly community hangouts. It's a plugin I plan to release somewhere next week, so the blog post about it will be published then. In the mean time check the presentation and the hangouts in the rest of the article.",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://retroaktive.me/blog/canjs-hangouts-can-form/",
+      "created_at": "2014-12-19T16:30:56.733Z",
+      "updated_at": "2014-12-19T16:30:56.733Z",
+      "thread_updated_ts": 1405112126,
+      "thread_updated_at": "2014-07-11T20:55:26.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        1
+      ]
+    },
+    {
+      "id": 14,
+      "title": "<p>Napokon bina samo moja!!!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/91467710949/napokon-bina-samo-moja",
+      "created_at": "2014-12-19T16:33:50.677Z",
+      "updated_at": "2014-12-19T16:33:50.677Z",
+      "thread_updated_ts": 1405099585,
+      "thread_updated_at": "2014-07-11T17:26:25.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 4,
+      "title": "Manually parse HStore data in Rails 4",
+      "body": "Today I needed to manually parse a string returned from the HStore with Rails 4. The fix is not as intuitive as I'd like it, so here's a note to myself and for anyone else who has a similar problem.",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://retroaktive.me/blog/manually-parse-hstore-data-in-rails-4/",
+      "created_at": "2014-12-19T16:30:57.085Z",
+      "updated_at": "2014-12-19T16:30:57.085Z",
+      "thread_updated_ts": 1404419847,
+      "thread_updated_at": "2014-07-03T20:37:27.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        1
+      ]
+    },
+    {
+      "id": 5,
+      "title": "Setting up a CanJS project with the generator-canjs and Yeoman",
+      "body": "In this blog post I'll show you how to setup a CanJS project with the help of the generator-canjs and Yeoman. I'll also show you some tricks I'm using to get everything working smoothly both in the development and production modes. We'll be setting up the project to use the Bootstrap and FontAwesome for the styles and icons.",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://retroaktive.me/blog/setting-up-a-canjs-project-with-the-generator-canjs-and-yeoman/",
+      "created_at": "2014-12-19T16:30:57.462Z",
+      "updated_at": "2014-12-19T16:30:57.462Z",
+      "thread_updated_ts": 1404167108,
+      "thread_updated_at": "2014-06-30T22:25:08.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        1
+      ]
+    },
+    {
+      "id": 15,
+      "title": "<p>Postalo mi dosadno ovo! Fali mi netokracija i ekipa! Mislim da cu se vratiti doma.. A i tamo mi je moj kilt, ovo je predugačko!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/90145308149/postalo-mi-dosadno-ovo-fali-mi-netokracija-i",
+      "created_at": "2014-12-19T16:33:51.035Z",
+      "updated_at": "2014-12-19T16:33:51.035Z",
+      "thread_updated_ts": 1403950129,
+      "thread_updated_at": "2014-06-28T10:08:49.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 16,
+      "title": "<p>Zakon su rođendani s ovakvim čestitarima!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/89247883914/zakon-su-ro-endani-s-ovakvim-cestitarima",
+      "created_at": "2014-12-19T16:33:51.376Z",
+      "updated_at": "2014-12-19T16:33:51.376Z",
+      "thread_updated_ts": 1403171666,
+      "thread_updated_at": "2014-06-19T09:54:26.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 17,
+      "title": "<p>Srijeda! Jebo posao, idealan dan za filmove!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/89144379124/srijeda-jebo-posao-idealan-dan-za-filmove",
+      "created_at": "2014-12-19T16:33:51.715Z",
+      "updated_at": "2014-12-19T16:33:51.715Z",
+      "thread_updated_ts": 1403081998,
+      "thread_updated_at": "2014-06-18T08:59:58.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 6,
+      "title": "Celery - Best Practices",
+      "body": "<p>If you've worked with <a href=\"https://www.djangoproject.com/\">Django</a> at some point you probably had the need for some background\nprocessing of long running tasks. Chances are you've used some sort of task queue, and <a href=\"http://www.celeryproject.org/\">Celery</a> is currently\nthe most popular project for this sort of thing in the Python (and Django) world (but there are others).</p>\n<p>While working on some projects that used Celery for a task queue I've gathered a number of best practices and decided to document them.\nNevertheless, this is more a rant about what I think should be the proper way to do things, and about some underused features that the celery\necosystem offers.\n</p><p><a href=\"http://denibertovic.com/posts/celery-best-practices/\">Read more…</a> (5 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/celery-best-practices/",
+      "created_at": "2014-12-19T16:33:30.976Z",
+      "updated_at": "2014-12-19T16:33:30.976Z",
+      "thread_updated_ts": 1403045392,
+      "thread_updated_at": "2014-06-17T22:49:52.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 18,
+      "title": "<p>Zoovi, samo zoovi, svi će sokolovi, za te život daati!! Hrvatska!! Hrvatska!! Hrvatska!!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/89047956734/zoovi-samo-zoovi-svi-ce-sokolovi-za-te-zivot",
+      "created_at": "2014-12-19T16:33:52.069Z",
+      "updated_at": "2014-12-19T16:33:52.069Z",
+      "thread_updated_ts": 1403001548,
+      "thread_updated_at": "2014-06-17T10:39:08.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 19,
+      "title": "<p>Jebo #volimeso ovo je život!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/88958777214/jebo-volimeso-ovo-je-zivot",
+      "created_at": "2014-12-19T16:33:52.384Z",
+      "updated_at": "2014-12-19T16:33:52.384Z",
+      "thread_updated_ts": 1402928773,
+      "thread_updated_at": "2014-06-16T14:26:13.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 20,
+      "title": "<p>Saturday night fever!! Hijaaaoo!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/88785205069/saturday-night-fever-hijaaaoo",
+      "created_at": "2014-12-19T16:33:52.714Z",
+      "updated_at": "2014-12-19T16:33:52.714Z",
+      "thread_updated_ts": 1402774384,
+      "thread_updated_at": "2014-06-14T19:33:04.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 21,
+      "title": "<p>Odlično buđenje!</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/88747327469/odlicno-bu-enje",
+      "created_at": "2014-12-19T16:33:53.067Z",
+      "updated_at": "2014-12-19T16:33:53.067Z",
+      "thread_updated_ts": 1402736639,
+      "thread_updated_at": "2014-06-14T09:03:59.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 22,
+      "title": "<p>Dosta mi je bilo nerdovskog života, marketinških partija i netokracijinog ureda! Odlučio sam otkriti svijet! #RunForrestRun</p>",
+      "body": null,
+      "feed_name": "tumblr",
+      "type_name": "photo",
+      "url": "http://wannabeibb.tumblr.com/post/88697022289/dosta-mi-je-bilo-nerdovskog-zivota-marketinskih",
+      "created_at": "2014-12-19T16:33:53.411Z",
+      "updated_at": "2014-12-19T16:33:53.411Z",
+      "thread_updated_ts": 1402692900,
+      "thread_updated_at": "2014-06-13T20:55:00.000Z",
+      "author": {
+        "id": "wannabeibb",
+        "avatar_url": null
+      },
+      "service_ids": [
+        3
+      ]
+    },
+    {
+      "id": 7,
+      "title": "Setting up Systemd on Debian in 10 minutes",
+      "body": "<p>Recently I've been reading more and more about Systemd. Now, most distros have already moved to\n<code>Systemd</code> but I'm using Debian and was stuck with <code>init</code> which was the default. Given the recent\ndiscussion on the Debian mailing lists about migrating to <code>systemd</code> as the new default, I was even more\ninclined to make the switch now and get used to it before it's forced upon us.</p>\n<p>Actually I was really looking forward to it, but as Linux goes I was expecting it to be a pain, so I\nwas pleasantly surprised that it only took me 10 minutes and wasn't a hassle at all.</p>\n<p>I've decided to document the steps I've taken in case that someone finds it useful.\n</p><p><a href=\"http://denibertovic.com/posts/setting-up-systemd-on-debian-in-10-minutes/\">Read more…</a> (1 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/setting-up-systemd-on-debian-in-10-minutes/",
+      "created_at": "2014-12-19T16:33:31.314Z",
+      "updated_at": "2014-12-19T16:33:31.314Z",
+      "thread_updated_ts": 1396799466,
+      "thread_updated_at": "2014-04-06T15:51:06.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 8,
+      "title": "Docker and Logstash: Smarter Log Management For Your Containers",
+      "body": "<p><a href=\"http://www.docker.io/\">Docker</a> currently supports getting logs from a container that logs to stdout/stderr.\nEverything that the process running in the container writes to <code>stdout</code> or <code>stderr</code> docker will\nconvert to <code>json</code> and store in a file on the host machine's disk which you can then\nretrieve with the <code>docker logs</code> command.</p>\n<p>This is handy but it has its drawbacks because you don't get any log rotation and the file\nsize of the collected logs can become an issue as it eats up your host's disk space. Not to mention\nthe fact that every time you run <code>docker logs container_id</code> you get all the logs of that processes from\nthe beginning.</p>\n<p>While there are some interesting things being discussed on the <a href=\"https://groups.google.com/forum/#!searchin/docker-dev/logging/docker-dev/3paGTWD6xyw/hvZlnFD5x5sJ\">docker-dev</a> mailing list,\nI wanted to see if I could get docker to play along with proven logging systems out there with the\nfunctionality I have now.\n</p><p><a href=\"http://denibertovic.com/posts/docker-and-logstash-smarter-log-management-for-your-containers/\">Read more…</a> (4 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/docker-and-logstash-smarter-log-management-for-your-containers/",
+      "created_at": "2014-12-19T16:33:31.632Z",
+      "updated_at": "2014-12-19T16:33:31.632Z",
+      "thread_updated_ts": 1391463526,
+      "thread_updated_at": "2014-02-03T21:38:46.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 9,
+      "title": "Classes for all the things?",
+      "body": "<p>Recently I've been thinking a lot about how to simplify my code. Now, the key thing to note\nhere is that <code>simple != familiar</code>.</p>\n<p>Classes for example are familiar to most people. But code consisting exclusively of classes\nand OOP concepts isn't necessarily simple all of the time. The question arises: Is there something\nsimpler?</p>\n<p>Well, the first thing that comes to mind, of course, good old functions.\nFunctions are universal, everybody understand them, even new programmers that don't yet get all\nthe fancy concepts about OOP get plain old functions.</p>\n<p>Keep in mind, I'm not saying that classes don't have their place in our code, but rather that maybe we don't\nneed them quite as often as we might think.\n</p><p><a href=\"http://denibertovic.com/posts/classes-for-all-the-things/\">Read more…</a> (4 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/classes-for-all-the-things/",
+      "created_at": "2014-12-19T16:33:31.941Z",
+      "updated_at": "2014-12-19T16:33:31.941Z",
+      "thread_updated_ts": 1390062054,
+      "thread_updated_at": "2014-01-18T16:20:54.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 10,
+      "title": "The switch to Nikola",
+      "body": "<p>I switched Blog engines because I wasn't very happy with the one I was using (<a href=\"https://github.com/rigoneri/syte\">Syte</a>)\nand I wanted something more simple. Something that wold let me focus on writing and not maintaining\ncode. Don't get me wrong, Syte is an awesome project, it just seems like way too much.\nAnd the deal breaker for me was the fact that it used Tumblr for hosting blog posts and Tumblr\nhas one of the worst online editors ever. It's just not made for writing.\n</p><p><a href=\"http://denibertovic.com/posts/the-switch-to-nikola/\">Read more…</a> (1 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/the-switch-to-nikola/",
+      "created_at": "2014-12-19T16:33:32.303Z",
+      "updated_at": "2014-12-19T16:33:32.303Z",
+      "thread_updated_ts": 1378325005,
+      "thread_updated_at": "2013-09-04T20:03:25.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 11,
+      "title": "One-liner Instant Postgres for your development environment",
+      "body": "<p>When working on web applications it's very important to have a setup as similar to the production\nenvironment as possible.</p>\n<p>The major component here is using the same database locally, for development, as you use in\nproduction. I myself work mostly with Django and, as most of you Django devs know, it's very\neasy to get started using a Sqlite database.\n</p><p><a href=\"http://denibertovic.com/posts/57513642221/\">Read more…</a> (5 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/57513642221/",
+      "created_at": "2014-12-19T16:33:32.677Z",
+      "updated_at": "2014-12-19T16:33:32.677Z",
+      "thread_updated_ts": 1375771293,
+      "thread_updated_at": "2013-08-06T06:41:33.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 12,
+      "title": "Pixbin.us just got an API",
+      "body": "<p>Took us awhile but Pixbin just got an API. Well…the beginning of one at least. You heard it here first folks. :)\nYou can now upload images from your code.\n</p><p><a href=\"http://denibertovic.com/posts/32625923174/\">Read more…</a> (1 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/32625923174/",
+      "created_at": "2014-12-19T16:33:33.007Z",
+      "updated_at": "2014-12-19T16:33:33.007Z",
+      "thread_updated_ts": 1349078661,
+      "thread_updated_at": "2012-10-01T08:04:21.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    },
+    {
+      "id": 13,
+      "title": "Finally",
+      "body": "<p>I’ve been struggling for a while now with the idea of writing a blog.\nThe problem was that I never got around to actually making the site and months passed by.\n</p><p><a href=\"http://denibertovic.com/posts/30680397805/\">Read more…</a> (1 min remaining to read)</p>",
+      "feed_name": "rss",
+      "type_name": "post",
+      "url": "http://denibertovic.com/posts/30680397805/",
+      "created_at": "2014-12-19T16:33:33.321Z",
+      "updated_at": "2014-12-19T16:33:33.321Z",
+      "thread_updated_ts": 1346486828,
+      "thread_updated_at": "2012-09-01T08:07:08.000Z",
+      "author": {
+        "id": null,
+        "avatar_url": null
+      },
+      "service_ids": [
+        2
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fixtures/embeds.json b/fixtures/embeds.json
new file mode 100644
index 0000000..ba16a75
--- /dev/null
+++ b/fixtures/embeds.json
@@ -0,0 +1,6 @@
+[{
+	"id": 1,
+	"name": "foo",
+	"colorscheme": null,
+	"layout": null
+}]
\ No newline at end of file
diff --git a/fixtures/fixtures.js b/fixtures/fixtures.js
new file mode 100644
index 0000000..de7735c
--- /dev/null
+++ b/fixtures/fixtures.js
@@ -0,0 +1,12 @@
+steal(
+'can/util/fixture',
+function(fixture){
+
+	can.fixture('/api/v3/embeds/{hubId}/entities', "./fixtures/bits.json");
+	can.fixture('/api/v3/embeds', "./fixtures/embeds.json");
+	can.fixture('/api/v3/identities', "./fixtures/identities.json");
+	can.fixture('/api/v3/services', "./fixtures/services.json");
+
+	can.fixture.on = true;
+	can.fixture.delay = 0;
+});
diff --git a/fixtures/identities.json b/fixtures/identities.json
new file mode 100644
index 0000000..483a5a0
--- /dev/null
+++ b/fixtures/identities.json
@@ -0,0 +1,22 @@
+{
+  "data": [
+    {
+      "id": 3,
+      "provider": "meetup",
+      "uid": "13295091",
+      "brand_id": 1
+    },
+    {
+      "id": 2,
+      "provider": "twitter",
+      "uid": "14880314",
+      "brand_id": 1
+    },
+    {
+      "id": 1,
+      "provider": "disqus",
+      "uid": "86150",
+      "brand_id": 1
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fixtures/services.json b/fixtures/services.json
new file mode 100644
index 0000000..fb5b0e4
--- /dev/null
+++ b/fixtures/services.json
@@ -0,0 +1,28 @@
+[
+  {
+    "id": 1,
+    "feed_name": "rss",
+    "type_name": "site",
+    "config": {
+      "url": "http://retroaktive.me/rss",
+      "tag_with": "retroaktive"
+    }
+  },
+  {
+    "id": 2,
+    "feed_name": "rss",
+    "type_name": "site",
+    "config": {
+      "url": "https://denibertovic.com/rss.xml",
+      "tag_with": "deni"
+    }
+  },
+  {
+    "id": 3,
+    "feed_name": "tumblr",
+    "type_name": "blog",
+    "config": {
+      "hostname": "wannabeibb.tumblr.com"
+    }
+  }
+]
\ No newline at end of file
diff --git a/homepage_embed/bit/bit.js b/homepage_embed/bit/bit.js
new file mode 100755
index 0000000..797c229
--- /dev/null
+++ b/homepage_embed/bit/bit.js
@@ -0,0 +1,212 @@
+import can from "can/";
+import initView from "./bit.stache!";
+import _map from "lodash/collection/map";
+
+import "./image-gallery/image-gallery";
+import "./body-wrap/body-wrap";
+import "./share-bit/share-bit";
+
+import "./bit.less!";
+import "can/construct/super/super";
+
+// Image loading statuses
+var IMAGE_STATUSES = {
+	LOADING : 'LOADING',
+	LOADED  : 'LOADED',
+	ERROR   : 'ERROR'
+};
+
+// check image's status. It's either still loading, loaded or errored
+var imageStatus = function(img){
+	if(!img.complete){
+		return IMAGE_STATUSES.LOADING;
+	}
+	if(img.naturalWidth === 0){
+		return IMAGE_STATUSES.ERROR;
+	}
+	return IMAGE_STATUSES.LOADED;
+};
+
+export var BitVM = can.Map.extend({
+	actionFail: null,
+	sharePanelOpen: false,
+	toggleApproveBit : function(){
+		if(this.attr('bit.is_approved')){
+			this.disapproveBit();
+		} else {
+			this.approveBit();
+		}
+	},
+	togglePinBit : function(){
+		if(this.attr('bit.is_pinned')){
+			this.unpinBit();
+		} else {
+			this.pinBit();
+		}
+	},
+	actionFailTitle : function(){
+		var actionFail = this.attr('actionFail');
+		return actionFail === 'disapprove' ? 'block' : actionFail;
+	},
+	removeFailNotice : function(){
+		this.attr('actionFail', null);
+	},
+	showAdminPanel : function(){
+		return !!this.attr('state').isAdmin() && !(this.attr('actionFail'));
+	},
+	sharePanelToggle : function(){
+		this.attr('sharePanelOpen', !this.attr('sharePanelOpen'));
+	},
+	shouldRender : function(){
+		var bit = this.attr('bit');
+		return bit && !bit.attr('@pendingRender');
+	},
+	blockedClass : function(){
+		if(!!this.attr('state').isAdmin() && !this.attr('bit').attr('is_approved')){
+			return 'blocked';
+		}
+		return "";
+	},
+	pinnedClass : function(){
+		if(!!this.attr('state').isAdmin() && this.attr('bit').attr('is_pinned')){
+			return 'pinned';
+		}
+		return "";
+	}
+});
+
+var BIT_ACTIONS = ['pin', 'unpin', 'approve', 'disapprove'];
+
+for(var i = 0; i < BIT_ACTIONS.length; i++){
+	BitVM.prototype[BIT_ACTIONS[i] + 'Bit'] = (function(action){
+		return function(){
+			var self = this;
+			var def = this.attr('bit')[action](this.attr('state.hubId'));
+			def.fail(function(){
+				self.attr('actionFail', action);
+			});
+		};
+	})(BIT_ACTIONS[i]);
+}
+
+can.Component.extend({
+	tag: 'bh-bit',
+	template : initView,
+	scope : BitVM,
+	helpers : {
+		formattedTitle : function(title){
+			title = can.isFunction(title) ? title() : title;
+			if(title && title !== 'undefined'){
+				return title;
+			}
+			return "";
+		}
+	},
+	events : {
+		inserted : function(){
+			var bit = this.scope.attr('bit');
+
+			if(!bit.attr('@pendingRender')){
+				this.__initTimeout = setTimeout(this.proxy('initImages'));
+			}
+
+			// We need to wait until the bit was loaded to calculate it's height
+			// When the bit is loaded the `animate-height` class is removed from the bit
+			// which will cause the height transition. After the transition is done
+			// we remove the explicit height so bit can be resized based on user's actions.
+			// If bit was already on the page we don't have to wait for all images to load
+			// before removing the height.
+			if(!bit.attr('@resolvedHeight')){
+				this.element.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', this.proxy('removeExplicitHeight'));
+				
+			} else {
+				this.removeExplicitHeight();
+			}
+		},
+		'{bit} @pendingRender' : function(bit, ev, newVal){
+			if(newVal === false){
+				setTimeout(() => {
+					if(this.element){
+						this.__initTimeout = setTimeout(this.proxy('initImages'));
+						this.bitLoadedAndRendered();
+					}
+				}, 1);
+			}
+		},
+		initImages : function(){
+			this.imgs = this.element.find('img').toArray();
+			this.imagesToLoadCount = this.imgs.length;
+
+			if(this.imgs.length){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+		},
+		'a click' : function(el, ev){
+			ev.preventDefault();
+			window.open(el.attr('href'));
+			this.element.trigger('interaction:link', [this.scope.attr('state.hubId'), this.scope.attr('bit.id')]);
+		},
+		// Go through all images and make sure all are loaded or errored
+		// Before calling the `doneLoading` function which will remove the loading class
+		imgSweeper : function(){
+			var statuses = _map(this.imgs, imageStatus);
+			var errored;
+
+			// If any of the images is still loading, check again in 500ms
+			if(can.inArray(IMAGE_STATUSES.LOADING, statuses) > -1){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+
+			for(var i = 0; i < statuses.length; i++){
+				if(statuses[i] === IMAGE_STATUSES.ERROR){
+					errored = this.imgs.splice(i, 1)[0];
+					if(errored){
+						$(errored).remove();
+					}
+				}
+			}
+		},
+		// All images in bit are loaded and we can calculate it's height. We set the explicit height
+		// to make sure that that the transition animation runs.
+		doneLoading : function(){
+			var bit = this.scope.attr('bit');
+			if(!bit.attr('@resolvedHeight')){
+				this.element.find('.bit-wrap').height(this.element.find('.bit').height());
+			}
+			bit.attr('@isLoaded', true);
+			this.bitLoadedAndRendered();
+		},
+		// When we're done with the height transition remove the explicit height
+		// and mark the bit's height as resolved
+		removeExplicitHeight : function(){
+			var self = this;
+			this.__removeExplicitHeightTimeout = setTimeout(function(){
+				self.scope.attr('bit').attr('@resolvedHeight', true);
+				if(self.element){
+					self.element.find('.bit-wrap').css('height', 'auto');
+					self.bitLoadedAndRendered();
+				}
+			}, 1);
+		},
+		bitLoadedAndRendered : function(){
+			var bit = this.scope.attr('bit');
+			var check = bit.attr('@resolvedHeight') && bit.attr('@isLoaded') && !bit.attr('@pendingRender');
+
+			if(check){
+				this.element.trigger('bit:loaded');
+			}
+					
+		},
+		// Clean up the timeouts
+		destroy : function(){
+			clearTimeout(this.__imgSweeperTimeout);
+			clearTimeout(this.__initTimeout);
+			clearTimeout(this.__removeExplicitHeightTimeout);
+			return this._super.apply(this, arguments);
+		}
+	}
+});
diff --git a/homepage_embed/bit/bit.less b/homepage_embed/bit/bit.less
new file mode 100755
index 0000000..ff4d5cf
--- /dev/null
+++ b/homepage_embed/bit/bit.less
@@ -0,0 +1,391 @@
+@import "../node_modules/bootstrap/less/mixins.less";
+@import "../node_modules/bootstrap/less/variables.less";
+
+.border-radius (@radius: @baseBorderRadius) {
+		border-radius: @radius;
+		-moz-border-radius: @radius;
+		-webkit-border-radius: @radius;
+}
+
+@gray-darker:						 lighten(#000, 13.5%); // #222
+@gray-dark:							 lighten(#000, 20%);	 // #333
+@gray:									 lighten(#000, 33.5%); // #555
+@gray-light:						 lighten(#000, 80.7%); // #777
+@gray-lighter:					 lighten(#000, 93.5%); // #eee
+
+@brand-primary:					#428bca;
+@brand-success:					#5cb85c;
+@brand-info:						#5bc0de;
+@brand-warning:					#f0ad4e;
+@brand-danger:					#d9534f;
+
+// custom brand colors
+@white: #fff;
+
+bh-bit {
+		display: block;
+		.bit-wrap {
+				.border-radius(5px);
+				position: relative;
+				background-color: @white;
+				border: 1px solid @gray-light;
+				overflow: hidden;
+				margin: 20px 10px 0;
+				opacity: 1;
+				-webkit-transition: opacity 0.2s ease-in-out;
+				-moz-transition: opacity 0.2s ease-in-out;
+				transition: opacity 0.2s ease-in-out;
+
+				&.animate-height {
+						-webkit-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						-moz-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+				}
+
+				&.blocked {
+						border: 2px solid red;
+						background: #FFDDDD;
+						bh-body-wrap .expand-collapse {
+								box-shadow: 0 0 20px 10px #FFDDDD;
+						}
+				}
+
+				&.pinned {
+						border: 2px solid gold;
+				}
+
+				&:hover {
+						.admin-panel {
+								display: block;
+						}
+				}
+
+				&.loading {
+						height: 100px;
+						background: url(../images/card-loader.gif);
+						background-repeat: no-repeat;
+						background-position: 50% 50%;
+						.bit {
+								opacity: 0;
+						}
+				}
+
+				&.loading, &.animate-height {
+						&:hover {
+								.admin-panel {
+										display: none;
+								}
+						}
+				}
+
+				&:hover {
+						.box-shadow(0 0 20px rgba(0,0,0,.15));
+				}
+
+				.current-image-wrap img {
+						.border-top-radius(4px);
+				}
+
+				// Default "Clear" Theme
+				.bit {
+						-webkit-transition: opacity 0.5s ease-in-out;
+						-moz-transition: opacity 0.5s ease-in-out;
+						transition: opacity 0.5s ease-in-out;
+						.clearfix;
+						
+						// header
+						.bit-header,
+						.bit-footer {
+								padding: 10px 0;
+								.clearfix;
+						}
+						.bit-footer {
+								border-top: 1px solid lighten(@gray-light, 5%);
+								padding: 10px;
+								figcaption {
+										float: left;
+										max-width: 85%;
+										.bit-authorName a {
+												width: 100%;
+												display:block;
+												overflow: hidden;
+												white-space: nowrap;
+												text-overflow: ellipsis;
+										}
+								}
+
+						}
+						.bit-avatar {
+								float: left;
+								margin-right: 10px;
+								.bit-avatar--img {
+										width: 35px;
+										height: 35px;
+										border-radius: 50%;
+								}
+						}
+						.bh-icon {
+								font-size: 1.5em;
+								float: right;
+								margin-top: 6px;
+								&:hover {
+										text-decoration: none;
+								}
+						}
+						.bh-icon-twitter {
+								color: #55acee;
+						}
+						.bh-icon-youtube {
+								color: #cc181e;
+						}
+						.bh-icon-facebook {
+								color: #3b5998;
+						}
+						.bh-icon-instagram {
+								color: #3f729b;
+						}
+						.bh-icon-flickr {
+								color: #FF0084;
+						}
+						.bh-icon-googleplus {
+								color: #d73d32;
+						}
+						.bh-icon-tumblr {
+								color: #2d4661;
+						}
+						.share-fb {
+								width: 70px;
+						}
+						.share-tw {
+								width: 76px;
+								margin-right:20px;
+						}
+						// Content
+						.bit-content--media {
+								max-height: 350px;
+								overflow-y: auto;
+								overflow-x: hidden;
+						}
+						.bit-content--caption {
+								padding-bottom: 15px;
+								iframe {
+										display: block;
+								}
+								p .img-wrap {
+										margin: 0 -15px	 15px;
+										img {
+												width: 100%;
+										}
+								}
+						}
+						.img-responsive {
+								margin:0 auto;
+						}
+				}
+
+				
+				.bit-content {
+						overflow: hidden;
+						bh-body-wrap h4 {
+								padding-left: 15px;
+								padding-right: 15px;
+								p {
+										padding-left: 0;
+										padding-right: 0;
+								}
+						}
+						p {
+								padding: 0 15px;
+								&:last-child {
+										margin-bottom: 0;
+								}
+						}
+						.body-inner-wrap {
+								padding: 0 15px 15px;
+								pre {
+										margin-left: -15px;
+										margin-right: -15px;
+								}
+								p {
+										padding: 0;
+								}
+								.iframe-wrap {
+										margin: 0 -15px;
+								}
+								p .img-wrap {
+										margin: 0 -15px;
+								}
+						}
+						pre {
+								border-radius: 0;
+								-webkit-border-radius: 0;
+								-moz-border-radius: 0;
+								border-left: none;
+								border-right: none;
+								padding: 10px 15px;
+						}
+				}
+				
+				.bit-created-at {
+						font-size: 70%;
+						position: relative;
+						top: -3px;
+				}
+				.image-wrap {
+						margin: 0 -15px 10px;
+						position: relative;
+						img {
+								width: 100%;
+						}
+				}
+				.admin-panel {
+						background: rgba(0, 0, 0, 0.85);
+						position: absolute;
+						z-index: 10000;
+						color: #bbb;
+						height: 30px;
+						width: 200px;
+						top: 0;
+						left: 50%;
+						margin-left: -100px;
+						border--webkit-border-bottom-right-radius: 3px;
+						-webkit-border-bottom-left-radius: 3px;
+						-moz-border-radius-bottomright: 3px;
+						-moz-border-radius-bottomleft: 3px;
+						border-bottom-right-radius: 3px;
+						border-bottom-left-radius: 3px;
+						display: none;
+						.disapprove-approve, .pin {
+								top: 0;
+								width: 50%;
+								height: 100%;
+								position: absolute;
+								cursor: pointer;
+								img {
+										height: 24px;
+										opacity: 0.7;
+										display: inline-block;
+								}
+								.action-is {
+										cursor: pointer;
+										text-align: center;
+										text-transform: uppercase;
+										font-weight: bold;
+										font-size: 12px;
+										line-height: 30px;
+								}
+								&:hover {
+										background: rgba(0,0,0,0.5);
+										color: white;
+										img {
+												opacity: 1;
+										}
+								}
+						}
+						.disapprove-approve {
+								left: 0;
+								-webkit-border-bottom-left-radius: 3px;
+								-moz-border-radius-bottomleft: 3px;
+								border-bottom-left-radius: 3px;
+						}
+						.pin {
+								-webkit-border-bottom-right-radius: 3px;
+								-moz-border-radius-bottomright: 3px;
+								border-bottom-right-radius: 3px;
+								right: 0;
+						}
+				}
+				.social-icon {
+						float: right;
+						width: 32px;
+						height: 32px;
+						img {
+								width: 100%;
+								height: 100%;
+						}
+				}
+				bh-body-wrap.tall .body-inner-wrap p:last-child {
+						margin-bottom: -15px;
+				}
+				.action-fail-alert {
+						background: rgba(255,0,0,0.85);
+						position: absolute;
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+						color: white;
+						display: inline-block;
+						div {
+								height: 40px;
+								position: absolute;
+								top: 50%;
+								left: 0;
+								right: 0;
+								margin-top: -20px;
+								text-align: center;
+								padding: 0 20px;
+						}
+						i {
+								position: absolute;
+								top: 20px;
+								right: 20px;
+								cursor: pointer;
+								color: #E29A9A;
+								&:hover {
+										color: white;
+								}
+						}
+				}
+				.share-panel-toggle {
+						float: right;
+						font-size: 24px;
+						margin: 5px;
+						color: #9a9a9a;
+						cursor: pointer;
+						&:hover, &.open {
+								color: @brand-primary;
+						}
+				}
+				.youtube-embed-container {
+						position: relative;
+						padding-bottom: 56.25%;
+						height: 0;
+						overflow: hidden;
+						max-width: 100%;
+						iframe, object, embed {
+								position: absolute;
+								top: 0;
+								left: 0;
+								width: 100%;
+								height: 100%;
+						}
+				}
+		}
+    bh-share-bit {
+        position: relative;
+        z-index: 100000;
+    }
+}
+.dark-theme {
+		bh-bit {
+        .bit-wrap {
+            color: #eee;
+				    background: #1f1f1f;
+				    border-color: #444;
+				    .bit-footer {
+						    border-top-color: #444;
+				    }
+				    &.loading {
+						    background: url(../images/card-loader-dark.gif);
+						    background-repeat: no-repeat;
+						    background-position: 50% 50%;
+				    }
+        }
+			  
+		}
+		bh-share-bit {
+				background: #444;
+				border-color: #444;
+		}
+}
diff --git a/homepage_embed/bit/bit.stache b/homepage_embed/bit/bit.stache
new file mode 100755
index 0000000..cee3877
--- /dev/null
+++ b/homepage_embed/bit/bit.stache
@@ -0,0 +1,85 @@
+{{#if shouldRender}}
+	{{#bit}}
+		<div class="bit-wrap {{#unless @isLoaded}}loading{{/unless}} {{#unless @resolvedHeight}}animate-height{{/unless}} {{pinnedClass}} {{blockedClass}}">
+			{{#if showAdminPanel}}
+				<div class="admin-panel">
+					<div class="disapprove-approve" can-click="toggleApproveBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_approved}}block{{else}}approve{{/is_approved}}.png"/>
+							{{#is_approved}}
+								Block
+							{{else}}
+								Approve
+							{{/is_approved}}
+						</div>
+					</div>
+					
+					<div class="pin" can-click="togglePinBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_pinned}}unpin{{else}}pin{{/is_pinned}}.png"/>
+							{{#is_pinned}}
+								Unpin
+							{{else}}
+								Pin
+							{{/is_pinned}}
+						</div>
+					</div>
+				</div>
+			{{/if}}
+			
+			<div class="bit">
+				<div class="bit-content">
+
+					{{#if images.length}}
+						<bh-image-gallery images="{images}"></bh-image-gallery>
+					{{/if}}
+
+					{{#if isYoutube}}
+						<div class="youtube-embed-container">
+							<iframe src="{{ youtubeEmbedURL }}" frameborder="0" allowfullscreen>
+						</div>
+					{{/if}}
+
+					<bh-body-wrap class="{{#if images.length}}short{{else}}tall{{/if}}">
+						<h4>{{{ formattedTitle title }}}</h4>
+						{{#if body}}
+							<div class="body-inner-wrap">{{{ body }}}</div>
+						{{/if}}
+					</bh-body-wrap>
+					
+					<bh-share-bit class="{{#if sharePanelOpen}}expanded{{/if}}" card-title="{title}" media="{images.0.url}" url="{url}" bit="{.}" state="{state}"></bh-share-bit>
+				</div>
+				
+				<footer class="bit-footer col-sm-12">
+					{{#author.avatar_url}}
+						<figure class="bit-avatar">
+							<a href="{{url}}">
+								<img class="bit-avatar--img img-responsive" src="{{.}}" />
+							</a>
+						</figure>
+					{{/author.avatar_url}}
+					<figcaption>
+						{{#author.id}}
+							<div class="bit-authorName"><a href="{{url}}">{{.}}</a></div>
+						{{/author.id}}
+						{{#unless isTwitterFollow}}
+							<div class="bit-created-at">
+								{{formattedThreadUpdatedAt}}
+							</div>
+						{{/unless}}
+					</figcaption>
+					<a href="{{url}}" class="social-icon">
+						<img src="{{state.assetRoot}}images/social-empty/{{feed_name}}.png">
+					</a>
+					<i class="fa fa-share-alt share-panel-toggle {{#if sharePanelOpen}}open{{/if}}" can-click="sharePanelToggle"></i>
+				</footer>
+			</div>
+			{{#if actionFail}}
+				<div class="action-fail-alert">
+					<i class="fa fa-times" can-click="removeFailNotice"></i>
+					<div>Oops, we were not able to <b>{{actionFailTitle}}</b> this item<br> Please try again later.</div>
+				</div>
+			{{/if}}
+		</div>
+	{{/bit}}
+{{/if}}
diff --git a/homepage_embed/bit/bit_test.js b/homepage_embed/bit/bit_test.js
new file mode 100755
index 0000000..e88ef7b
--- /dev/null
+++ b/homepage_embed/bit/bit_test.js
@@ -0,0 +1,82 @@
+import {BitVM} from "./bit";
+import fixtureData from "../fixtures/fixture_data.json";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import Bit from "models/bit";
+import $ from "jquery";
+
+F.attach(QUnit);
+
+var testBit = $.extend({}, fixtureData.data[0], {id: Date.now()});
+
+var template = can.stache("<bh-bit bit='{bit}' state='{state}'></bh-bit>");
+var getState = function(isAdmin){
+	var stateMap = can.Map({}, {
+		isAdmin: function(){
+			return isAdmin;
+		}
+	});
+	return new stateMap({hubId: 1});
+};
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+QUnit.module("Bit Test");
+
+QUnit.test("Dynamic functions exist on the prototype", 4, function(){
+	var actions = ['pin', 'unpin', 'approve', 'disapprove'];
+
+	for(var i = 0; i < actions.length; i++){
+		if(typeof BitVM.prototype[actions[i] + 'Bit'] === 'function'){
+			ok(true, actions[i] + 'Bit action is defined on the prototype');
+		}
+	}
+});
+
+QUnit.test("Card is correctly rendered", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+
+	F('bh-bit .admin-panel').missing('Admin panel is not rendered');
+	F('bh-bit bh-image-gallery').exists('Image gallery is rendered');
+	F('bh-bit bh-body-wrap').exists('Body wrap is rendered');
+	F('bh-bit bh-share-bit').exists('Share panel is rendered');
+});
+
+QUnit.test("Admin panel is rendered", function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(true)
+	});
+
+	F('bh-bit .admin-panel').exists('Admin panel is rendered');
+});
+
+QUnit.test("Card goes through the lifecycle", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+	F('bh-bit .loading').exists('Card is in the loading state');
+	F('bh-bit .animate-height').exists('Card is awaiting animation');
+	F('bh-bit .loading').missing('Card is loaded');
+	F('bh-bit .animate-height').missing('Card has resolved height');
+});
+
+QUnit.test("Sharing panel is expanded on click", 3, function(){
+	var bit =  Bit.model(testBit);
+	renderTemplate({
+		bit: bit,
+		state: getState(false)
+	});
+	F('bh-bit .share-panel-toggle').exists('Share button is visible');
+	F('bh-bit .share-panel-toggle').click();
+	F('bh-share-bit.expanded').exists('Share panel is expanded');
+	F.wait(1, function(){
+		ok($('bh-bit').scope().attr('sharePanelOpen'), 'VM is updated with share panel attr');
+	});
+});
diff --git a/homepage_embed/bit/body-wrap/body-wrap.js b/homepage_embed/bit/body-wrap/body-wrap.js
new file mode 100755
index 0000000..649e98e
--- /dev/null
+++ b/homepage_embed/bit/body-wrap/body-wrap.js
@@ -0,0 +1,66 @@
+import can from "can/";
+import initView from "./body-wrap.stache!";
+import "./body-wrap.less!";
+import "can/construct/proxy/";
+
+var calculateRatioPercentage = function(width, height){
+	return (height/width) * 100;
+};
+
+var getIframeRatioClass = function(width, height){
+	var ratioPercentage = calculateRatioPercentage(width, height);
+	if(ratioPercentage - 56 < 5){
+		return 'iframe-16-9';
+	}
+	return 'iframe-4-3';
+};
+
+can.Component.extend({
+	tag: 'bh-body-wrap',
+	template : initView,
+	scope : {
+		toggleExpanded : function(){
+			this.attr('isExpanded', !this.attr('isExpanded'));
+		}
+	},
+	events : {
+		inserted : function(){
+			this.wrapImages();
+			this.wrapIframes();
+			setTimeout(this.proxy('recalculateHeight'), 1);
+		},
+		wrapImages : function(){
+			var imgs = this.element.find('img');
+			imgs.each(function(){
+				var $img = $(this);
+				if(!$img.parent().is('.img-wrap')){
+					$img.wrap('<div class="img-wrap"></div>');
+				}
+			});
+			imgs.on('load', this.proxy('recalculateHeight'));
+		},
+		wrapIframes : function(){
+			var iframes = this.element.find('iframe');
+			iframes.each(function(){
+				var $iframe = $(this);
+				var height = $iframe.attr('height');
+				var width = $iframe.attr('width');
+				var iframeRatioClass = getIframeRatioClass(width, height);
+				if(!$iframe.parent().is('.iframe-wrap')){
+					$iframe.wrap('<div class="iframe-wrap ' + iframeRatioClass + '"></div>');
+				}
+			});
+		},
+		recalculateHeight : function(){
+			if(this.scope.attr('isExpanded') || !this.element){
+				return;
+			}
+
+			var wrap = this.element.find('.body-wrap');
+			var scrollHeight = wrap[0].scrollHeight;
+			var height = wrap.height();
+
+			this.scope.attr('isTooTall', height < scrollHeight);
+		}
+	}
+});
diff --git a/homepage_embed/bit/body-wrap/body-wrap.less b/homepage_embed/bit/body-wrap/body-wrap.less
new file mode 100755
index 0000000..ccdc66a
--- /dev/null
+++ b/homepage_embed/bit/body-wrap/body-wrap.less
@@ -0,0 +1,56 @@
+bh-body-wrap {
+	display: block;
+	.body-wrap {
+		overflow: hidden;
+	}
+	&.short {
+		.collapsed {
+			max-height: 150px;
+		}
+	}
+	&.tall {
+		.collapsed {
+			max-height: 350px;
+		}
+	}
+	
+	.expand-collapse {
+		text-align: center;
+		color: #666;
+		cursor: pointer;
+		padding: 10px 0;
+		box-shadow: 0 0 20px 10px #fff;
+		position: relative;
+		z-index: 10;
+		&:hover {
+			color: #000;
+		}
+	}
+	.no-gradient {
+		box-shadow: none;
+	}
+	.iframe-wrap {
+		position: relative;
+		height: 0;
+		overflow: hidden;
+		iframe {
+			 position: absolute;
+			top:0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.iframe-4-3 {
+		padding-bottom: 75%;
+	}
+	.iframe-16-9 {
+		padding-bottom: 56.25%;
+	}
+}
+
+.dark-theme {
+	bh-bit .expand-collapse {
+		box-shadow: 0 0 20px 10px #1f1f1f;
+	}
+}
\ No newline at end of file
diff --git a/homepage_embed/bit/body-wrap/body-wrap.stache b/homepage_embed/bit/body-wrap/body-wrap.stache
new file mode 100755
index 0000000..ac2b250
--- /dev/null
+++ b/homepage_embed/bit/body-wrap/body-wrap.stache
@@ -0,0 +1,8 @@
+<div class="body-wrap {{#unless isExpanded}}collapsed{{/unless}}">
+	<content></content>
+</div>
+{{#if isTooTall}}
+	<div class="expand-collapse {{#if isExpanded}}no-gradient{{/if}}" can-click="toggleExpanded">
+		<i class="fa fa-chevron-{{#if isExpanded}}up{{else}}down{{/if}}"></i>
+	</div>
+{{/if}}
\ No newline at end of file
diff --git a/homepage_embed/bit/image-gallery/image-gallery.js b/homepage_embed/bit/image-gallery/image-gallery.js
new file mode 100755
index 0000000..89f6451
--- /dev/null
+++ b/homepage_embed/bit/image-gallery/image-gallery.js
@@ -0,0 +1,28 @@
+import can from "can/";
+import initView from "./image-gallery.stache!";
+import "./image-gallery.less!";
+
+can.Component.extend({
+	tag: 'bh-image-gallery',
+	template: initView,
+	scope: {
+		init : function(){
+			this.attr('currentImage', this.attr('images.0'));
+		},
+		setCurrent : function(img){
+			this.attr('currentImage', img);
+		},
+		hasGallery : function(){
+			var images = this.attr('images');
+			return images && images.attr('length') > 1;
+		}
+	},
+	helpers : {
+		isCurrent : function(img, opts){
+			img = can.isFunction(img) ? img() : img;
+			if(img === this.attr('currentImage')){
+				return opts.fn();
+			}
+		}
+	}
+});
diff --git a/homepage_embed/bit/image-gallery/image-gallery.less b/homepage_embed/bit/image-gallery/image-gallery.less
new file mode 100755
index 0000000..e01f83e
--- /dev/null
+++ b/homepage_embed/bit/image-gallery/image-gallery.less
@@ -0,0 +1,47 @@
+@import "../../node_modules/bootstrap/less/mixins/clearfix.less";
+
+bh-image-gallery {
+	display: block;
+	margin: 0 -15px;
+	.clearfix;
+	.current-image-wrap {
+		position: relative;
+		p.caption {
+			background: rgba(0,0,0,0.5);
+			top: 0;
+			left: 0;
+			right: 0;
+			position: absolute;
+		}
+	}
+	.image-list {
+		margin: 0;
+		margin-right: -1px;
+		margin-bottom: -1px;
+		border-top: 2px solid #fff;
+		li {
+			float: left;
+			width: 25%;
+			height: 50px;
+			overflow: hidden;
+			position: relative;
+			cursor: pointer;
+			border-right: 1px solid #fff;
+			border-bottom: 1px solid #fff;
+			&.current {
+				img {
+					opacity: 1;
+				}
+			}
+		}
+		img {
+			min-width: 100%;
+			min-height: 100%;
+			top: 0;
+			left: 0;
+			display: block;
+			position: absolute;
+			opacity: 0.5;
+		}
+	}
+}
diff --git a/homepage_embed/bit/image-gallery/image-gallery.stache b/homepage_embed/bit/image-gallery/image-gallery.stache
new file mode 100755
index 0000000..4323412
--- /dev/null
+++ b/homepage_embed/bit/image-gallery/image-gallery.stache
@@ -0,0 +1,13 @@
+<div class="current-image-wrap">
+	<img src="{{currentImage.url}}">
+	{{#if currentImage.caption}}
+		<p class="caption">{{ currentImage.caption }}</p>
+	{{/if}}
+</div>
+{{#if hasGallery}}
+	<ul class="image-list list-unstyled clearfix">
+		{{#each images}}
+			<li {{#isCurrent this}}class="current"{{/isCurrent}} can-click="setCurrent"><img src="{{url}}"></li>
+		{{/each}}
+	</ul>
+{{/if}}
\ No newline at end of file
diff --git a/homepage_embed/bit/share-bit/share-bit.js b/homepage_embed/bit/share-bit/share-bit.js
new file mode 100755
index 0000000..359979f
--- /dev/null
+++ b/homepage_embed/bit/share-bit/share-bit.js
@@ -0,0 +1,103 @@
+import can from "can/";
+import initView from "./share-bit.stache!";
+import "./share-bit.less!";
+
+var URL_TEMPLATES = {
+	googleplus : "https://plus.google.com/share?hl=en&url={url}",
+	facebook : "http://www.facebook.com/sharer/sharer.php?u={url}&t={title}",
+	twitter: "https://twitter.com/intent/tweet?text={title}&url={url}&via={via}",
+	delicious: "http://www.delicious.com/save?v=5&noui&jump=close&url={url}&title={title}",
+	stumbleupon: "http://www.stumbleupon.com/badge/?url={url}",
+	linkedin: "https://www.linkedin.com/cws/share?url={url}&token=&isFramed=true",
+	pinterest: "http://pinterest.com/pin/create/button/?url={url}&media={media}&description={title}"
+};
+
+var getShareUrl = function(network, opts){
+	var url = can.sub(URL_TEMPLATES[network], opts);
+	console.log(url);
+	return url;
+};
+
+var popup = {
+	googleplus: function(opt){
+		var url = getShareUrl('googleplus', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, "googleplus", "toolbar=0,status=0,width=900,height=500");
+	},
+	facebook: function(opt){
+		var url = getShareUrl('facebook', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, "facebook", "toolbar=0,status=0,width=900,height=500");
+	},
+	twitter: function(opt){
+		var url = getShareUrl('twitter', {
+			title: encodeURIComponent(opt.title),
+			url: encodeURIComponent(opt.url),
+			via: opt.via
+		});
+		window.open(url, "twitter", "toolbar=0,status=0,width=650,height=360");
+	},
+	delicious: function(opt){
+		var url = getShareUrl('delicious', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, 'delicious', 'toolbar=no,width=550,height=550');
+	},
+	stumbleupon: function(opt){
+		var url = getShareUrl('stumbleupon', {
+			url : encodeURIComponent(opt.url)
+		});
+		window.open(url, 'stumbleupon', 'toolbar=no,width=550,height=550');
+	},
+	linkedin: function(opt){
+		var url = getShareUrl('linkedin', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, 'linkedin', 'toolbar=no,width=550,height=550');
+	},
+	pinterest: function(opt){
+		var url = getShareUrl('pinterest', {
+			url : encodeURIComponent(opt.url),
+
+			media : encodeURIComponent(opt.media),
+			title : opt.title
+		});
+		window.open(url, 'pinterest', 'toolbar=no,width=700,height=300');
+	}
+};
+can.Component.extend({
+	template: initView,
+	tag: 'bh-share-bit',
+	scope : {
+		networksClass : function(){
+			return this.media ? 'networks-7' : 'networks-6';
+		}
+	},
+	events: {
+		"[data-network] click" : function(el, ev){
+			var network = el.data('network');
+			var div = document.createElement('div');
+			var title;
+
+			div.innerHTML = this.scope.cardTitle;
+
+			title = div.innerText;
+
+			if(network === 'pinterest' || network === 'delicious'){
+				title = title.replace(/#/g, '');
+			}
+
+			this.element.trigger('interaction:share', [this.scope.attr('state.hubId'), this.scope.attr('bit.id'), network]);
+			popup[network]({
+				title: title,
+				media: this.scope.media,
+				url: this.scope.url,
+				via : "bithubapp"
+			});
+		}
+	}
+});
diff --git a/homepage_embed/bit/share-bit/share-bit.less b/homepage_embed/bit/share-bit/share-bit.less
new file mode 100755
index 0000000..303f9f2
--- /dev/null
+++ b/homepage_embed/bit/share-bit/share-bit.less
@@ -0,0 +1,49 @@
+@gray-darker:            lighten(#000, 13.5%); // #222
+@gray-dark:              lighten(#000, 20%);   // #333
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 80.7%); // #777
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+bh-share-bit {
+    display: block;
+    background: @gray-light;
+    border-left: 2px solid @gray-light;
+    border-right: 2px solid @gray-light;
+    height: 0;
+    overflow: hidden;
+    -webkit-transition: height 0.2s;
+	  -moz-transition: height 0.2s;
+	  transition: height 0.2s;
+    i.fa {
+        display: block;
+        float: left;
+        height: 32px;
+        border-radius: 3px;
+        text-align: center;
+        line-height: 32px;
+        cursor: pointer;
+        font-size: 16px;
+        &:hover {
+            background: @brand-primary;
+            color: white;
+        }
+    }
+    .networks-7, .networks-6 {
+        padding-top: 2px;
+    }
+    .networks-7 i.fa {
+        width: 14.2857%;
+    }
+    .networks-6 i.fa {
+        width: 16.66%;
+    }
+    &.expanded {
+        height: 35px;
+    }
+}
diff --git a/homepage_embed/bit/share-bit/share-bit.stache b/homepage_embed/bit/share-bit/share-bit.stache
new file mode 100755
index 0000000..83e35d7
--- /dev/null
+++ b/homepage_embed/bit/share-bit/share-bit.stache
@@ -0,0 +1,11 @@
+<div class="{{networksClass}}">
+	<i class="fa fa-twitter" data-network="twitter"></i>
+	<i class="fa fa-facebook" data-network="facebook"></i>
+	{{#if media}}
+		<i class="fa fa-pinterest" data-network="pinterest"></i>
+	{{/if}}
+	<i class="fa fa-linkedin" data-network="linkedin"></i>
+	<i class="fa fa-google-plus" data-network="googleplus"></i>
+	<i class="fa fa-delicious" data-network="delicious"></i>
+	<i class="fa fa-stumbleupon" data-network="stumbleupon"></i>
+</div>
diff --git a/homepage_embed/bit_carousel/bit_carousel.js b/homepage_embed/bit_carousel/bit_carousel.js
new file mode 100755
index 0000000..16c4a8a
--- /dev/null
+++ b/homepage_embed/bit_carousel/bit_carousel.js
@@ -0,0 +1,219 @@
+import can from "can";
+import initView from "./bit_carousel.stache!";
+import _map from "lodash-amd/modern/collection/map";
+
+import "./image-gallery/image-gallery";
+import "./body-wrap/body-wrap";
+import "./share-bit/share-bit";
+
+import "./bit_carousel.less!";
+import "can/construct/super/super";
+
+// Image loading statuses
+var IMAGE_STATUSES = {
+	LOADING : 'LOADING',
+	LOADED  : 'LOADED',
+	ERROR   : 'ERROR'
+};
+
+// check image's status. It's either still loading, loaded or errored
+var imageStatus = function(img){
+	if(!img.complete){
+		return IMAGE_STATUSES.LOADING;
+	}
+	if(img.naturalWidth === 0){
+		return IMAGE_STATUSES.ERROR;
+	}
+	return IMAGE_STATUSES.LOADED;
+};
+
+export var BitVM = can.Map.extend({
+	actionFail: null,
+	sharePanelOpen: false,
+	toggleApproveBit : function(){
+		if(this.attr('bit.is_approved')){
+			this.disapproveBit();
+		} else {
+			this.approveBit();
+		}
+	},
+	togglePinBit : function(){
+		if(this.attr('bit.is_pinned')){
+			this.unpinBit();
+		} else {
+			this.pinBit();
+		}
+	},
+	actionFailTitle : function(){
+		var actionFail = this.attr('actionFail');
+		return actionFail === 'disapprove' ? 'block' : actionFail;
+	},
+	removeFailNotice : function(){
+		this.attr('actionFail', null);
+	},
+	showAdminPanel : function(){
+		return !!this.attr('state').isAdmin() && !(this.attr('actionFail'));
+	},
+	sharePanelToggle : function(){
+		this.attr('sharePanelOpen', !this.attr('sharePanelOpen'));
+	},
+	shouldRender : function(){
+		var bit = this.attr('bit');
+		return bit && !bit.attr('@pendingRender');
+	},
+	blockedClass : function(){
+		if(!!this.attr('state').isAdmin() && !this.attr('bit').attr('is_approved')){
+			return 'blocked';
+		}
+		return "";
+	},
+	pinnedClass : function(){
+		if(!!this.attr('state').isAdmin() && this.attr('bit').attr('is_pinned')){
+			return 'pinned';
+		}
+		return "";
+	}
+});
+
+var BIT_ACTIONS = ['pin', 'unpin', 'approve', 'disapprove'];
+
+for(var i = 0; i < BIT_ACTIONS.length; i++){
+	BitVM.prototype[BIT_ACTIONS[i] + 'Bit'] = (function(action){
+		return function(){
+			var self = this;
+			var def = this.attr('bit')[action](this.attr('state.hubId'));
+			def.fail(function(){
+				self.attr('actionFail', action);
+			});
+		};
+	})(BIT_ACTIONS[i]);
+}
+
+can.Component.extend({
+	tag: 'bh-bit-carousel',
+	template : initView,
+	scope : BitVM,
+	helpers : {
+		formattedTitle : function(title){
+			title = can.isFunction(title) ? title() : title;
+			if(title && title !== 'undefined'){
+				return title;
+			}
+			return "";
+		}
+	},
+	events : {
+		inserted : function(){
+			var bit = this.scope.attr('bit');
+
+			if(!bit.attr('@pendingRender')){
+				this.__initTimeout = setTimeout(this.proxy('initImages'));
+			}
+
+			// We need to wait until the bit was loaded to calculate it's height
+			// When the bit is loaded the `animate-height` class is removed from the bit
+			// which will cause the height transition. After the transition is done
+			// we remove the explicit height so bit can be resized based on user's actions.
+			// If bit was already on the page we don't have to wait for all images to load
+			// before removing the height.
+			if(!bit.attr('@resolvedHeight')){
+				this.element.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', this.proxy('removeExplicitHeight'));
+				
+			} else {
+				this.removeExplicitHeight();
+			}
+		},
+		'{bit} @pendingRender' : function(bit, ev, newVal){
+			if(newVal === false){
+				setTimeout(() => {
+					if(this.element){
+						this.__initTimeout = setTimeout(this.proxy('initImages'));
+						this.bitLoadedAndRendered();
+					}
+				}, 1);
+			}
+		},
+		initImages : function(){
+			this.imgs = this.element.find('img').toArray();
+			this.imagesToLoadCount = this.imgs.length;
+
+
+			if(this.imgs.length){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+		},
+		'a click' : function(el, ev){
+			ev.preventDefault();
+			window.open(el.attr('href'));
+			this.element.trigger('interaction:carousel-link', [this.scope.attr('state.hubId'), this.scope.attr('bit.id')]);
+		},
+		// Go through all images and make sure all are loaded or errored
+		// Before calling the `doneLoading` function which will remove the loading class
+		imgSweeper : function(){
+			var statuses = _map(this.imgs, imageStatus);
+			var errored;
+
+			// If any of the images is still loading, check again in 500ms
+			if(can.inArray(IMAGE_STATUSES.LOADING, statuses) > -1){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+
+			for(var i = 0; i < statuses.length; i++){
+				if(statuses[i] === IMAGE_STATUSES.ERROR){
+					errored = this.imgs.splice(i, 1)[0];
+					if(errored){
+						$(errored).remove();
+					}
+				}
+			}
+		},
+		// All images in bit are loaded and we can calculate it's height. We set the explicit height
+		// to make sure that that the transition animation runs.
+		doneLoading : function(){
+			var bit = this.scope.attr('bit');
+			if(!bit.attr('@resolvedHeight')){
+				this.element.find('.bit-wrap').height(this.element.find('.bit').height());
+			}
+			bit.attr('__isLoaded', true);
+			this.bitLoadedAndRendered();
+		},
+		// When we're done with the height transition remove the explicit height
+		// and mark the bit's height as resolved
+		removeExplicitHeight : function(){
+			var self = this;
+			this.__removeExplicitHeightTimeout = setTimeout(function(){
+				self.scope.attr('bit').attr('@resolvedHeight', true);
+				if(self.element){
+					self.element.find('.bit-wrap').css('height', 'auto');
+					self.bitLoadedAndRendered();
+				}
+			}, 1);
+		},
+		bitLoadedAndRendered : function(){
+			var bit = this.scope.attr('bit');
+			var check = bit.attr('@resolvedHeight') && bit.attr('__isLoaded') && !bit.attr('@pendingRender');
+
+			if(check){
+				this.element.trigger('bit:loaded');
+			}
+					
+		},
+		// Clean up the timeouts
+		destroy : function(){
+			clearTimeout(this.__imgSweeperTimeout);
+			clearTimeout(this.__initTimeout);
+			clearTimeout(this.__removeExplicitHeightTimeout);
+			return this._super.apply(this, arguments);
+		},
+		'{scope} sharePanelOpen' : function(){
+			var self = this;
+			setTimeout(function(){
+				self.element.trigger('cardExpanded', self.element.height());
+			}, 200);
+		}
+	}
+});
diff --git a/homepage_embed/bit_carousel/bit_carousel.less b/homepage_embed/bit_carousel/bit_carousel.less
new file mode 100755
index 0000000..a4953e4
--- /dev/null
+++ b/homepage_embed/bit_carousel/bit_carousel.less
@@ -0,0 +1,393 @@
+@import "../../node_modules/bootstrap/less/mixins.less";
+@import "../../node_modules/bootstrap/less/variables.less";
+
+.border-radius (@radius: @baseBorderRadius) {
+		border-radius: @radius;
+		-moz-border-radius: @radius;
+		-webkit-border-radius: @radius;
+}
+
+@gray-darker:						 lighten(#000, 13.5%); // #222
+@gray-dark:							 lighten(#000, 20%);	 // #333
+@gray:									 lighten(#000, 33.5%); // #555
+@gray-light:						 lighten(#000, 80.7%); // #777
+@gray-lighter:					 lighten(#000, 93.5%); // #eee
+
+@brand-primary:					#428bca;
+@brand-success:					#5cb85c;
+@brand-info:						#5bc0de;
+@brand-warning:					#f0ad4e;
+@brand-danger:					#d9534f;
+
+// custom brand colors
+@white: #fff;
+
+bh-bit-carousel {
+		display: block;
+		.bit-wrap {
+				position: relative;
+				background-color: @white;
+				border: 1px solid @gray-light;
+				overflow: hidden;
+				margin: 20px 10px 0;
+				opacity: 1;
+				-webkit-transition: opacity 0.2s ease-in-out;
+				-moz-transition: opacity 0.2s ease-in-out;
+				transition: opacity 0.2s ease-in-out;
+        text-align: left;
+				&.animate-height {
+						-webkit-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						-moz-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+				}
+
+				&.blocked {
+						border: 2px solid red;
+						background: #FFDDDD;
+						bh-body-wrap .expand-collapse {
+								box-shadow: 0 0 20px 10px #FFDDDD;
+						}
+				}
+
+				&.pinned {
+						border: 2px solid gold;
+				}
+
+				&:hover {
+						.admin-panel {
+								display: block;
+						}
+				}
+
+				&.loading {
+						height: 100px;
+						background: url(../images/card-loader.gif);
+						background-repeat: no-repeat;
+						background-position: 50% 50%;
+						.bit {
+								opacity: 0;
+						}
+				}
+
+				&.loading, &.animate-height {
+						&:hover {
+								.admin-panel {
+										display: none;
+								}
+						}
+				}
+
+				&:hover {
+						.box-shadow(0 0 20px rgba(0,0,0,.15));
+				}
+
+				.current-image-wrap img {
+						.border-top-radius(4px);
+				}
+
+				// Default "Clear" Theme
+				.bit {
+						-webkit-transition: opacity 0.5s ease-in-out;
+						-moz-transition: opacity 0.5s ease-in-out;
+						transition: opacity 0.5s ease-in-out;
+						.clearfix;
+						
+						
+						.bit-footer {
+                .clearfix;
+                padding: 5px 5px 5px 10px;
+                margin-top: -1px;
+                background: transparent;
+								figcaption {
+										float: left;
+										max-width: 40%;
+										.bit-authorName a {
+												width: 100%;
+												display:block;
+												overflow: hidden;
+												white-space: nowrap;
+												text-overflow: ellipsis;
+										}
+								}
+
+						}
+						.bit-avatar {
+								float: left;
+								margin-right: 10px;
+								.bit-avatar--img {
+										width: 35px;
+										height: 35px;
+										border-radius: 50%;
+								}
+						}
+						.bh-icon {
+								font-size: 1.5em;
+								float: right;
+								margin-top: 6px;
+								&:hover {
+										text-decoration: none;
+								}
+						}
+						.bh-icon-twitter {
+								color: #55acee;
+						}
+						.bh-icon-youtube {
+								color: #cc181e;
+						}
+						.bh-icon-facebook {
+								color: #3b5998;
+						}
+						.bh-icon-instagram {
+								color: #3f729b;
+						}
+						.bh-icon-flickr {
+								color: #FF0084;
+						}
+						.bh-icon-googleplus {
+								color: #d73d32;
+						}
+						.bh-icon-tumblr {
+								color: #2d4661;
+						}
+						.share-fb {
+								width: 70px;
+						}
+						.share-tw {
+								width: 76px;
+								margin-right:20px;
+						}
+						// Content
+						.bit-content--media {
+								max-height: 350px;
+								overflow-y: auto;
+								overflow-x: hidden;
+						}
+						.bit-content--caption {
+								padding-bottom: 15px;
+								iframe {
+										display: block;
+								}
+								p .img-wrap {
+										margin: 0 -15px	 15px;
+										img {
+												width: 100%;
+										}
+								}
+						}
+						.img-responsive {
+								margin:0 auto;
+						}
+				}
+
+				
+				.bit-content {
+						overflow: hidden;
+						border-bottom: 1px solid lighten(@gray-light, 5%);
+						bh-body-wrap h4 {
+								padding-left: 15px;
+								padding-right: 15px;
+								p {
+										padding-left: 0;
+										padding-right: 0;
+								}
+						}
+						p {
+								padding: 0 15px;
+								&:last-child {
+										margin-bottom: 0;
+								}
+						}
+						.body-inner-wrap {
+								padding: 0 15px 15px;
+								pre {
+										margin-left: -15px;
+										margin-right: -15px;
+								}
+								p {
+										padding: 0;
+								}
+								.iframe-wrap {
+										margin: 0 -15px;
+								}
+								p .img-wrap {
+										margin: 0 -15px;
+								}
+						}
+						pre {
+								border-radius: 0;
+								-webkit-border-radius: 0;
+								-moz-border-radius: 0;
+								border-left: none;
+								border-right: none;
+								padding: 10px 15px;
+						}
+				}
+				
+				.bit-created-at {
+						font-size: 70%;
+						position: relative;
+						top: -3px;
+				}
+				.image-wrap {
+						margin: 0 -15px 10px;
+						position: relative;
+						img {
+								width: 100%;
+						}
+				}
+				.admin-panel {
+						background: rgba(0, 0, 0, 0.85);
+						position: absolute;
+						z-index: 10000;
+						color: #bbb;
+						height: 30px;
+						width: 200px;
+						top: 0;
+						left: 50%;
+						margin-left: -100px;
+						border--webkit-border-bottom-right-radius: 3px;
+						-webkit-border-bottom-left-radius: 3px;
+						-moz-border-radius-bottomright: 3px;
+						-moz-border-radius-bottomleft: 3px;
+						border-bottom-right-radius: 3px;
+						border-bottom-left-radius: 3px;
+						display: none;
+						.disapprove-approve, .pin {
+								top: 0;
+								width: 50%;
+								height: 100%;
+								position: absolute;
+								cursor: pointer;
+								img {
+										height: 24px;
+										opacity: 0.7;
+										display: inline-block;
+								}
+								.action-is {
+										cursor: pointer;
+										text-align: center;
+										text-transform: uppercase;
+										font-weight: bold;
+										font-size: 12px;
+										line-height: 30px;
+								}
+								&:hover {
+										background: rgba(0,0,0,0.5);
+										color: white;
+										img {
+												opacity: 1;
+										}
+								}
+						}
+						.disapprove-approve {
+								left: 0;
+								-webkit-border-bottom-left-radius: 3px;
+								-moz-border-radius-bottomleft: 3px;
+								border-bottom-left-radius: 3px;
+						}
+						.pin {
+								-webkit-border-bottom-right-radius: 3px;
+								-moz-border-radius-bottomright: 3px;
+								border-bottom-right-radius: 3px;
+								right: 0;
+						}
+				}
+				.social-icon {
+						float: right;
+						width: 32px;
+						height: 32px;
+						img {
+								width: 100%;
+								height: 100%;
+						}
+				}
+				bh-body-wrap.tall .body-inner-wrap p:last-child {
+						margin-bottom: -15px;
+				}
+				.action-fail-alert {
+						background: rgba(255,0,0,0.85);
+						position: absolute;
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+						color: white;
+						display: inline-block;
+						div {
+								height: 40px;
+								position: absolute;
+								top: 50%;
+								left: 0;
+								right: 0;
+								margin-top: -20px;
+								text-align: center;
+								padding: 0 20px;
+						}
+						i {
+								position: absolute;
+								top: 20px;
+								right: 20px;
+								cursor: pointer;
+								color: #E29A9A;
+								&:hover {
+										color: white;
+								}
+						}
+				}
+				.share-panel-toggle {
+						float: right;
+						font-size: 24px;
+						margin: -5px -5px -5px 5px;
+						color: #9a9a9a;
+						cursor: pointer;
+            background: #4584a3;
+            color: white;
+            width: 45px;
+            height: 45px;
+            line-height: 45px;
+            text-align: center;
+						&:hover, &.open {
+								background: #999;
+						}
+				}
+				.youtube-embed-container {
+						position: relative;
+						padding-bottom: 56.25%;
+						height: 0;
+						overflow: hidden;
+						max-width: 100%;
+						iframe, object, embed {
+								position: absolute;
+								top: 0;
+								left: 0;
+								width: 100%;
+								height: 100%;
+						}
+				}
+		}
+    bh-share-bit {
+        z-index: 100000;
+    }
+}
+.dark-theme {
+		bh-bit-carousel {
+        .bit-wrap {
+            color: #eee;
+				    background: #1f1f1f;
+				    border-color: #444;
+				    .bit-footer {
+						    border-top-color: #444;
+				    }
+				    &.loading {
+						    background: url(../images/card-loader-dark.gif);
+						    background-repeat: no-repeat;
+						    background-position: 50% 50%;
+				    }
+        }
+			  
+		}
+		bh-share-bit {
+				background: #444;
+				border-color: #444;
+		}
+}
diff --git a/homepage_embed/bit_carousel/bit_carousel.stache b/homepage_embed/bit_carousel/bit_carousel.stache
new file mode 100755
index 0000000..631788e
--- /dev/null
+++ b/homepage_embed/bit_carousel/bit_carousel.stache
@@ -0,0 +1,87 @@
+{{#if shouldRender}}
+	{{#bit}}
+		<div class="bit-wrap {{#unless __isLoaded}}loading{{/unless}} {{#unless @resolvedHeight}}animate-height{{/unless}} {{pinnedClass}} {{blockedClass}}">
+			{{#if showAdminPanel}}
+				<div class="admin-panel">
+					<div class="disapprove-approve" can-click="toggleApproveBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_approved}}block{{else}}approve{{/is_approved}}.png"/>
+							{{#is_approved}}
+								Block
+							{{else}}
+								Approve
+							{{/is_approved}}
+						</div>
+					</div>
+					
+					<div class="pin" can-click="togglePinBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_pinned}}unpin{{else}}pin{{/is_pinned}}.png"/>
+							{{#is_pinned}}
+								Unpin
+							{{else}}
+								Pin
+							{{/is_pinned}}
+						</div>
+					</div>
+				</div>
+			{{/if}}
+			
+			<div class="bit">
+				<div class="bit-content">
+
+					{{#if images.length}}
+						<bh-bit-carousel-image-gallery images="{images}"></bh-bit-carousel-image-gallery>
+					{{/if}}
+
+					{{#if isYoutube}}
+						<div class="youtube-embed-container">
+							<iframe src="{{ youtubeEmbedURL }}" frameborder="0" allowfullscreen>
+						</div>
+					{{/if}}
+
+					<bh-body-wrap class="{{#if images.length}}short{{else}}tall{{/if}}">
+						<h4>{{{ formattedTitle title }}}</h4>
+						{{#if body}}
+							<div class="body-inner-wrap">{{{ body }}}</div>
+						{{/if}}
+					</bh-body-wrap>
+					{{#if sharePanelOpen}}
+					<bh-share-bit class="card-title="{title}" media="{images.0.url}" url="{url}" bit="{.}" state="{state}" is-open="{sharePanelOpen}"></bh-share-bit>
+          {{/if}}
+				</div>
+				
+				<footer class="bit-footer col-sm-12">
+					{{#author.avatar_url}}
+						<figure class="bit-avatar">
+							<a href="{{url}}">
+								<img class="bit-avatar--img img-responsive" src="{{.}}" />
+							</a>
+						</figure>
+					{{/author.avatar_url}}
+					<figcaption>
+						{{#author.id}}
+							<div class="bit-authorName"><a href="{{url}}">{{.}}</a></div>
+						{{/author.id}}
+						{{#unless isTwitterFollow}}
+							<div class="bit-created-at">
+								{{formattedThreadUpdatedAt}}
+							</div>
+						{{/unless}}
+					</figcaption>
+					
+					<i class="fa fa-share-alt share-panel-toggle {{#if sharePanelOpen}}open{{/if}}" can-click="sharePanelToggle"></i>
+          <a href="{{url}}" class="social-icon">
+						<img src="{{state.assetRoot}}images/social-empty/{{feed_name}}.png">
+					</a>
+				</footer>
+			</div>
+			{{#if actionFail}}
+				<div class="action-fail-alert">
+					<i class="fa fa-times" can-click="removeFailNotice"></i>
+					<div>Oops, we were not able to <b>{{actionFailTitle}}</b> this item<br> Please try again later.</div>
+				</div>
+			{{/if}}
+		</div>
+	{{/bit}}
+{{/if}}
diff --git a/homepage_embed/bit_carousel/bit_carousel_test.js b/homepage_embed/bit_carousel/bit_carousel_test.js
new file mode 100755
index 0000000..e88ef7b
--- /dev/null
+++ b/homepage_embed/bit_carousel/bit_carousel_test.js
@@ -0,0 +1,82 @@
+import {BitVM} from "./bit";
+import fixtureData from "../fixtures/fixture_data.json";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import Bit from "models/bit";
+import $ from "jquery";
+
+F.attach(QUnit);
+
+var testBit = $.extend({}, fixtureData.data[0], {id: Date.now()});
+
+var template = can.stache("<bh-bit bit='{bit}' state='{state}'></bh-bit>");
+var getState = function(isAdmin){
+	var stateMap = can.Map({}, {
+		isAdmin: function(){
+			return isAdmin;
+		}
+	});
+	return new stateMap({hubId: 1});
+};
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+QUnit.module("Bit Test");
+
+QUnit.test("Dynamic functions exist on the prototype", 4, function(){
+	var actions = ['pin', 'unpin', 'approve', 'disapprove'];
+
+	for(var i = 0; i < actions.length; i++){
+		if(typeof BitVM.prototype[actions[i] + 'Bit'] === 'function'){
+			ok(true, actions[i] + 'Bit action is defined on the prototype');
+		}
+	}
+});
+
+QUnit.test("Card is correctly rendered", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+
+	F('bh-bit .admin-panel').missing('Admin panel is not rendered');
+	F('bh-bit bh-image-gallery').exists('Image gallery is rendered');
+	F('bh-bit bh-body-wrap').exists('Body wrap is rendered');
+	F('bh-bit bh-share-bit').exists('Share panel is rendered');
+});
+
+QUnit.test("Admin panel is rendered", function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(true)
+	});
+
+	F('bh-bit .admin-panel').exists('Admin panel is rendered');
+});
+
+QUnit.test("Card goes through the lifecycle", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+	F('bh-bit .loading').exists('Card is in the loading state');
+	F('bh-bit .animate-height').exists('Card is awaiting animation');
+	F('bh-bit .loading').missing('Card is loaded');
+	F('bh-bit .animate-height').missing('Card has resolved height');
+});
+
+QUnit.test("Sharing panel is expanded on click", 3, function(){
+	var bit =  Bit.model(testBit);
+	renderTemplate({
+		bit: bit,
+		state: getState(false)
+	});
+	F('bh-bit .share-panel-toggle').exists('Share button is visible');
+	F('bh-bit .share-panel-toggle').click();
+	F('bh-share-bit.expanded').exists('Share panel is expanded');
+	F.wait(1, function(){
+		ok($('bh-bit').scope().attr('sharePanelOpen'), 'VM is updated with share panel attr');
+	});
+});
diff --git a/homepage_embed/bit_carousel/body-wrap/body-wrap.js b/homepage_embed/bit_carousel/body-wrap/body-wrap.js
new file mode 100755
index 0000000..1f00d2e
--- /dev/null
+++ b/homepage_embed/bit_carousel/body-wrap/body-wrap.js
@@ -0,0 +1,72 @@
+import can from "can";
+import initView from "./body-wrap.stache!";
+import "./body-wrap.less!";
+import "can/construct/proxy/";
+
+var calculateRatioPercentage = function(width, height){
+	return (height/width) * 100;
+};
+
+var getIframeRatioClass = function(width, height){
+	var ratioPercentage = calculateRatioPercentage(width, height);
+	if(ratioPercentage - 56 < 5){
+		return 'iframe-16-9';
+	}
+	return 'iframe-4-3';
+};
+
+can.Component.extend({
+	tag: 'bh-body-wrap',
+	template : initView,
+	scope : {
+		toggleExpanded : function(){
+			this.attr('isExpanded', !this.attr('isExpanded'));
+		}
+	},
+	events : {
+		inserted : function(){
+			this.wrapImages();
+			this.wrapIframes();
+			setTimeout(this.proxy('recalculateHeight'), 1);
+		},
+		wrapImages : function(){
+			var imgs = this.element.find('img');
+			imgs.each(function(){
+				var $img = $(this);
+				if(!$img.parent().is('.img-wrap')){
+					$img.wrap('<div class="img-wrap"></div>');
+				}
+			});
+			imgs.on('load', this.proxy('recalculateHeight'));
+		},
+		wrapIframes : function(){
+			var iframes = this.element.find('iframe');
+			iframes.each(function(){
+				var $iframe = $(this);
+				var height = $iframe.attr('height');
+				var width = $iframe.attr('width');
+				var iframeRatioClass = getIframeRatioClass(width, height);
+				if(!$iframe.parent().is('.iframe-wrap')){
+					$iframe.wrap('<div class="iframe-wrap ' + iframeRatioClass + '"></div>');
+				}
+			});
+		},
+		recalculateHeight : function(){
+			if(this.scope.attr('isExpanded') || !this.element){
+				return;
+			}
+
+			var wrap = this.element.find('.body-wrap');
+			var scrollHeight = wrap[0].scrollHeight;
+			var height = wrap.height();
+
+			this.scope.attr('isTooTall', height < scrollHeight);
+		},
+		'{scope} isExpanded' : function(){
+			var self = this;
+			setTimeout(function(){
+				self.element.trigger('cardExpanded', [self.element.closest('bh-bit-carousel').outerHeight()]);
+			}, 1);
+		}
+	}
+});
diff --git a/homepage_embed/bit_carousel/body-wrap/body-wrap.less b/homepage_embed/bit_carousel/body-wrap/body-wrap.less
new file mode 100755
index 0000000..6658b0f
--- /dev/null
+++ b/homepage_embed/bit_carousel/body-wrap/body-wrap.less
@@ -0,0 +1,68 @@
+bh-body-wrap {
+		display: block;
+		text-align: left;
+		.body-wrap {
+				overflow: hidden;
+		}
+		&.short {
+				.collapsed {
+						height: 110px;
+				}
+		}
+		&.tall {
+				.collapsed {
+						max-height: 350px;
+				}
+		}
+		
+		.expand-collapse {
+				text-align: center;
+				color: #666;
+				cursor: pointer;
+				padding: 10px 0;
+				box-shadow: 0 0 20px 10px #fff;
+				position: relative;
+				z-index: 10;
+        margin-top: -37px;
+        background: white;
+				&:hover {
+						color: #000;
+				}
+		}
+    .expand-collapse--expanded {
+        margin-top: 0;
+    }
+		.no-gradient {
+				box-shadow: none;
+		}
+		.iframe-wrap {
+				position: relative;
+				height: 0;
+				overflow: hidden;
+				iframe {
+						position: absolute;
+						top:0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+				}
+		}
+		.iframe-4-3 {
+				padding-bottom: 75%;
+		}
+		.iframe-16-9 {
+				padding-bottom: 56.25%;
+		}
+		.hidden-bar {
+				display: none;
+		}
+		h4 {
+				font-size: 14px;
+		}
+}
+
+.dark-theme {
+		bh-carousel-bit .expand-collapse {
+				box-shadow: 0 0 20px 10px #1f1f1f;
+		}
+}
diff --git a/homepage_embed/bit_carousel/body-wrap/body-wrap.stache b/homepage_embed/bit_carousel/body-wrap/body-wrap.stache
new file mode 100755
index 0000000..22d0388
--- /dev/null
+++ b/homepage_embed/bit_carousel/body-wrap/body-wrap.stache
@@ -0,0 +1,6 @@
+<div class="body-wrap {{#unless isExpanded}}collapsed{{/unless}}">
+	<content></content>
+</div>
+	<div class="expand-collapse {{#if isExpanded}}no-gradient expand-collapse--expanded{{/if}} {{#unless isTooTall}}hidden-bar{{/unless}}" can-click="toggleExpanded">
+		<i class="fa fa-chevron-{{#if isExpanded}}up{{else}}down{{/if}}"></i>
+	</div>
diff --git a/homepage_embed/bit_carousel/image-gallery/image-gallery.js b/homepage_embed/bit_carousel/image-gallery/image-gallery.js
new file mode 100755
index 0000000..b0bcc39
--- /dev/null
+++ b/homepage_embed/bit_carousel/image-gallery/image-gallery.js
@@ -0,0 +1,57 @@
+import can from "can";
+import initView from "./image-gallery.stache!";
+import "./image-gallery.less!";
+
+can.Component.extend({
+	tag: 'bh-bit-carousel-image-gallery',
+	template: initView,
+	scope: {
+		init : function(){
+			this.attr('currentImage', this.attr('images.0'));
+		},
+		setCurrent : function(img){
+			this.attr('currentImage', img);
+		},
+		hasGallery : function(){
+			return false; 
+			var images = this.attr('images');
+			return images && images.attr('length') > 1;
+		},
+		prevImage : function(){
+			var images = this.attr('images');
+			var currentImage = this.attr('currentImage');
+			var index = images.indexOf(currentImage);
+			var newIndex;
+
+			if(index > 0){
+				newIndex = index - 1;
+			} else {
+				newIndex = images.attr('length') - 1;
+			}
+
+			this.setCurrent(images.attr(newIndex));
+		},
+		nextImage : function(){
+			var images = this.attr('images');
+			var currentImage = this.attr('currentImage');
+			var index = images.indexOf(currentImage);
+			var newIndex;
+
+			if(index < images.attr('length') - 1){
+				newIndex = index + 1;
+			} else {
+				newIndex = 0;
+			}
+
+			this.setCurrent(images.attr(newIndex));
+		}
+	},
+	helpers : {
+		isCurrent : function(img, opts){
+			img = can.isFunction(img) ? img() : img;
+			if(img === this.attr('currentImage')){
+				return opts.fn();
+			}
+		}
+	}
+});
diff --git a/homepage_embed/bit_carousel/image-gallery/image-gallery.less b/homepage_embed/bit_carousel/image-gallery/image-gallery.less
new file mode 100755
index 0000000..aacbfea
--- /dev/null
+++ b/homepage_embed/bit_carousel/image-gallery/image-gallery.less
@@ -0,0 +1,49 @@
+@import "../../../node_modules/bootstrap/less/mixins/clearfix.less";
+
+bh-bit-carousel-image-gallery {
+		display: block;
+		margin: 0 -15px;
+		.clearfix;
+		.current-image {
+				padding-bottom: 85%;
+				background-position: 50% 50%;
+				background-size: cover;
+				-webkit-background-size: cover; //safari chrome
+				-moz-background-size: cover; // firefox
+				-o-background-size: cover; // opera
+        position: relative;
+        .prev-link, .next-link {
+            position: absolute;
+        }
+		}
+		.image-list {
+				margin: 0;
+				margin-right: -1px;
+				margin-bottom: -1px;
+				border-top: 2px solid #fff;
+				li {
+						float: left;
+						width: 25%;
+						height: 50px;
+						overflow: hidden;
+						position: relative;
+						cursor: pointer;
+						border-right: 1px solid #fff;
+						border-bottom: 1px solid #fff;
+						&.current {
+								img {
+										opacity: 1;
+								}
+						}
+				}
+				img {
+						min-width: 100%;
+						min-height: 100%;
+						top: 0;
+						left: 0;
+						display: block;
+						position: absolute;
+						opacity: 0.5;
+				}
+		}
+}
diff --git a/homepage_embed/bit_carousel/image-gallery/image-gallery.stache b/homepage_embed/bit_carousel/image-gallery/image-gallery.stache
new file mode 100755
index 0000000..839d040
--- /dev/null
+++ b/homepage_embed/bit_carousel/image-gallery/image-gallery.stache
@@ -0,0 +1,6 @@
+<div class="current-image" style="background-image: url({{currentImage.url}})">
+  {{#if hasGallery}}
+    <span class="prev-link" can-click="prevImage">Prev</span>
+    <span class="next-link" can-click="nextImage">Next</span>
+  {{/if}}
+</div>
diff --git a/homepage_embed/bit_carousel/share-bit/share-bit.js b/homepage_embed/bit_carousel/share-bit/share-bit.js
new file mode 100755
index 0000000..0908c42
--- /dev/null
+++ b/homepage_embed/bit_carousel/share-bit/share-bit.js
@@ -0,0 +1,106 @@
+import can from "can";
+import initView from "./share-bit.stache!";
+import "./share-bit.less!";
+
+var URL_TEMPLATES = {
+	googleplus : "https://plus.google.com/share?hl=en&url={url}",
+	facebook : "http://www.facebook.com/sharer/sharer.php?u={url}&t={title}",
+	twitter: "https://twitter.com/intent/tweet?text={title}&url={url}&via={via}",
+	delicious: "http://www.delicious.com/save?v=5&noui&jump=close&url={url}&title={title}",
+	stumbleupon: "http://www.stumbleupon.com/badge/?url={url}",
+	linkedin: "https://www.linkedin.com/cws/share?url={url}&token=&isFramed=true",
+	pinterest: "http://pinterest.com/pin/create/button/?url={url}&media={media}&description={title}"
+};
+
+var getShareUrl = function(network, opts){
+	var url = can.sub(URL_TEMPLATES[network], opts);
+	console.log(url);
+	return url;
+};
+
+var popup = {
+	googleplus: function(opt){
+		var url = getShareUrl('googleplus', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, "googleplus", "toolbar=0,status=0,width=900,height=500");
+	},
+	facebook: function(opt){
+		var url = getShareUrl('facebook', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, "facebook", "toolbar=0,status=0,width=900,height=500");
+	},
+	twitter: function(opt){
+		var url = getShareUrl('twitter', {
+			title: encodeURIComponent(opt.title),
+			url: encodeURIComponent(opt.url),
+			via: opt.via
+		});
+		window.open(url, "twitter", "toolbar=0,status=0,width=650,height=360");
+	},
+	delicious: function(opt){
+		var url = getShareUrl('delicious', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, 'delicious', 'toolbar=no,width=550,height=550');
+	},
+	stumbleupon: function(opt){
+		var url = getShareUrl('stumbleupon', {
+			url : encodeURIComponent(opt.url)
+		});
+		window.open(url, 'stumbleupon', 'toolbar=no,width=550,height=550');
+	},
+	linkedin: function(opt){
+		var url = getShareUrl('linkedin', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, 'linkedin', 'toolbar=no,width=550,height=550');
+	},
+	pinterest: function(opt){
+		var url = getShareUrl('pinterest', {
+			url : encodeURIComponent(opt.url),
+
+			media : encodeURIComponent(opt.media),
+			title : opt.title
+		});
+		window.open(url, 'pinterest', 'toolbar=no,width=700,height=300');
+	}
+};
+can.Component.extend({
+	template: initView,
+	tag: 'bh-share-bit',
+	scope : {
+		networksClass : function(){
+			return this.media ? 'networks-7' : 'networks-6';
+		},
+		closePanel : function(){
+			this.attr('isOpen', false);
+		}
+	},
+	events: {
+		"[data-network] click" : function(el, ev){
+			var network = el.data('network');
+			var div = document.createElement('div');
+			var title;
+
+			div.innerHTML = this.scope.cardTitle;
+
+			title = div.innerText;
+
+			if(network === 'pinterest' || network === 'delicious'){
+				title = title.replace(/#/g, '');
+			}
+
+			this.element.trigger('interaction:carousel-share', [this.scope.attr('state.hubId'), this.scope.attr('bit.id'), network]);
+			popup[network]({
+				title: title,
+				media: this.scope.media,
+				url: this.scope.url,
+				via : "bithubapp"
+			});
+		}
+	}
+});
diff --git a/homepage_embed/bit_carousel/share-bit/share-bit.less b/homepage_embed/bit_carousel/share-bit/share-bit.less
new file mode 100755
index 0000000..865b32a
--- /dev/null
+++ b/homepage_embed/bit_carousel/share-bit/share-bit.less
@@ -0,0 +1,93 @@
+@gray-darker:            lighten(#000, 13.5%); // #222
+@gray-dark:              lighten(#000, 20%);   // #333
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 80.7%); // #777
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+bh-share-bit {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    display: block;
+    background: rgba(0,0,0,0.8);
+
+    .share-buttons-outer-wrap {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 45px;
+        .share-buttons-wrap {
+            height: 100%;
+        } 
+        i.fa {
+            display: block;
+            float: left;
+            text-align: center;
+            cursor: pointer;
+            font-size: 32px;
+            color: white;
+            width: 50%;
+            height: 33.3333%;
+            position: relative;
+            &:before {
+                display: block;
+                width: 32px;
+                text-align: center;
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                margin-left: -16px;
+                margin-top: -16px;
+            }
+            &:hover {
+                background: @brand-primary;
+                color: white;
+            }
+        }
+        .fa-twitter, .fa-linkedin, .fa-pinterest {
+            border-right: 1px solid #777;
+        }
+        .fa-twitter, .fa-linkedin, .fa-facebook, .fa-google-plus {
+            border-bottom: 1px solid #777;
+        }
+    }
+    .close-share-wrap {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 45px;
+        background: rgba(0,0,0,0.5);
+        line-height: 25px;
+        color: white;
+        padding: 10px;
+        text-align: left;
+        i.fa {
+            position: absolute;
+            right: 0;
+            top: 0;
+            width: 45px;
+            height: 45px;
+            text-align: center;
+            line-height: 45px;
+            font-size: 150%;
+            cursor: pointer;
+            &:hover {
+                background: black;
+            }
+            
+        }
+    }
+    
+    &.expanded {
+    }
+}
diff --git a/homepage_embed/bit_carousel/share-bit/share-bit.stache b/homepage_embed/bit_carousel/share-bit/share-bit.stache
new file mode 100755
index 0000000..f2cf427
--- /dev/null
+++ b/homepage_embed/bit_carousel/share-bit/share-bit.stache
@@ -0,0 +1,15 @@
+<div class="share-buttons-outer-wrap">
+  <div class="share-buttons-wrap">
+	  <i class="fa fa-twitter" data-network="twitter"></i>
+	  <i class="fa fa-facebook" data-network="facebook"></i>
+	  <i class="fa fa-linkedin" data-network="linkedin"></i>
+	  <i class="fa fa-google-plus" data-network="googleplus"></i>
+    {{#if media}}
+		  <i class="fa fa-pinterest" data-network="pinterest"></i>
+	  {{/if}}
+  </div>
+</div>
+<div class="close-share-wrap" can-click="closePanel">
+  Share
+  <i class="fa fa-times"></i>
+</div>
diff --git a/homepage_embed/bits_carousel/bits_carousel.js b/homepage_embed/bits_carousel/bits_carousel.js
new file mode 100755
index 0000000..02ee030
--- /dev/null
+++ b/homepage_embed/bits_carousel/bits_carousel.js
@@ -0,0 +1,178 @@
+import can from "can";
+import initView from "./bits_carousel.stache!";
+import BitModel from "models/bit";
+
+import "./bits_carousel.less!";
+import "can/map/define/";
+
+var MIN_CARD_WIDTH = 250;
+
+var getNextClickTS = function(factor){
+	return (new Date()).getTime() + (factor || 5000);
+};
+
+export default can.Component.extend({
+	tag: 'bh-bits-carousel',
+	template: initView,
+	scope : {
+		bitTag: 'bh-bit',
+		hasNextPage: true,
+		isLoading: false,
+		fromLeft: 0,
+		carouselWidth: 0,
+		cardWidth: 220,
+		nextClickTimeout : null,
+		define : {
+			params : {
+				value : function(){
+					return new can.Map();
+				},
+				get : function(lastSetValue){
+					lastSetValue = lastSetValue || new can.Map();
+					lastSetValue.attr('offset', lastSetValue.offset || this.attr('bits').length || 0);
+					lastSetValue.attr('limit', 10);
+					return lastSetValue;
+				}
+			},
+		},
+		getBitModel : function(){
+			return this.bitModel || BitModel;
+		},
+		init : function(){
+			var bitModel = this.getBitModel();
+			this.attr('bits', new bitModel.List());
+			this.loadNextPage();
+		},
+		loadNextPage : function(){
+			var self = this;
+			var bits = self.attr('bits');
+			var hasContents = !!bits.length;
+			var params;
+
+
+			if(this.attr('hasNextPage')){
+				this.attr('isLoading', true);
+
+				params = this.attr('params').attr();
+				//return;
+				this.getBitModel().findAll(params).then(function(data){
+					can.batch.start();
+
+					if(data.length){
+						if(data.length < self.attr('params.limit')){
+							self.attr('hasNextPage', false);
+						}
+						
+						self.attr('params.offset', self.attr('params.offset') + data.length);
+						self.attr('isLoading', false);
+						bits.push.apply(bits, data);
+					} else {
+						self.attr({
+							isLoading: false,
+							hasNextPage: false
+						});
+						bits.push.apply(bits, bits);
+					}
+					can.batch.stop();
+					if(hasContents){
+						self.carouselNext();
+					}
+				}, function(){
+					self.attr({
+						isLoading: false,
+						hasNextPage: false
+					});
+				});
+			} else {
+				bits.push.apply(bits, bits.attr());
+				this.carouselNext();
+			}
+		},
+		loadingCardWidth : function(){
+			return this.attr('cardWidth') - 5;
+		},
+		carouselContentWidth : function(){
+			var cardWidth = this.attr('cardWidth');
+			var width = this.attr('bits').attr('length') * cardWidth;
+			if(this.attr('isLoading')){
+				width = width + cardWidth;
+			}
+			return width;
+		},
+		carouselNext : function(ctx, el){
+			var cardWidth = this.attr('cardWidth');
+			var factor;
+			if(el){
+				el.trigger('interaction:carousel-scroll', [this.attr('state.hubId')]);
+				factor = 10000;
+			}
+			this.nextClickTimeout = getNextClickTS(factor);
+			if(this.attr('isLoading')){
+				return;
+			}
+
+			var next = this.attr('fromLeft') + cardWidth;
+			if(next > this.maxFromLeft()){
+				this.loadNextPage();
+			}
+			this.attr('fromLeft', Math.min(next, this.maxFromLeft()));
+		},
+		maxFromLeft : function(){
+			return this.carouselContentWidth() - this.attr('carouselWidth') - 10;
+		},
+		carouselPrev : function(ctx, el){
+			var cardWidth = this.attr('cardWidth');
+			var factor;
+			if(el){
+				factor = 10000;
+			}
+			this.nextClickTimeout = getNextClickTS(factor);
+			this.attr('fromLeft', Math.max(0, this.attr('fromLeft') - cardWidth));
+		}
+	},
+	helpers : {
+		renderCard : function(bit, opts){
+			var tag = this.attr('bitTag');
+			var template = can.stache('<' + tag + ' bit="{bit}" state="{state}"></' + tag + '>');
+			return template(opts.scope.add({bit: bit}));
+		}
+	},
+	events : {
+		init: function(){
+			this.measureWidth();
+			this.scope.nextClickTimeout = getNextClickTS();
+		},
+		autoClick : function(){
+			var currentTS = (new Date()).getTime();
+			var diff = Math.abs(currentTS - this.scope.nextClickTimeout);
+			if(diff < 100){
+				this.element.find('[can-click="carouselNext"]').click();
+				this.scope.nextClickTimeout = getNextClickTS();
+			}
+			setTimeout(this.autoClick.bind(this), 100);
+		},
+		"{scope.bits} length" : function(){
+			if(!this.__autoClickInited){
+				this.measureWidth();
+				this.autoClick();
+				this.__autoClickInited = true;
+			}
+		},
+		'{window} resize': 'measureWidth',
+		measureWidth: function(){
+			var self = this;
+			clearTimeout(this.__measureWidthTimeout);
+			this.__measureWidthTimeout = setTimeout(function(){
+				var outerWidth = self.element.find('.outer-carousel-wrap').width();
+				var cardCount = Math.floor(outerWidth / MIN_CARD_WIDTH) || 1;
+				var cardWidth = Math.max(MIN_CARD_WIDTH, (outerWidth + 10) / cardCount);
+				self.scope.attr({
+					carouselWidth: outerWidth,
+					cardWidth: cardWidth,
+					fromLeft: 0
+				});
+			}, 100);
+		}
+	}
+
+});
diff --git a/homepage_embed/bits_carousel/bits_carousel.less b/homepage_embed/bits_carousel/bits_carousel.less
new file mode 100755
index 0000000..d6080af
--- /dev/null
+++ b/homepage_embed/bits_carousel/bits_carousel.less
@@ -0,0 +1,86 @@
+bh-bits-carousel {
+    width: 100%;
+    display: block;
+    position: relative;
+    .outer-carousel-wrap {
+        margin: 0px 25px -20px;
+        overflow: hidden;
+        padding: 10px 0;
+    }
+    .inner-carousel-wrap {
+        transition: margin-left 0.5s ease-in-out;
+    }
+    .outer-card-wrap {
+        float: left;
+        width: 350px;
+        bh-bit-carousel .bit-wrap {
+            margin-top: 0;
+            margin-left: 15px;
+            margin-right: 15px;
+            height: 100% !important;
+            border: 2px solid white;
+            border-radius: 5px;
+            box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
+            &.loading {
+                background-image: url(../images/card-loader-blue.gif);
+            }
+        }
+        img {
+            max-width: 100%;
+        }
+    }
+    bh-image-gallery {
+        .current-image-wrap {
+            height: 300px;
+            overflow: hidden;
+        }
+    }
+    .carousel-prev, .carousel-next {
+        border-radius: 100%;
+        background: #4a7c8d;
+        color: white;
+        width: 34px;
+        height: 34px;
+        position: absolute;
+        font-size: 25px;
+        line-height: 50px;
+        text-align: center;
+        z-index: 100;
+        cursor: pointer;
+        background-repeat: no-repeat;
+        top: 50%;
+        margin-top: -17px;
+        background-size: 30px;
+        
+    }
+
+    .carousel-prev {
+        left: 0;
+        margin-left: -17px;
+        background-image: url(../images/bithub-site_test-hub-arrow-left.svg);
+        background-position: 50% 50%;
+    }
+
+    .carousel-next {
+        right: 0;
+        margin-right: -17px;
+        background-image: url(../images/bithub-site_test-hub-arrow-right.svg);
+        background-position: 50% 50%;
+    }
+    .loading-wrap {
+        text-align: center;
+        float: left;
+        background-image: url(../images/card-loader-blue.gif);
+        background-position: 50% 50%;
+        background-repeat: no-repeat;
+        border-radius: 5px;
+		    -moz-border-radius: 5px;
+		    -webkit-border-radius: 5px;
+        /*border: 1px solid #71b5c5;*/
+        .image {
+            padding-bottom: 85%;
+            margin-bottom: 155px;
+        }
+    }
+}
+
diff --git a/homepage_embed/bits_carousel/bits_carousel.stache b/homepage_embed/bits_carousel/bits_carousel.stache
new file mode 100755
index 0000000..15be28b
--- /dev/null
+++ b/homepage_embed/bits_carousel/bits_carousel.stache
@@ -0,0 +1,16 @@
+<div class="carousel-prev" can-click="carouselPrev"></div>
+<div class="outer-carousel-wrap">
+  <div class="inner-carousel-wrap" style="width: {{carouselContentWidth}}px; margin-left: -{{fromLeft}}px">
+	  {{#each bits}}
+		  <div class="outer-card-wrap" style="width: {{cardWidth}}px">
+			  {{{ renderCard this }}}
+		  </div>
+	  {{/each}}
+    {{#if isLoading}}
+      <div class="loading-wrap" style="width: {{loadingCardWidth}}px">
+        <div class="image"></div>
+      </div>
+    {{/if}}
+  </div>
+</div>
+<div class="carousel-next" can-click="carouselNext"></div>
diff --git a/homepage_embed/bits_carousel/bits_carousel_demo.html b/homepage_embed/bits_carousel/bits_carousel_demo.html
new file mode 100755
index 0000000..e1576ff
--- /dev/null
+++ b/homepage_embed/bits_carousel/bits_carousel_demo.html
@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+  <head>
+    <title>BitHub Embed Demo</title>
+    <style>
+      body.wowbao {
+          background: #4c1e09;
+      }
+    </style>
+  </head>
+  <body class="page-context wowbao">
+    <div id="app" class="bh-bits" style="margin-top: 20px;"></div>
+    <script src="../node_modules/steal/steal.js" main="bits_carousel/bits_carousel_demo"></script>
+  </body>
+</html>
diff --git a/homepage_embed/bits_carousel/bits_carousel_demo.js b/homepage_embed/bits_carousel/bits_carousel_demo.js
new file mode 100755
index 0000000..917f913
--- /dev/null
+++ b/homepage_embed/bits_carousel/bits_carousel_demo.js
@@ -0,0 +1,36 @@
+import fixtures from "../fixtures/fixture_data.json";
+import can from "can";
+import $ from "jquery";
+
+import Bit from "../models/bit";
+
+import "../bits_carousel/";
+import "../bit_carousel/";
+
+import "../style/embed.less!";
+
+//var bitData = new Bit.List(fixtures.data.slice(0, 10));
+
+var RealBit = can.Model.extend({
+	findAll: function(params){
+		return $.ajax({
+			url: 'http://bithub.loc/api/v3/embeds/4/entities?view=public&tenant_name=scenic_winter_2942&' + $.param(params)
+		});
+	},
+}, {});
+
+
+var template = can.stache('<bh-bits-carousel bit-tag="bh-bit-carousel" bit-model="{bitModel}"></bh-bits-carousel>');
+
+var State = can.Map.extend({
+	isAdmin(){
+		return false;
+	},
+	assetRoot: "../",
+	hubId: 1
+});
+
+$('#app').html(template({
+	bitModel: RealBit,
+	state: new State()
+}));
diff --git a/homepage_embed/images/bithub-site_test-hub-arrow-left.svg b/homepage_embed/images/bithub-site_test-hub-arrow-left.svg
new file mode 100644
index 0000000..32c6555
--- /dev/null
+++ b/homepage_embed/images/bithub-site_test-hub-arrow-left.svg
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<path class="st7" d="M21.9,0C34,0,43.8,9.8,43.8,21.9S34,43.8,21.9,43.8S0,34,0,21.9S9.8,0,21.9,0z M21.9,42.1
+			c11.1,0,20.2-9.1,20.2-20.2S33.1,1.7,21.9,1.7c-11.1,0-20.2,9.1-20.2,20.2S10.8,42.1,21.9,42.1z"/>
+		<path class="st7" d="M26.2,8.1c0.2,0,0.4,0.1,0.6,0.2c0.3,0.3,0.3,0.9,0,1.2L14.5,21.9l12.4,12.4c0.3,0.3,0.3,0.9,0,1.2
+			c-0.3,0.3-0.9,0.3-1.2,0l-13-13c-0.2-0.2-0.2-0.4-0.2-0.6c0-0.2,0.1-0.4,0.2-0.6l13-13C25.8,8.2,26,8.1,26.2,8.1z"/>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/homepage_embed/images/bithub-site_test-hub-arrow-right.svg b/homepage_embed/images/bithub-site_test-hub-arrow-right.svg
new file mode 100644
index 0000000..9e5d730
--- /dev/null
+++ b/homepage_embed/images/bithub-site_test-hub-arrow-right.svg
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<path class="st7" d="M21.9,43.8C9.8,43.8,0,34,0,21.9S9.8,0,21.9,0s21.9,9.8,21.9,21.9S34,43.8,21.9,43.8z M21.9,1.7
+			c-11.1,0-20.2,9.1-20.2,20.2s9.1,20.2,20.2,20.2s20.2-9.1,20.2-20.2S33.1,1.7,21.9,1.7z"/>
+		<path class="st7" d="M17.6,35.7c-0.2,0-0.4-0.1-0.6-0.2c-0.3-0.3-0.3-0.9,0-1.2l12.4-12.4L17,9.6c-0.3-0.3-0.3-0.9,0-1.2
+			c0.3-0.3,0.9-0.3,1.2,0l13,13c0.2,0.2,0.2,0.4,0.2,0.6c0,0.2-0.1,0.4-0.2,0.6l-13,13C18,35.6,17.8,35.7,17.6,35.7z"/>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/homepage_embed/images/brown_arrow_left.png b/homepage_embed/images/brown_arrow_left.png
new file mode 100755
index 0000000..54013e2
Binary files /dev/null and b/homepage_embed/images/brown_arrow_left.png differ
diff --git a/homepage_embed/images/brown_arrow_right.png b/homepage_embed/images/brown_arrow_right.png
new file mode 100755
index 0000000..7b12a07
Binary files /dev/null and b/homepage_embed/images/brown_arrow_right.png differ
diff --git a/homepage_embed/images/card-loader-blue.gif b/homepage_embed/images/card-loader-blue.gif
new file mode 100644
index 0000000..eeedc17
Binary files /dev/null and b/homepage_embed/images/card-loader-blue.gif differ
diff --git a/homepage_embed/images/card-loader-brown.gif b/homepage_embed/images/card-loader-brown.gif
new file mode 100755
index 0000000..7375566
Binary files /dev/null and b/homepage_embed/images/card-loader-brown.gif differ
diff --git a/homepage_embed/images/card-loader-dark.gif b/homepage_embed/images/card-loader-dark.gif
new file mode 100755
index 0000000..94c50b0
Binary files /dev/null and b/homepage_embed/images/card-loader-dark.gif differ
diff --git a/homepage_embed/images/card-loader.gif b/homepage_embed/images/card-loader.gif
new file mode 100755
index 0000000..1560b64
Binary files /dev/null and b/homepage_embed/images/card-loader.gif differ
diff --git a/homepage_embed/images/moderation/approve.png b/homepage_embed/images/moderation/approve.png
new file mode 100755
index 0000000..2ac72dc
Binary files /dev/null and b/homepage_embed/images/moderation/approve.png differ
diff --git a/homepage_embed/images/moderation/block.png b/homepage_embed/images/moderation/block.png
new file mode 100755
index 0000000..01bc2d0
Binary files /dev/null and b/homepage_embed/images/moderation/block.png differ
diff --git a/homepage_embed/images/moderation/pin.png b/homepage_embed/images/moderation/pin.png
new file mode 100755
index 0000000..d6dfaaa
Binary files /dev/null and b/homepage_embed/images/moderation/pin.png differ
diff --git a/homepage_embed/images/moderation/unpin.png b/homepage_embed/images/moderation/unpin.png
new file mode 100755
index 0000000..9b867ba
Binary files /dev/null and b/homepage_embed/images/moderation/unpin.png differ
diff --git a/homepage_embed/images/social-empty/500px.png b/homepage_embed/images/social-empty/500px.png
new file mode 100755
index 0000000..73266dd
Binary files /dev/null and b/homepage_embed/images/social-empty/500px.png differ
diff --git a/homepage_embed/images/social-empty/android.png b/homepage_embed/images/social-empty/android.png
new file mode 100755
index 0000000..4979a10
Binary files /dev/null and b/homepage_embed/images/social-empty/android.png differ
diff --git a/homepage_embed/images/social-empty/apple.png b/homepage_embed/images/social-empty/apple.png
new file mode 100755
index 0000000..1e4e54f
Binary files /dev/null and b/homepage_embed/images/social-empty/apple.png differ
diff --git a/homepage_embed/images/social-empty/appnet.png b/homepage_embed/images/social-empty/appnet.png
new file mode 100755
index 0000000..ec789ed
Binary files /dev/null and b/homepage_embed/images/social-empty/appnet.png differ
diff --git a/homepage_embed/images/social-empty/bebo.png b/homepage_embed/images/social-empty/bebo.png
new file mode 100755
index 0000000..3bbdb61
Binary files /dev/null and b/homepage_embed/images/social-empty/bebo.png differ
diff --git a/homepage_embed/images/social-empty/behance.png b/homepage_embed/images/social-empty/behance.png
new file mode 100755
index 0000000..e54849f
Binary files /dev/null and b/homepage_embed/images/social-empty/behance.png differ
diff --git a/homepage_embed/images/social-empty/blogger.png b/homepage_embed/images/social-empty/blogger.png
new file mode 100755
index 0000000..76b4379
Binary files /dev/null and b/homepage_embed/images/social-empty/blogger.png differ
diff --git a/homepage_embed/images/social-empty/buffer.png b/homepage_embed/images/social-empty/buffer.png
new file mode 100755
index 0000000..59e452b
Binary files /dev/null and b/homepage_embed/images/social-empty/buffer.png differ
diff --git a/homepage_embed/images/social-empty/chimein.png b/homepage_embed/images/social-empty/chimein.png
new file mode 100755
index 0000000..f9ee78a
Binary files /dev/null and b/homepage_embed/images/social-empty/chimein.png differ
diff --git a/homepage_embed/images/social-empty/coderwall.png b/homepage_embed/images/social-empty/coderwall.png
new file mode 100755
index 0000000..963ee86
Binary files /dev/null and b/homepage_embed/images/social-empty/coderwall.png differ
diff --git a/homepage_embed/images/social-empty/dailymotion.png b/homepage_embed/images/social-empty/dailymotion.png
new file mode 100755
index 0000000..e878939
Binary files /dev/null and b/homepage_embed/images/social-empty/dailymotion.png differ
diff --git a/homepage_embed/images/social-empty/delicious.png b/homepage_embed/images/social-empty/delicious.png
new file mode 100755
index 0000000..edfc408
Binary files /dev/null and b/homepage_embed/images/social-empty/delicious.png differ
diff --git a/homepage_embed/images/social-empty/deviantart.png b/homepage_embed/images/social-empty/deviantart.png
new file mode 100755
index 0000000..02d26dc
Binary files /dev/null and b/homepage_embed/images/social-empty/deviantart.png differ
diff --git a/homepage_embed/images/social-empty/digg.png b/homepage_embed/images/social-empty/digg.png
new file mode 100755
index 0000000..8266383
Binary files /dev/null and b/homepage_embed/images/social-empty/digg.png differ
diff --git a/homepage_embed/images/social-empty/disqus.png b/homepage_embed/images/social-empty/disqus.png
new file mode 100755
index 0000000..db112ba
Binary files /dev/null and b/homepage_embed/images/social-empty/disqus.png differ
diff --git a/homepage_embed/images/social-empty/dribbble.png b/homepage_embed/images/social-empty/dribbble.png
new file mode 100755
index 0000000..b3f1102
Binary files /dev/null and b/homepage_embed/images/social-empty/dribbble.png differ
diff --git a/homepage_embed/images/social-empty/drupal.png b/homepage_embed/images/social-empty/drupal.png
new file mode 100755
index 0000000..7263329
Binary files /dev/null and b/homepage_embed/images/social-empty/drupal.png differ
diff --git a/homepage_embed/images/social-empty/envato.png b/homepage_embed/images/social-empty/envato.png
new file mode 100755
index 0000000..2bbde2b
Binary files /dev/null and b/homepage_embed/images/social-empty/envato.png differ
diff --git a/homepage_embed/images/social-empty/facebook.png b/homepage_embed/images/social-empty/facebook.png
new file mode 100755
index 0000000..b06ccb5
Binary files /dev/null and b/homepage_embed/images/social-empty/facebook.png differ
diff --git a/homepage_embed/images/social-empty/feedburner.png b/homepage_embed/images/social-empty/feedburner.png
new file mode 100755
index 0000000..e57af06
Binary files /dev/null and b/homepage_embed/images/social-empty/feedburner.png differ
diff --git a/homepage_embed/images/social-empty/flattr.png b/homepage_embed/images/social-empty/flattr.png
new file mode 100755
index 0000000..511f24d
Binary files /dev/null and b/homepage_embed/images/social-empty/flattr.png differ
diff --git a/homepage_embed/images/social-empty/flickr.png b/homepage_embed/images/social-empty/flickr.png
new file mode 100755
index 0000000..0cedf44
Binary files /dev/null and b/homepage_embed/images/social-empty/flickr.png differ
diff --git a/homepage_embed/images/social-empty/forrst.png b/homepage_embed/images/social-empty/forrst.png
new file mode 100755
index 0000000..72bda7f
Binary files /dev/null and b/homepage_embed/images/social-empty/forrst.png differ
diff --git a/homepage_embed/images/social-empty/foursquare.png b/homepage_embed/images/social-empty/foursquare.png
new file mode 100755
index 0000000..7802c6b
Binary files /dev/null and b/homepage_embed/images/social-empty/foursquare.png differ
diff --git a/homepage_embed/images/social-empty/friendfeed.png b/homepage_embed/images/social-empty/friendfeed.png
new file mode 100755
index 0000000..0daaaa9
Binary files /dev/null and b/homepage_embed/images/social-empty/friendfeed.png differ
diff --git a/homepage_embed/images/social-empty/github.png b/homepage_embed/images/social-empty/github.png
new file mode 100755
index 0000000..4f33508
Binary files /dev/null and b/homepage_embed/images/social-empty/github.png differ
diff --git a/homepage_embed/images/social-empty/goodreads.png b/homepage_embed/images/social-empty/goodreads.png
new file mode 100755
index 0000000..9aa233f
Binary files /dev/null and b/homepage_embed/images/social-empty/goodreads.png differ
diff --git a/homepage_embed/images/social-empty/google.png b/homepage_embed/images/social-empty/google.png
new file mode 100755
index 0000000..5ef8afd
Binary files /dev/null and b/homepage_embed/images/social-empty/google.png differ
diff --git a/homepage_embed/images/social-empty/grooveshark.png b/homepage_embed/images/social-empty/grooveshark.png
new file mode 100755
index 0000000..acdcd69
Binary files /dev/null and b/homepage_embed/images/social-empty/grooveshark.png differ
diff --git a/homepage_embed/images/social-empty/houzz.png b/homepage_embed/images/social-empty/houzz.png
new file mode 100755
index 0000000..5438183
Binary files /dev/null and b/homepage_embed/images/social-empty/houzz.png differ
diff --git a/homepage_embed/images/social-empty/identica.png b/homepage_embed/images/social-empty/identica.png
new file mode 100755
index 0000000..3bfb3af
Binary files /dev/null and b/homepage_embed/images/social-empty/identica.png differ
diff --git a/homepage_embed/images/social-empty/instagram.png b/homepage_embed/images/social-empty/instagram.png
new file mode 100755
index 0000000..098d0e5
Binary files /dev/null and b/homepage_embed/images/social-empty/instagram.png differ
diff --git a/homepage_embed/images/social-empty/lanyrd.png b/homepage_embed/images/social-empty/lanyrd.png
new file mode 100755
index 0000000..529e6d6
Binary files /dev/null and b/homepage_embed/images/social-empty/lanyrd.png differ
diff --git a/homepage_embed/images/social-empty/lastfm.png b/homepage_embed/images/social-empty/lastfm.png
new file mode 100755
index 0000000..ac87052
Binary files /dev/null and b/homepage_embed/images/social-empty/lastfm.png differ
diff --git a/homepage_embed/images/social-empty/linkedin.png b/homepage_embed/images/social-empty/linkedin.png
new file mode 100755
index 0000000..1879697
Binary files /dev/null and b/homepage_embed/images/social-empty/linkedin.png differ
diff --git a/homepage_embed/images/social-empty/mail.png b/homepage_embed/images/social-empty/mail.png
new file mode 100755
index 0000000..ad02588
Binary files /dev/null and b/homepage_embed/images/social-empty/mail.png differ
diff --git a/homepage_embed/images/social-empty/meetup.png b/homepage_embed/images/social-empty/meetup.png
new file mode 100755
index 0000000..7147566
Binary files /dev/null and b/homepage_embed/images/social-empty/meetup.png differ
diff --git a/homepage_embed/images/social-empty/myspace.png b/homepage_embed/images/social-empty/myspace.png
new file mode 100755
index 0000000..a67eac7
Binary files /dev/null and b/homepage_embed/images/social-empty/myspace.png differ
diff --git a/homepage_embed/images/social-empty/newsvine.png b/homepage_embed/images/social-empty/newsvine.png
new file mode 100755
index 0000000..2dec0c3
Binary files /dev/null and b/homepage_embed/images/social-empty/newsvine.png differ
diff --git a/homepage_embed/images/social-empty/odnoklassniki.png b/homepage_embed/images/social-empty/odnoklassniki.png
new file mode 100755
index 0000000..cfdd6ce
Binary files /dev/null and b/homepage_embed/images/social-empty/odnoklassniki.png differ
diff --git a/homepage_embed/images/social-empty/outlook.png b/homepage_embed/images/social-empty/outlook.png
new file mode 100755
index 0000000..60967cc
Binary files /dev/null and b/homepage_embed/images/social-empty/outlook.png differ
diff --git a/homepage_embed/images/social-empty/patreon.png b/homepage_embed/images/social-empty/patreon.png
new file mode 100755
index 0000000..2e51a71
Binary files /dev/null and b/homepage_embed/images/social-empty/patreon.png differ
diff --git a/homepage_embed/images/social-empty/paypal.png b/homepage_embed/images/social-empty/paypal.png
new file mode 100755
index 0000000..bf0d6cc
Binary files /dev/null and b/homepage_embed/images/social-empty/paypal.png differ
diff --git a/homepage_embed/images/social-empty/persona.png b/homepage_embed/images/social-empty/persona.png
new file mode 100755
index 0000000..a597f8d
Binary files /dev/null and b/homepage_embed/images/social-empty/persona.png differ
diff --git a/homepage_embed/images/social-empty/pinterest.png b/homepage_embed/images/social-empty/pinterest.png
new file mode 100755
index 0000000..151c944
Binary files /dev/null and b/homepage_embed/images/social-empty/pinterest.png differ
diff --git a/homepage_embed/images/social-empty/play.png b/homepage_embed/images/social-empty/play.png
new file mode 100755
index 0000000..33453f2
Binary files /dev/null and b/homepage_embed/images/social-empty/play.png differ
diff --git a/homepage_embed/images/social-empty/playstation.png b/homepage_embed/images/social-empty/playstation.png
new file mode 100755
index 0000000..e88bd9d
Binary files /dev/null and b/homepage_embed/images/social-empty/playstation.png differ
diff --git a/homepage_embed/images/social-empty/reddit.png b/homepage_embed/images/social-empty/reddit.png
new file mode 100755
index 0000000..1974382
Binary files /dev/null and b/homepage_embed/images/social-empty/reddit.png differ
diff --git a/homepage_embed/images/social-empty/rss.png b/homepage_embed/images/social-empty/rss.png
new file mode 100755
index 0000000..cb04482
Binary files /dev/null and b/homepage_embed/images/social-empty/rss.png differ
diff --git a/homepage_embed/images/social-empty/skype.png b/homepage_embed/images/social-empty/skype.png
new file mode 100755
index 0000000..c6103c4
Binary files /dev/null and b/homepage_embed/images/social-empty/skype.png differ
diff --git a/homepage_embed/images/social-empty/slideshare.png b/homepage_embed/images/social-empty/slideshare.png
new file mode 100755
index 0000000..da943ed
Binary files /dev/null and b/homepage_embed/images/social-empty/slideshare.png differ
diff --git a/homepage_embed/images/social-empty/smugmug.png b/homepage_embed/images/social-empty/smugmug.png
new file mode 100755
index 0000000..5436075
Binary files /dev/null and b/homepage_embed/images/social-empty/smugmug.png differ
diff --git a/homepage_embed/images/social-empty/soundcloud.png b/homepage_embed/images/social-empty/soundcloud.png
new file mode 100755
index 0000000..e02067f
Binary files /dev/null and b/homepage_embed/images/social-empty/soundcloud.png differ
diff --git a/homepage_embed/images/social-empty/spotify.png b/homepage_embed/images/social-empty/spotify.png
new file mode 100755
index 0000000..c798065
Binary files /dev/null and b/homepage_embed/images/social-empty/spotify.png differ
diff --git a/homepage_embed/images/social-empty/stackexchange.png b/homepage_embed/images/social-empty/stackexchange.png
new file mode 100755
index 0000000..07c976e
Binary files /dev/null and b/homepage_embed/images/social-empty/stackexchange.png differ
diff --git a/homepage_embed/images/social-empty/steam.png b/homepage_embed/images/social-empty/steam.png
new file mode 100755
index 0000000..b485fc6
Binary files /dev/null and b/homepage_embed/images/social-empty/steam.png differ
diff --git a/homepage_embed/images/social-empty/stumbleupon.png b/homepage_embed/images/social-empty/stumbleupon.png
new file mode 100755
index 0000000..0a0466e
Binary files /dev/null and b/homepage_embed/images/social-empty/stumbleupon.png differ
diff --git a/homepage_embed/images/social-empty/swarm.png b/homepage_embed/images/social-empty/swarm.png
new file mode 100755
index 0000000..1c260b0
Binary files /dev/null and b/homepage_embed/images/social-empty/swarm.png differ
diff --git a/homepage_embed/images/social-empty/technorati.png b/homepage_embed/images/social-empty/technorati.png
new file mode 100755
index 0000000..becc826
Binary files /dev/null and b/homepage_embed/images/social-empty/technorati.png differ
diff --git a/homepage_embed/images/social-empty/tripadvisor.png b/homepage_embed/images/social-empty/tripadvisor.png
new file mode 100755
index 0000000..dcdc86f
Binary files /dev/null and b/homepage_embed/images/social-empty/tripadvisor.png differ
diff --git a/homepage_embed/images/social-empty/tripit.png b/homepage_embed/images/social-empty/tripit.png
new file mode 100755
index 0000000..e7594e9
Binary files /dev/null and b/homepage_embed/images/social-empty/tripit.png differ
diff --git a/homepage_embed/images/social-empty/triplej.png b/homepage_embed/images/social-empty/triplej.png
new file mode 100755
index 0000000..3730197
Binary files /dev/null and b/homepage_embed/images/social-empty/triplej.png differ
diff --git a/homepage_embed/images/social-empty/tumblr.png b/homepage_embed/images/social-empty/tumblr.png
new file mode 100755
index 0000000..6c84612
Binary files /dev/null and b/homepage_embed/images/social-empty/tumblr.png differ
diff --git a/homepage_embed/images/social-empty/twitter.png b/homepage_embed/images/social-empty/twitter.png
new file mode 100755
index 0000000..d363692
Binary files /dev/null and b/homepage_embed/images/social-empty/twitter.png differ
diff --git a/homepage_embed/images/social-empty/viadeo.png b/homepage_embed/images/social-empty/viadeo.png
new file mode 100755
index 0000000..2eab032
Binary files /dev/null and b/homepage_embed/images/social-empty/viadeo.png differ
diff --git a/homepage_embed/images/social-empty/vimeo.png b/homepage_embed/images/social-empty/vimeo.png
new file mode 100755
index 0000000..d028086
Binary files /dev/null and b/homepage_embed/images/social-empty/vimeo.png differ
diff --git a/homepage_embed/images/social-empty/vine.png b/homepage_embed/images/social-empty/vine.png
new file mode 100755
index 0000000..79ebe0d
Binary files /dev/null and b/homepage_embed/images/social-empty/vine.png differ
diff --git a/homepage_embed/images/social-empty/vkontakte.png b/homepage_embed/images/social-empty/vkontakte.png
new file mode 100755
index 0000000..10159a4
Binary files /dev/null and b/homepage_embed/images/social-empty/vkontakte.png differ
diff --git a/homepage_embed/images/social-empty/wikipedia.png b/homepage_embed/images/social-empty/wikipedia.png
new file mode 100755
index 0000000..7c90a19
Binary files /dev/null and b/homepage_embed/images/social-empty/wikipedia.png differ
diff --git a/homepage_embed/images/social-empty/windows.png b/homepage_embed/images/social-empty/windows.png
new file mode 100755
index 0000000..354e785
Binary files /dev/null and b/homepage_embed/images/social-empty/windows.png differ
diff --git a/homepage_embed/images/social-empty/wordpress.png b/homepage_embed/images/social-empty/wordpress.png
new file mode 100755
index 0000000..737a7cb
Binary files /dev/null and b/homepage_embed/images/social-empty/wordpress.png differ
diff --git a/homepage_embed/images/social-empty/xbox.png b/homepage_embed/images/social-empty/xbox.png
new file mode 100755
index 0000000..1768fd1
Binary files /dev/null and b/homepage_embed/images/social-empty/xbox.png differ
diff --git a/homepage_embed/images/social-empty/xing.png b/homepage_embed/images/social-empty/xing.png
new file mode 100755
index 0000000..f364cff
Binary files /dev/null and b/homepage_embed/images/social-empty/xing.png differ
diff --git a/homepage_embed/images/social-empty/yahoo.png b/homepage_embed/images/social-empty/yahoo.png
new file mode 100755
index 0000000..376ee5f
Binary files /dev/null and b/homepage_embed/images/social-empty/yahoo.png differ
diff --git a/homepage_embed/images/social-empty/yammer.png b/homepage_embed/images/social-empty/yammer.png
new file mode 100755
index 0000000..60f3cdb
Binary files /dev/null and b/homepage_embed/images/social-empty/yammer.png differ
diff --git a/homepage_embed/images/social-empty/yelp.png b/homepage_embed/images/social-empty/yelp.png
new file mode 100755
index 0000000..23e3ad1
Binary files /dev/null and b/homepage_embed/images/social-empty/yelp.png differ
diff --git a/homepage_embed/images/social-empty/youtube.png b/homepage_embed/images/social-empty/youtube.png
new file mode 100755
index 0000000..3f2cbaa
Binary files /dev/null and b/homepage_embed/images/social-empty/youtube.png differ
diff --git a/homepage_embed/images/social-empty/zerply.png b/homepage_embed/images/social-empty/zerply.png
new file mode 100755
index 0000000..43054f3
Binary files /dev/null and b/homepage_embed/images/social-empty/zerply.png differ
diff --git a/homepage_embed/images/social-empty/zynga.png b/homepage_embed/images/social-empty/zynga.png
new file mode 100755
index 0000000..d80f6c3
Binary files /dev/null and b/homepage_embed/images/social-empty/zynga.png differ
diff --git a/homepage_embed/images/social-grey/500px.png b/homepage_embed/images/social-grey/500px.png
new file mode 100755
index 0000000..70a373a
Binary files /dev/null and b/homepage_embed/images/social-grey/500px.png differ
diff --git a/homepage_embed/images/social-grey/android.png b/homepage_embed/images/social-grey/android.png
new file mode 100755
index 0000000..8873929
Binary files /dev/null and b/homepage_embed/images/social-grey/android.png differ
diff --git a/homepage_embed/images/social-grey/apple.png b/homepage_embed/images/social-grey/apple.png
new file mode 100755
index 0000000..3be24cd
Binary files /dev/null and b/homepage_embed/images/social-grey/apple.png differ
diff --git a/homepage_embed/images/social-grey/appnet.png b/homepage_embed/images/social-grey/appnet.png
new file mode 100755
index 0000000..a0692e9
Binary files /dev/null and b/homepage_embed/images/social-grey/appnet.png differ
diff --git a/homepage_embed/images/social-grey/bebo.png b/homepage_embed/images/social-grey/bebo.png
new file mode 100755
index 0000000..cda2140
Binary files /dev/null and b/homepage_embed/images/social-grey/bebo.png differ
diff --git a/homepage_embed/images/social-grey/behance.png b/homepage_embed/images/social-grey/behance.png
new file mode 100755
index 0000000..32e826f
Binary files /dev/null and b/homepage_embed/images/social-grey/behance.png differ
diff --git a/homepage_embed/images/social-grey/blogger.png b/homepage_embed/images/social-grey/blogger.png
new file mode 100755
index 0000000..e5c578a
Binary files /dev/null and b/homepage_embed/images/social-grey/blogger.png differ
diff --git a/homepage_embed/images/social-grey/buffer.png b/homepage_embed/images/social-grey/buffer.png
new file mode 100755
index 0000000..6459b72
Binary files /dev/null and b/homepage_embed/images/social-grey/buffer.png differ
diff --git a/homepage_embed/images/social-grey/chimein.png b/homepage_embed/images/social-grey/chimein.png
new file mode 100755
index 0000000..8ef164e
Binary files /dev/null and b/homepage_embed/images/social-grey/chimein.png differ
diff --git a/homepage_embed/images/social-grey/coderwall.png b/homepage_embed/images/social-grey/coderwall.png
new file mode 100755
index 0000000..e33921a
Binary files /dev/null and b/homepage_embed/images/social-grey/coderwall.png differ
diff --git a/homepage_embed/images/social-grey/dailymotion.png b/homepage_embed/images/social-grey/dailymotion.png
new file mode 100755
index 0000000..21ebbc5
Binary files /dev/null and b/homepage_embed/images/social-grey/dailymotion.png differ
diff --git a/homepage_embed/images/social-grey/delicious.png b/homepage_embed/images/social-grey/delicious.png
new file mode 100755
index 0000000..95cc3b7
Binary files /dev/null and b/homepage_embed/images/social-grey/delicious.png differ
diff --git a/homepage_embed/images/social-grey/deviantart.png b/homepage_embed/images/social-grey/deviantart.png
new file mode 100755
index 0000000..402ee08
Binary files /dev/null and b/homepage_embed/images/social-grey/deviantart.png differ
diff --git a/homepage_embed/images/social-grey/digg.png b/homepage_embed/images/social-grey/digg.png
new file mode 100755
index 0000000..ec6b626
Binary files /dev/null and b/homepage_embed/images/social-grey/digg.png differ
diff --git a/homepage_embed/images/social-grey/disqus.png b/homepage_embed/images/social-grey/disqus.png
new file mode 100755
index 0000000..05e62f4
Binary files /dev/null and b/homepage_embed/images/social-grey/disqus.png differ
diff --git a/homepage_embed/images/social-grey/dribbble.png b/homepage_embed/images/social-grey/dribbble.png
new file mode 100755
index 0000000..0ebb563
Binary files /dev/null and b/homepage_embed/images/social-grey/dribbble.png differ
diff --git a/homepage_embed/images/social-grey/drupal.png b/homepage_embed/images/social-grey/drupal.png
new file mode 100755
index 0000000..664ec75
Binary files /dev/null and b/homepage_embed/images/social-grey/drupal.png differ
diff --git a/homepage_embed/images/social-grey/envato.png b/homepage_embed/images/social-grey/envato.png
new file mode 100755
index 0000000..e7d08ff
Binary files /dev/null and b/homepage_embed/images/social-grey/envato.png differ
diff --git a/homepage_embed/images/social-grey/facebook.png b/homepage_embed/images/social-grey/facebook.png
new file mode 100755
index 0000000..7e9dec0
Binary files /dev/null and b/homepage_embed/images/social-grey/facebook.png differ
diff --git a/homepage_embed/images/social-grey/feedburner.png b/homepage_embed/images/social-grey/feedburner.png
new file mode 100755
index 0000000..c62cf94
Binary files /dev/null and b/homepage_embed/images/social-grey/feedburner.png differ
diff --git a/homepage_embed/images/social-grey/flattr.png b/homepage_embed/images/social-grey/flattr.png
new file mode 100755
index 0000000..692d1da
Binary files /dev/null and b/homepage_embed/images/social-grey/flattr.png differ
diff --git a/homepage_embed/images/social-grey/flickr.png b/homepage_embed/images/social-grey/flickr.png
new file mode 100755
index 0000000..6b305ed
Binary files /dev/null and b/homepage_embed/images/social-grey/flickr.png differ
diff --git a/homepage_embed/images/social-grey/forrst.png b/homepage_embed/images/social-grey/forrst.png
new file mode 100755
index 0000000..1f4937d
Binary files /dev/null and b/homepage_embed/images/social-grey/forrst.png differ
diff --git a/homepage_embed/images/social-grey/foursquare.png b/homepage_embed/images/social-grey/foursquare.png
new file mode 100755
index 0000000..10b7df6
Binary files /dev/null and b/homepage_embed/images/social-grey/foursquare.png differ
diff --git a/homepage_embed/images/social-grey/friendfeed.png b/homepage_embed/images/social-grey/friendfeed.png
new file mode 100755
index 0000000..9c9844f
Binary files /dev/null and b/homepage_embed/images/social-grey/friendfeed.png differ
diff --git a/homepage_embed/images/social-grey/github.png b/homepage_embed/images/social-grey/github.png
new file mode 100755
index 0000000..a0762eb
Binary files /dev/null and b/homepage_embed/images/social-grey/github.png differ
diff --git a/homepage_embed/images/social-grey/goodreads.png b/homepage_embed/images/social-grey/goodreads.png
new file mode 100755
index 0000000..aff201a
Binary files /dev/null and b/homepage_embed/images/social-grey/goodreads.png differ
diff --git a/homepage_embed/images/social-grey/google.png b/homepage_embed/images/social-grey/google.png
new file mode 100755
index 0000000..26421d1
Binary files /dev/null and b/homepage_embed/images/social-grey/google.png differ
diff --git a/homepage_embed/images/social-grey/grooveshark.png b/homepage_embed/images/social-grey/grooveshark.png
new file mode 100755
index 0000000..f2db683
Binary files /dev/null and b/homepage_embed/images/social-grey/grooveshark.png differ
diff --git a/homepage_embed/images/social-grey/houzz.png b/homepage_embed/images/social-grey/houzz.png
new file mode 100755
index 0000000..58ed314
Binary files /dev/null and b/homepage_embed/images/social-grey/houzz.png differ
diff --git a/homepage_embed/images/social-grey/identica.png b/homepage_embed/images/social-grey/identica.png
new file mode 100755
index 0000000..6d49b4c
Binary files /dev/null and b/homepage_embed/images/social-grey/identica.png differ
diff --git a/homepage_embed/images/social-grey/instagram.png b/homepage_embed/images/social-grey/instagram.png
new file mode 100755
index 0000000..c6cf5e8
Binary files /dev/null and b/homepage_embed/images/social-grey/instagram.png differ
diff --git a/homepage_embed/images/social-grey/lanyrd.png b/homepage_embed/images/social-grey/lanyrd.png
new file mode 100755
index 0000000..e849cec
Binary files /dev/null and b/homepage_embed/images/social-grey/lanyrd.png differ
diff --git a/homepage_embed/images/social-grey/lastfm.png b/homepage_embed/images/social-grey/lastfm.png
new file mode 100755
index 0000000..6fdb091
Binary files /dev/null and b/homepage_embed/images/social-grey/lastfm.png differ
diff --git a/homepage_embed/images/social-grey/linkedin.png b/homepage_embed/images/social-grey/linkedin.png
new file mode 100755
index 0000000..35c2641
Binary files /dev/null and b/homepage_embed/images/social-grey/linkedin.png differ
diff --git a/homepage_embed/images/social-grey/mail.png b/homepage_embed/images/social-grey/mail.png
new file mode 100755
index 0000000..e4f65c3
Binary files /dev/null and b/homepage_embed/images/social-grey/mail.png differ
diff --git a/homepage_embed/images/social-grey/meetup.png b/homepage_embed/images/social-grey/meetup.png
new file mode 100755
index 0000000..231bfaa
Binary files /dev/null and b/homepage_embed/images/social-grey/meetup.png differ
diff --git a/homepage_embed/images/social-grey/myspace.png b/homepage_embed/images/social-grey/myspace.png
new file mode 100755
index 0000000..2b31bde
Binary files /dev/null and b/homepage_embed/images/social-grey/myspace.png differ
diff --git a/homepage_embed/images/social-grey/newsvine.png b/homepage_embed/images/social-grey/newsvine.png
new file mode 100755
index 0000000..38e93f2
Binary files /dev/null and b/homepage_embed/images/social-grey/newsvine.png differ
diff --git a/homepage_embed/images/social-grey/odnoklassniki.png b/homepage_embed/images/social-grey/odnoklassniki.png
new file mode 100755
index 0000000..800e3c5
Binary files /dev/null and b/homepage_embed/images/social-grey/odnoklassniki.png differ
diff --git a/homepage_embed/images/social-grey/outlook.png b/homepage_embed/images/social-grey/outlook.png
new file mode 100755
index 0000000..cf67521
Binary files /dev/null and b/homepage_embed/images/social-grey/outlook.png differ
diff --git a/homepage_embed/images/social-grey/patreon.png b/homepage_embed/images/social-grey/patreon.png
new file mode 100755
index 0000000..4f1fa82
Binary files /dev/null and b/homepage_embed/images/social-grey/patreon.png differ
diff --git a/homepage_embed/images/social-grey/paypal.png b/homepage_embed/images/social-grey/paypal.png
new file mode 100755
index 0000000..a6677c1
Binary files /dev/null and b/homepage_embed/images/social-grey/paypal.png differ
diff --git a/homepage_embed/images/social-grey/persona.png b/homepage_embed/images/social-grey/persona.png
new file mode 100755
index 0000000..eb65912
Binary files /dev/null and b/homepage_embed/images/social-grey/persona.png differ
diff --git a/homepage_embed/images/social-grey/pinterest.png b/homepage_embed/images/social-grey/pinterest.png
new file mode 100755
index 0000000..1e984c4
Binary files /dev/null and b/homepage_embed/images/social-grey/pinterest.png differ
diff --git a/homepage_embed/images/social-grey/play.png b/homepage_embed/images/social-grey/play.png
new file mode 100755
index 0000000..773c8f3
Binary files /dev/null and b/homepage_embed/images/social-grey/play.png differ
diff --git a/homepage_embed/images/social-grey/playstation.png b/homepage_embed/images/social-grey/playstation.png
new file mode 100755
index 0000000..95f7ff0
Binary files /dev/null and b/homepage_embed/images/social-grey/playstation.png differ
diff --git a/homepage_embed/images/social-grey/reddit.png b/homepage_embed/images/social-grey/reddit.png
new file mode 100755
index 0000000..fe097a2
Binary files /dev/null and b/homepage_embed/images/social-grey/reddit.png differ
diff --git a/homepage_embed/images/social-grey/rss.png b/homepage_embed/images/social-grey/rss.png
new file mode 100755
index 0000000..e2513f1
Binary files /dev/null and b/homepage_embed/images/social-grey/rss.png differ
diff --git a/homepage_embed/images/social-grey/skype.png b/homepage_embed/images/social-grey/skype.png
new file mode 100755
index 0000000..ca14f90
Binary files /dev/null and b/homepage_embed/images/social-grey/skype.png differ
diff --git a/homepage_embed/images/social-grey/slideshare.png b/homepage_embed/images/social-grey/slideshare.png
new file mode 100755
index 0000000..5695875
Binary files /dev/null and b/homepage_embed/images/social-grey/slideshare.png differ
diff --git a/homepage_embed/images/social-grey/smugmug.png b/homepage_embed/images/social-grey/smugmug.png
new file mode 100755
index 0000000..2d61ea1
Binary files /dev/null and b/homepage_embed/images/social-grey/smugmug.png differ
diff --git a/homepage_embed/images/social-grey/soundcloud.png b/homepage_embed/images/social-grey/soundcloud.png
new file mode 100755
index 0000000..1b7437b
Binary files /dev/null and b/homepage_embed/images/social-grey/soundcloud.png differ
diff --git a/homepage_embed/images/social-grey/spotify.png b/homepage_embed/images/social-grey/spotify.png
new file mode 100755
index 0000000..542d941
Binary files /dev/null and b/homepage_embed/images/social-grey/spotify.png differ
diff --git a/homepage_embed/images/social-grey/stackexchange.png b/homepage_embed/images/social-grey/stackexchange.png
new file mode 100755
index 0000000..938ab25
Binary files /dev/null and b/homepage_embed/images/social-grey/stackexchange.png differ
diff --git a/homepage_embed/images/social-grey/steam.png b/homepage_embed/images/social-grey/steam.png
new file mode 100755
index 0000000..3fcd67d
Binary files /dev/null and b/homepage_embed/images/social-grey/steam.png differ
diff --git a/homepage_embed/images/social-grey/stumbleupon.png b/homepage_embed/images/social-grey/stumbleupon.png
new file mode 100755
index 0000000..962b416
Binary files /dev/null and b/homepage_embed/images/social-grey/stumbleupon.png differ
diff --git a/homepage_embed/images/social-grey/swarm.png b/homepage_embed/images/social-grey/swarm.png
new file mode 100755
index 0000000..ca31acb
Binary files /dev/null and b/homepage_embed/images/social-grey/swarm.png differ
diff --git a/homepage_embed/images/social-grey/technorati.png b/homepage_embed/images/social-grey/technorati.png
new file mode 100755
index 0000000..df12d4a
Binary files /dev/null and b/homepage_embed/images/social-grey/technorati.png differ
diff --git a/homepage_embed/images/social-grey/tripadvisor.png b/homepage_embed/images/social-grey/tripadvisor.png
new file mode 100755
index 0000000..84b66a7
Binary files /dev/null and b/homepage_embed/images/social-grey/tripadvisor.png differ
diff --git a/homepage_embed/images/social-grey/tripit.png b/homepage_embed/images/social-grey/tripit.png
new file mode 100755
index 0000000..6c994ab
Binary files /dev/null and b/homepage_embed/images/social-grey/tripit.png differ
diff --git a/homepage_embed/images/social-grey/triplej.png b/homepage_embed/images/social-grey/triplej.png
new file mode 100755
index 0000000..304f650
Binary files /dev/null and b/homepage_embed/images/social-grey/triplej.png differ
diff --git a/homepage_embed/images/social-grey/tumblr.png b/homepage_embed/images/social-grey/tumblr.png
new file mode 100755
index 0000000..e5fa06d
Binary files /dev/null and b/homepage_embed/images/social-grey/tumblr.png differ
diff --git a/homepage_embed/images/social-grey/twitter.png b/homepage_embed/images/social-grey/twitter.png
new file mode 100755
index 0000000..77e27f6
Binary files /dev/null and b/homepage_embed/images/social-grey/twitter.png differ
diff --git a/homepage_embed/images/social-grey/viadeo.png b/homepage_embed/images/social-grey/viadeo.png
new file mode 100755
index 0000000..1e4fc65
Binary files /dev/null and b/homepage_embed/images/social-grey/viadeo.png differ
diff --git a/homepage_embed/images/social-grey/vimeo.png b/homepage_embed/images/social-grey/vimeo.png
new file mode 100755
index 0000000..38e7706
Binary files /dev/null and b/homepage_embed/images/social-grey/vimeo.png differ
diff --git a/homepage_embed/images/social-grey/vine.png b/homepage_embed/images/social-grey/vine.png
new file mode 100755
index 0000000..d300d35
Binary files /dev/null and b/homepage_embed/images/social-grey/vine.png differ
diff --git a/homepage_embed/images/social-grey/vkontakte.png b/homepage_embed/images/social-grey/vkontakte.png
new file mode 100755
index 0000000..b7172d3
Binary files /dev/null and b/homepage_embed/images/social-grey/vkontakte.png differ
diff --git a/homepage_embed/images/social-grey/wikipedia.png b/homepage_embed/images/social-grey/wikipedia.png
new file mode 100755
index 0000000..2a0af7d
Binary files /dev/null and b/homepage_embed/images/social-grey/wikipedia.png differ
diff --git a/homepage_embed/images/social-grey/windows.png b/homepage_embed/images/social-grey/windows.png
new file mode 100755
index 0000000..25e0f86
Binary files /dev/null and b/homepage_embed/images/social-grey/windows.png differ
diff --git a/homepage_embed/images/social-grey/wordpress.png b/homepage_embed/images/social-grey/wordpress.png
new file mode 100755
index 0000000..7e0ecee
Binary files /dev/null and b/homepage_embed/images/social-grey/wordpress.png differ
diff --git a/homepage_embed/images/social-grey/xbox.png b/homepage_embed/images/social-grey/xbox.png
new file mode 100755
index 0000000..11599a7
Binary files /dev/null and b/homepage_embed/images/social-grey/xbox.png differ
diff --git a/homepage_embed/images/social-grey/xing.png b/homepage_embed/images/social-grey/xing.png
new file mode 100755
index 0000000..8c84a10
Binary files /dev/null and b/homepage_embed/images/social-grey/xing.png differ
diff --git a/homepage_embed/images/social-grey/yahoo.png b/homepage_embed/images/social-grey/yahoo.png
new file mode 100755
index 0000000..a543542
Binary files /dev/null and b/homepage_embed/images/social-grey/yahoo.png differ
diff --git a/homepage_embed/images/social-grey/yammer.png b/homepage_embed/images/social-grey/yammer.png
new file mode 100755
index 0000000..d554e9c
Binary files /dev/null and b/homepage_embed/images/social-grey/yammer.png differ
diff --git a/homepage_embed/images/social-grey/yelp.png b/homepage_embed/images/social-grey/yelp.png
new file mode 100755
index 0000000..c8821e9
Binary files /dev/null and b/homepage_embed/images/social-grey/yelp.png differ
diff --git a/homepage_embed/images/social-grey/youtube.png b/homepage_embed/images/social-grey/youtube.png
new file mode 100755
index 0000000..95fa497
Binary files /dev/null and b/homepage_embed/images/social-grey/youtube.png differ
diff --git a/homepage_embed/images/social-grey/zerply.png b/homepage_embed/images/social-grey/zerply.png
new file mode 100755
index 0000000..cb087b2
Binary files /dev/null and b/homepage_embed/images/social-grey/zerply.png differ
diff --git a/homepage_embed/images/social-grey/zynga.png b/homepage_embed/images/social-grey/zynga.png
new file mode 100755
index 0000000..a2dc735
Binary files /dev/null and b/homepage_embed/images/social-grey/zynga.png differ
diff --git a/homepage_embed/images/social-white/facebook.png b/homepage_embed/images/social-white/facebook.png
new file mode 100644
index 0000000..3908d59
Binary files /dev/null and b/homepage_embed/images/social-white/facebook.png differ
diff --git a/homepage_embed/images/social-white/instagram.png b/homepage_embed/images/social-white/instagram.png
new file mode 100644
index 0000000..07bb54a
Binary files /dev/null and b/homepage_embed/images/social-white/instagram.png differ
diff --git a/homepage_embed/images/social-white/twitter.png b/homepage_embed/images/social-white/twitter.png
new file mode 100644
index 0000000..d9e6848
Binary files /dev/null and b/homepage_embed/images/social-white/twitter.png differ
diff --git a/homepage_embed/images/social/500px.png b/homepage_embed/images/social/500px.png
new file mode 100755
index 0000000..c7e9841
Binary files /dev/null and b/homepage_embed/images/social/500px.png differ
diff --git a/homepage_embed/images/social/android.png b/homepage_embed/images/social/android.png
new file mode 100755
index 0000000..412c2f8
Binary files /dev/null and b/homepage_embed/images/social/android.png differ
diff --git a/homepage_embed/images/social/apple.png b/homepage_embed/images/social/apple.png
new file mode 100755
index 0000000..ebc9119
Binary files /dev/null and b/homepage_embed/images/social/apple.png differ
diff --git a/homepage_embed/images/social/appnet.png b/homepage_embed/images/social/appnet.png
new file mode 100755
index 0000000..1251fd3
Binary files /dev/null and b/homepage_embed/images/social/appnet.png differ
diff --git a/homepage_embed/images/social/bebo.png b/homepage_embed/images/social/bebo.png
new file mode 100755
index 0000000..65c19e8
Binary files /dev/null and b/homepage_embed/images/social/bebo.png differ
diff --git a/homepage_embed/images/social/behance.png b/homepage_embed/images/social/behance.png
new file mode 100755
index 0000000..7c933f6
Binary files /dev/null and b/homepage_embed/images/social/behance.png differ
diff --git a/homepage_embed/images/social/blogger.png b/homepage_embed/images/social/blogger.png
new file mode 100755
index 0000000..274664b
Binary files /dev/null and b/homepage_embed/images/social/blogger.png differ
diff --git a/homepage_embed/images/social/buffer.png b/homepage_embed/images/social/buffer.png
new file mode 100755
index 0000000..3e05e29
Binary files /dev/null and b/homepage_embed/images/social/buffer.png differ
diff --git a/homepage_embed/images/social/chimein.png b/homepage_embed/images/social/chimein.png
new file mode 100755
index 0000000..0c33ff1
Binary files /dev/null and b/homepage_embed/images/social/chimein.png differ
diff --git a/homepage_embed/images/social/coderwall.png b/homepage_embed/images/social/coderwall.png
new file mode 100755
index 0000000..ee02af6
Binary files /dev/null and b/homepage_embed/images/social/coderwall.png differ
diff --git a/homepage_embed/images/social/dailymotion.png b/homepage_embed/images/social/dailymotion.png
new file mode 100755
index 0000000..52a25ac
Binary files /dev/null and b/homepage_embed/images/social/dailymotion.png differ
diff --git a/homepage_embed/images/social/delicious.png b/homepage_embed/images/social/delicious.png
new file mode 100755
index 0000000..7039143
Binary files /dev/null and b/homepage_embed/images/social/delicious.png differ
diff --git a/homepage_embed/images/social/deviantart.png b/homepage_embed/images/social/deviantart.png
new file mode 100755
index 0000000..8c22886
Binary files /dev/null and b/homepage_embed/images/social/deviantart.png differ
diff --git a/homepage_embed/images/social/digg.png b/homepage_embed/images/social/digg.png
new file mode 100755
index 0000000..8a0ebcc
Binary files /dev/null and b/homepage_embed/images/social/digg.png differ
diff --git a/homepage_embed/images/social/disqus.png b/homepage_embed/images/social/disqus.png
new file mode 100755
index 0000000..70f7f08
Binary files /dev/null and b/homepage_embed/images/social/disqus.png differ
diff --git a/homepage_embed/images/social/dribbble.png b/homepage_embed/images/social/dribbble.png
new file mode 100755
index 0000000..b6172fd
Binary files /dev/null and b/homepage_embed/images/social/dribbble.png differ
diff --git a/homepage_embed/images/social/drupal.png b/homepage_embed/images/social/drupal.png
new file mode 100755
index 0000000..9027f59
Binary files /dev/null and b/homepage_embed/images/social/drupal.png differ
diff --git a/homepage_embed/images/social/envato.png b/homepage_embed/images/social/envato.png
new file mode 100755
index 0000000..d7882fc
Binary files /dev/null and b/homepage_embed/images/social/envato.png differ
diff --git a/homepage_embed/images/social/facebook.png b/homepage_embed/images/social/facebook.png
new file mode 100755
index 0000000..d24d130
Binary files /dev/null and b/homepage_embed/images/social/facebook.png differ
diff --git a/homepage_embed/images/social/feedburner.png b/homepage_embed/images/social/feedburner.png
new file mode 100755
index 0000000..05b6a38
Binary files /dev/null and b/homepage_embed/images/social/feedburner.png differ
diff --git a/homepage_embed/images/social/flattr.png b/homepage_embed/images/social/flattr.png
new file mode 100755
index 0000000..9cf4410
Binary files /dev/null and b/homepage_embed/images/social/flattr.png differ
diff --git a/homepage_embed/images/social/flickr.png b/homepage_embed/images/social/flickr.png
new file mode 100755
index 0000000..5fbbef5
Binary files /dev/null and b/homepage_embed/images/social/flickr.png differ
diff --git a/homepage_embed/images/social/forrst.png b/homepage_embed/images/social/forrst.png
new file mode 100755
index 0000000..f53f423
Binary files /dev/null and b/homepage_embed/images/social/forrst.png differ
diff --git a/homepage_embed/images/social/foursquare.png b/homepage_embed/images/social/foursquare.png
new file mode 100755
index 0000000..33b9206
Binary files /dev/null and b/homepage_embed/images/social/foursquare.png differ
diff --git a/homepage_embed/images/social/friendfeed.png b/homepage_embed/images/social/friendfeed.png
new file mode 100755
index 0000000..1c404c3
Binary files /dev/null and b/homepage_embed/images/social/friendfeed.png differ
diff --git a/homepage_embed/images/social/github.png b/homepage_embed/images/social/github.png
new file mode 100755
index 0000000..085af7d
Binary files /dev/null and b/homepage_embed/images/social/github.png differ
diff --git a/homepage_embed/images/social/goodreads.png b/homepage_embed/images/social/goodreads.png
new file mode 100755
index 0000000..9d123a6
Binary files /dev/null and b/homepage_embed/images/social/goodreads.png differ
diff --git a/homepage_embed/images/social/google.png b/homepage_embed/images/social/google.png
new file mode 100755
index 0000000..664c9fb
Binary files /dev/null and b/homepage_embed/images/social/google.png differ
diff --git a/homepage_embed/images/social/grooveshark.png b/homepage_embed/images/social/grooveshark.png
new file mode 100755
index 0000000..2196b12
Binary files /dev/null and b/homepage_embed/images/social/grooveshark.png differ
diff --git a/homepage_embed/images/social/houzz.png b/homepage_embed/images/social/houzz.png
new file mode 100755
index 0000000..0d89cd0
Binary files /dev/null and b/homepage_embed/images/social/houzz.png differ
diff --git a/homepage_embed/images/social/identica.png b/homepage_embed/images/social/identica.png
new file mode 100755
index 0000000..db9c160
Binary files /dev/null and b/homepage_embed/images/social/identica.png differ
diff --git a/homepage_embed/images/social/instagram.png b/homepage_embed/images/social/instagram.png
new file mode 100755
index 0000000..4673f7a
Binary files /dev/null and b/homepage_embed/images/social/instagram.png differ
diff --git a/homepage_embed/images/social/lanyrd.png b/homepage_embed/images/social/lanyrd.png
new file mode 100755
index 0000000..d68b6d0
Binary files /dev/null and b/homepage_embed/images/social/lanyrd.png differ
diff --git a/homepage_embed/images/social/lastfm.png b/homepage_embed/images/social/lastfm.png
new file mode 100755
index 0000000..40f4012
Binary files /dev/null and b/homepage_embed/images/social/lastfm.png differ
diff --git a/homepage_embed/images/social/linkedin.png b/homepage_embed/images/social/linkedin.png
new file mode 100755
index 0000000..02e5296
Binary files /dev/null and b/homepage_embed/images/social/linkedin.png differ
diff --git a/homepage_embed/images/social/mail.png b/homepage_embed/images/social/mail.png
new file mode 100755
index 0000000..62f1288
Binary files /dev/null and b/homepage_embed/images/social/mail.png differ
diff --git a/homepage_embed/images/social/meetup.png b/homepage_embed/images/social/meetup.png
new file mode 100755
index 0000000..bfd7924
Binary files /dev/null and b/homepage_embed/images/social/meetup.png differ
diff --git a/homepage_embed/images/social/myspace.png b/homepage_embed/images/social/myspace.png
new file mode 100755
index 0000000..550b125
Binary files /dev/null and b/homepage_embed/images/social/myspace.png differ
diff --git a/homepage_embed/images/social/newsvine.png b/homepage_embed/images/social/newsvine.png
new file mode 100755
index 0000000..8dd4ed8
Binary files /dev/null and b/homepage_embed/images/social/newsvine.png differ
diff --git a/homepage_embed/images/social/odnoklassniki.png b/homepage_embed/images/social/odnoklassniki.png
new file mode 100755
index 0000000..9a912f8
Binary files /dev/null and b/homepage_embed/images/social/odnoklassniki.png differ
diff --git a/homepage_embed/images/social/outlook.png b/homepage_embed/images/social/outlook.png
new file mode 100755
index 0000000..6d60dda
Binary files /dev/null and b/homepage_embed/images/social/outlook.png differ
diff --git a/homepage_embed/images/social/patreon.png b/homepage_embed/images/social/patreon.png
new file mode 100755
index 0000000..122a9ef
Binary files /dev/null and b/homepage_embed/images/social/patreon.png differ
diff --git a/homepage_embed/images/social/paypal.png b/homepage_embed/images/social/paypal.png
new file mode 100755
index 0000000..21d888e
Binary files /dev/null and b/homepage_embed/images/social/paypal.png differ
diff --git a/homepage_embed/images/social/persona.png b/homepage_embed/images/social/persona.png
new file mode 100755
index 0000000..6adbed8
Binary files /dev/null and b/homepage_embed/images/social/persona.png differ
diff --git a/homepage_embed/images/social/pinterest.png b/homepage_embed/images/social/pinterest.png
new file mode 100755
index 0000000..26a6b65
Binary files /dev/null and b/homepage_embed/images/social/pinterest.png differ
diff --git a/homepage_embed/images/social/play.png b/homepage_embed/images/social/play.png
new file mode 100755
index 0000000..fb5d28c
Binary files /dev/null and b/homepage_embed/images/social/play.png differ
diff --git a/homepage_embed/images/social/playstation.png b/homepage_embed/images/social/playstation.png
new file mode 100755
index 0000000..355fe47
Binary files /dev/null and b/homepage_embed/images/social/playstation.png differ
diff --git a/homepage_embed/images/social/reddit.png b/homepage_embed/images/social/reddit.png
new file mode 100755
index 0000000..893a5ed
Binary files /dev/null and b/homepage_embed/images/social/reddit.png differ
diff --git a/homepage_embed/images/social/rss.png b/homepage_embed/images/social/rss.png
new file mode 100755
index 0000000..3835c16
Binary files /dev/null and b/homepage_embed/images/social/rss.png differ
diff --git a/homepage_embed/images/social/skype.png b/homepage_embed/images/social/skype.png
new file mode 100755
index 0000000..bcd9036
Binary files /dev/null and b/homepage_embed/images/social/skype.png differ
diff --git a/homepage_embed/images/social/slideshare.png b/homepage_embed/images/social/slideshare.png
new file mode 100755
index 0000000..b8757b3
Binary files /dev/null and b/homepage_embed/images/social/slideshare.png differ
diff --git a/homepage_embed/images/social/smugmug.png b/homepage_embed/images/social/smugmug.png
new file mode 100755
index 0000000..327d7aa
Binary files /dev/null and b/homepage_embed/images/social/smugmug.png differ
diff --git a/homepage_embed/images/social/soundcloud.png b/homepage_embed/images/social/soundcloud.png
new file mode 100755
index 0000000..74030b4
Binary files /dev/null and b/homepage_embed/images/social/soundcloud.png differ
diff --git a/homepage_embed/images/social/spotify.png b/homepage_embed/images/social/spotify.png
new file mode 100755
index 0000000..df73ed1
Binary files /dev/null and b/homepage_embed/images/social/spotify.png differ
diff --git a/homepage_embed/images/social/stackexchange.png b/homepage_embed/images/social/stackexchange.png
new file mode 100755
index 0000000..af011f3
Binary files /dev/null and b/homepage_embed/images/social/stackexchange.png differ
diff --git a/homepage_embed/images/social/stackoverflow.png b/homepage_embed/images/social/stackoverflow.png
new file mode 100755
index 0000000..0c76cc9
Binary files /dev/null and b/homepage_embed/images/social/stackoverflow.png differ
diff --git a/homepage_embed/images/social/steam.png b/homepage_embed/images/social/steam.png
new file mode 100755
index 0000000..920660b
Binary files /dev/null and b/homepage_embed/images/social/steam.png differ
diff --git a/homepage_embed/images/social/stumbleupon.png b/homepage_embed/images/social/stumbleupon.png
new file mode 100755
index 0000000..a844d8d
Binary files /dev/null and b/homepage_embed/images/social/stumbleupon.png differ
diff --git a/homepage_embed/images/social/swarm.png b/homepage_embed/images/social/swarm.png
new file mode 100755
index 0000000..fa9c4de
Binary files /dev/null and b/homepage_embed/images/social/swarm.png differ
diff --git a/homepage_embed/images/social/technorati.png b/homepage_embed/images/social/technorati.png
new file mode 100755
index 0000000..e8f6fa8
Binary files /dev/null and b/homepage_embed/images/social/technorati.png differ
diff --git a/homepage_embed/images/social/tripadvisor.png b/homepage_embed/images/social/tripadvisor.png
new file mode 100755
index 0000000..ee30ffd
Binary files /dev/null and b/homepage_embed/images/social/tripadvisor.png differ
diff --git a/homepage_embed/images/social/tripit.png b/homepage_embed/images/social/tripit.png
new file mode 100755
index 0000000..c5428b0
Binary files /dev/null and b/homepage_embed/images/social/tripit.png differ
diff --git a/homepage_embed/images/social/triplej.png b/homepage_embed/images/social/triplej.png
new file mode 100755
index 0000000..5756a81
Binary files /dev/null and b/homepage_embed/images/social/triplej.png differ
diff --git a/homepage_embed/images/social/tumblr.png b/homepage_embed/images/social/tumblr.png
new file mode 100755
index 0000000..e95fbd2
Binary files /dev/null and b/homepage_embed/images/social/tumblr.png differ
diff --git a/homepage_embed/images/social/twitter.png b/homepage_embed/images/social/twitter.png
new file mode 100755
index 0000000..9d61895
Binary files /dev/null and b/homepage_embed/images/social/twitter.png differ
diff --git a/homepage_embed/images/social/viadeo.png b/homepage_embed/images/social/viadeo.png
new file mode 100755
index 0000000..b446887
Binary files /dev/null and b/homepage_embed/images/social/viadeo.png differ
diff --git a/homepage_embed/images/social/vimeo.png b/homepage_embed/images/social/vimeo.png
new file mode 100755
index 0000000..a187938
Binary files /dev/null and b/homepage_embed/images/social/vimeo.png differ
diff --git a/homepage_embed/images/social/vine.png b/homepage_embed/images/social/vine.png
new file mode 100755
index 0000000..8e09e9d
Binary files /dev/null and b/homepage_embed/images/social/vine.png differ
diff --git a/homepage_embed/images/social/vkontakte.png b/homepage_embed/images/social/vkontakte.png
new file mode 100755
index 0000000..ea2bcef
Binary files /dev/null and b/homepage_embed/images/social/vkontakte.png differ
diff --git a/homepage_embed/images/social/wikipedia.png b/homepage_embed/images/social/wikipedia.png
new file mode 100755
index 0000000..4e351bd
Binary files /dev/null and b/homepage_embed/images/social/wikipedia.png differ
diff --git a/homepage_embed/images/social/windows.png b/homepage_embed/images/social/windows.png
new file mode 100755
index 0000000..72ff8ac
Binary files /dev/null and b/homepage_embed/images/social/windows.png differ
diff --git a/homepage_embed/images/social/wordpress.png b/homepage_embed/images/social/wordpress.png
new file mode 100755
index 0000000..9970380
Binary files /dev/null and b/homepage_embed/images/social/wordpress.png differ
diff --git a/homepage_embed/images/social/xbox.png b/homepage_embed/images/social/xbox.png
new file mode 100755
index 0000000..d1b77df
Binary files /dev/null and b/homepage_embed/images/social/xbox.png differ
diff --git a/homepage_embed/images/social/xing.png b/homepage_embed/images/social/xing.png
new file mode 100755
index 0000000..01e3f2b
Binary files /dev/null and b/homepage_embed/images/social/xing.png differ
diff --git a/homepage_embed/images/social/yahoo.png b/homepage_embed/images/social/yahoo.png
new file mode 100755
index 0000000..d330229
Binary files /dev/null and b/homepage_embed/images/social/yahoo.png differ
diff --git a/homepage_embed/images/social/yammer.png b/homepage_embed/images/social/yammer.png
new file mode 100755
index 0000000..990d819
Binary files /dev/null and b/homepage_embed/images/social/yammer.png differ
diff --git a/homepage_embed/images/social/yelp.png b/homepage_embed/images/social/yelp.png
new file mode 100755
index 0000000..0b9e3a9
Binary files /dev/null and b/homepage_embed/images/social/yelp.png differ
diff --git a/homepage_embed/images/social/youtube.png b/homepage_embed/images/social/youtube.png
new file mode 100755
index 0000000..cad5c27
Binary files /dev/null and b/homepage_embed/images/social/youtube.png differ
diff --git a/homepage_embed/images/social/zerply.png b/homepage_embed/images/social/zerply.png
new file mode 100755
index 0000000..66a76a1
Binary files /dev/null and b/homepage_embed/images/social/zerply.png differ
diff --git a/homepage_embed/images/social/zynga.png b/homepage_embed/images/social/zynga.png
new file mode 100755
index 0000000..a1bbf00
Binary files /dev/null and b/homepage_embed/images/social/zynga.png differ
diff --git a/homepage_embed/images/tv-background.png b/homepage_embed/images/tv-background.png
new file mode 100644
index 0000000..0272f94
Binary files /dev/null and b/homepage_embed/images/tv-background.png differ
diff --git a/homepage_embed/images/wow-bao-bithub-display-05.svg b/homepage_embed/images/wow-bao-bithub-display-05.svg
new file mode 100644
index 0000000..6d66c79
--- /dev/null
+++ b/homepage_embed/images/wow-bao-bithub-display-05.svg
@@ -0,0 +1,227 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="691.2px" height="142.3px"
+	 viewBox="0 0 691.2 142.3" style="enable-background:new 0 0 691.2 142.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);fill:url(#SVGID_3_);}
+	.st1{opacity:0.5;clip-path:url(#SVGID_2_);}
+	.st2{opacity:0.5;}
+	.st3{clip-path:url(#SVGID_5_);}
+	.st4{fill:#9F1D21;}
+	.st5{clip-path:url(#SVGID_2_);}
+	.st6{fill:#FFFFFF;}
+	.st7{fill:#F1491C;}
+	.st8{fill:#EF4B23;}
+	.st9{fill:#00ABE3;}
+	.st10{fill:#235B9E;}
+	.st11{fill:#FF4D3F;}
+	.st12{fill:#2D80A6;}
+	.st13{fill:#EF4B23;stroke:#EF4B23;stroke-width:4;stroke-miterlimit:10;}
+	.st14{clip-path:url(#SVGID_2_);fill:url(#SVGID_24_);}
+	.st15{clip-path:url(#SVGID_2_);fill:#0F0105;}
+	.st16{clip-path:url(#SVGID_32_);}
+	.st17{fill:#1C0F13;}
+	.st18{clip-path:url(#SVGID_42_);fill:url(#SVGID_43_);}
+	.st19{opacity:0.5;clip-path:url(#SVGID_42_);}
+	.st20{clip-path:url(#SVGID_45_);}
+	.st21{clip-path:url(#SVGID_42_);}
+	.st22{clip-path:url(#SVGID_42_);fill:#0F0105;}
+	.st23{fill:#EF4B23;stroke:#EF4B23;stroke-width:2.1479;stroke-miterlimit:10;}
+	.st24{clip-path:url(#SVGID_51_);fill:url(#SVGID_52_);}
+	.st25{clip-path:url(#SVGID_54_);}
+	.st26{clip-path:url(#SVGID_64_);fill:url(#SVGID_65_);}
+	.st27{opacity:0.5;clip-path:url(#SVGID_64_);}
+	.st28{clip-path:url(#SVGID_67_);}
+	.st29{clip-path:url(#SVGID_64_);}
+	.st30{clip-path:url(#SVGID_64_);fill:#0F0105;}
+	.st31{fill:#EF4B23;stroke:#EF4B23;stroke-width:6.5125;stroke-miterlimit:10;}
+	.st32{clip-path:url(#SVGID_73_);fill:url(#SVGID_74_);}
+	.st33{opacity:0.5;clip-path:url(#SVGID_73_);}
+	.st34{clip-path:url(#SVGID_76_);}
+	.st35{clip-path:url(#SVGID_73_);}
+	.st36{clip-path:url(#SVGID_73_);fill:#0F0105;}
+	.st37{fill:#EF4B23;stroke:#EF4B23;stroke-width:5.9384;stroke-miterlimit:10;}
+	.st38{clip-path:url(#SVGID_82_);fill:url(#SVGID_83_);}
+	.st39{opacity:0.5;clip-path:url(#SVGID_82_);}
+	.st40{clip-path:url(#SVGID_85_);}
+	.st41{clip-path:url(#SVGID_82_);}
+	.st42{clip-path:url(#SVGID_82_);fill:#0F0105;}
+	.st43{fill:#EF4B23;stroke:#EF4B23;stroke-width:6.9513;stroke-miterlimit:10;}
+	.st44{display:none;}
+	.st45{display:inline;opacity:0.6;}
+	.st46{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="6619.9" height="5501.2" y="-4207.5" x="-1432.3" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="JPEGFormat" targetSettingsID="0">
+				
+					<JPEGFormat  blurAmount="0" quality="60" progressive="false" noMatteColor="false" embedICCProfile="false" matteColor="#FFFFFF" optimized="true">
+					</JPEGFormat>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<path class="st6" d="M33.4,95.3c-8,0-14.7,6.6-14.8,14.5c0,7.9,6.6,14.6,14.6,14.7c8,0,14.7-6.7,14.7-14.6
+					C47.9,102,41.2,95.4,33.4,95.3z"/>
+				<path class="st6" d="M74.2,95.3c-8,0-14.7,6.6-14.7,14.5c0,8,6.6,14.6,14.6,14.6c8,0,14.6-6.6,14.6-14.7
+					C88.7,101.9,82.1,95.4,74.2,95.3z"/>
+				<path class="st6" d="M129,110c0.4-7.4-6.3-14.7-14.5-14.7c-8.1,0.1-14.6,6.6-14.5,14.7c0,8.1,6.6,14.6,14.6,14.5
+					C122.5,124.4,128.9,118,129,110z"/>
+				<path class="st6" d="M26.4,34.8c-0.1,0-0.2,0-0.3,0c-0.6-3.6-1.3-7.1-1.9-10.7c-0.8-4.8-1.4-5.3-6.2-5.1
+					c-2.1,0.1-2.7,0.8-2.2,2.8c1.9,7.5,3.7,15,5.7,22.5c0.5,2,1.5,2.7,3.5,2.7c0.5,0,1.1,0,1.6,0c3.1,0,3.8-0.7,4.2-3.7
+					c0.6-3.9,1.3-7.7,1.9-11.6c0.9,3.5,1.5,7,2.1,10.5c0.8,4.7,0.9,4.9,5.8,4.7c2.1-0.1,3-0.6,3.6-2.6c2-7.6,4-15.2,5.9-22.9
+					c0.4-1.5-0.2-2.3-1.8-2.5c-0.8-0.1-1.7,0-2.6,0c-2.3,0-3.2,0.7-3.7,3c-0.7,3.8-1.4,7.6-2.1,11.4c-0.1,0.5-0.3,0.9-0.6,1.8
+					c-0.8-4.4-1.5-8.3-2.1-12.2c-0.5-3.5-1.3-4.1-4.9-4.1c-2.4,0.1-3.2,0.7-3.6,3C28,26.3,27.2,30.6,26.4,34.8z"/>
+				<path class="st6" d="M107.6,34.5c-0.1,0-0.3-0.1-0.4-0.1c-0.7-3.6-1.4-7.3-2-10.9c-0.6-3.9-1.2-4.4-5-4.4c-0.3,0-0.6,0-0.9,0
+					c-2.2,0.1-2.7,0.8-2.2,2.9c1.7,6.7,3.4,13.5,5.1,20.2c1.2,4.9,1.5,5,6.4,4.8c2-0.1,2.8-0.7,3.1-2.7c0.5-2.9,0.9-5.8,1.4-8.7
+					c0.2-1.2,0.5-2.4,0.7-3.6c1,4.1,1.7,8.1,2.4,12.2c0.4,2.1,1.1,2.8,3.3,2.8c0.6,0,1.2,0,1.9,0c2.7,0,3.4-0.6,4.1-3.1
+					c1.8-6.8,3.6-13.6,5.3-20.4c1.1-4.3,0.9-4.5-3.5-4.5c-2.9,0-3.5,0.6-4.1,3.3c-0.8,4.3-1.6,8.5-2.5,13.2c-0.2-1-0.4-1.6-0.5-2.2
+					c-0.7-3.8-1.3-7.6-2-11.4c-0.4-2-1.2-2.8-3.3-2.9c-0.5,0-0.9,0-1.4,0c-2.3,0.1-3.2,0.7-3.7,3c-0.3,1.3-0.4,2.6-0.7,3.9
+					C108.7,28.8,108.2,31.7,107.6,34.5z"/>
+				<path class="st6" d="M42.9,69.5c0.8-1,1.6-1.7,2.1-2.6c2.3-4.2-0.5-9.2-5.6-9.6c-5.1-0.4-10.2-0.4-15.3-0.4c-2,0-2.7,0.8-2.7,3
+					c0,4.5,0,9,0,13.5c0,2.9,0,5.9,0,8.8c0,1.9,0.6,2.7,2.2,2.7c5.2,0,10.4,0.2,15.6-0.1c4-0.2,7.1-3.1,7.8-6.6
+					C47.7,74.5,46.4,71.6,42.9,69.5z"/>
+				<path class="st6" d="M74,17.9c-8.1,0-14.6,6.5-14.6,14.6c0,8,6.4,14.5,14.4,14.6c8.1,0.1,14.7-6.5,14.8-14.5
+					C88.5,24.5,82,17.9,74,17.9z"/>
+				<path class="st6" d="M129,70.3c0.4-7.5-6.6-14.7-14.5-14.6c-8,0.2-14.5,6.5-14.5,14.4c0,8.1,6.4,14.6,14.5,14.7
+					C122.8,85,129.4,77.4,129,70.3z"/>
+				<path class="st6" d="M64.3,84.9c3.3,0,3.2,0,5.3-3.1c0.3-0.5,1.1-0.7,1.7-0.8c1.8-0.1,3.6,0,5.3-0.1c1.2,0,1.9,0.3,2.2,1.6
+					c0.2,1.1,0.8,2.1,2.1,2.2c1.9,0.1,3.9,0.1,5.8,0.1c1.2,0,1.5-0.9,1.3-2c-0.2-0.6-0.4-1.2-0.6-1.7c-2.4-6.5-4.8-12.9-7.1-19.4
+					c-1.6-4.7-1.6-5-7.4-4.9c-2.3,0.1-3.1,0.7-3.9,2.9c-1.5,4.1-3,8.1-4.5,12.2c-1.3,3.5-2.6,6.9-3.8,10.4c-0.7,1.9-0.2,2.5,1.9,2.6
+					C63,84.9,63.6,84.9,64.3,84.9z"/>
+			</g>
+			<g>
+				<path class="st7" d="M3.7,119.1c0-31.9,0-63.9,0-95.8c0.2-0.4,0.4-0.8,0.5-1.3C6.3,11.6,12.5,5,22.7,2.2c1-0.3,1.9-0.5,2.9-0.8
+					c31.9,0,63.9,0,95.8,0c2.4,0.8,5,1.2,7.2,2.3c9.6,4.6,14.5,12.4,14.5,23c0.1,18.3,0,36.6,0,54.9c0,11.3,0,22.6,0,33.9
+					c0,5.2-1.2,10-4.1,14.3c-5.2,7.6-12.4,11.1-21.5,11.1c-29.4,0-58.7,0-88.1,0c-0.8,0-1.6,0-2.3-0.1c-10.8-0.6-19.8-8-22.5-18.4
+					C4.3,121.3,4,120.2,3.7,119.1z M33.4,95.3c-8,0-14.7,6.6-14.8,14.5c0,7.9,6.6,14.6,14.6,14.7c8,0,14.7-6.7,14.7-14.6
+					C47.9,102,41.2,95.4,33.4,95.3z M74.2,95.3c-8,0-14.7,6.6-14.7,14.5c0,8,6.6,14.6,14.6,14.6c8,0,14.6-6.6,14.6-14.7
+					C88.7,101.9,82.1,95.4,74.2,95.3z M129,110c0.4-7.4-6.3-14.7-14.5-14.7c-8.1,0.1-14.6,6.6-14.5,14.7c0,8.1,6.6,14.6,14.6,14.5
+					C122.5,124.4,128.9,118,129,110z M26.4,34.8c-0.1,0-0.2,0-0.3,0c-0.6-3.6-1.3-7.1-1.9-10.7c-0.8-4.8-1.4-5.3-6.2-5.1
+					c-2.1,0.1-2.7,0.8-2.2,2.8c1.9,7.5,3.7,15,5.7,22.5c0.5,2,1.5,2.7,3.5,2.7c0.5,0,1.1,0,1.6,0c3.1,0,3.8-0.7,4.2-3.7
+					c0.6-3.9,1.3-7.7,1.9-11.6c0.9,3.5,1.5,7,2.1,10.5c0.8,4.7,0.9,4.9,5.8,4.7c2.1-0.1,3-0.6,3.6-2.6c2-7.6,4-15.2,5.9-22.9
+					c0.4-1.5-0.2-2.3-1.8-2.5c-0.8-0.1-1.7,0-2.6,0c-2.3,0-3.2,0.7-3.7,3c-0.7,3.8-1.4,7.6-2.1,11.4c-0.1,0.5-0.3,0.9-0.6,1.8
+					c-0.8-4.4-1.5-8.3-2.1-12.2c-0.5-3.5-1.3-4.1-4.9-4.1c-2.4,0.1-3.2,0.7-3.6,3C28,26.3,27.2,30.6,26.4,34.8z M107.6,34.5
+					c-0.1,0-0.3-0.1-0.4-0.1c-0.7-3.6-1.4-7.3-2-10.9c-0.6-3.9-1.2-4.4-5-4.4c-0.3,0-0.6,0-0.9,0c-2.2,0.1-2.7,0.8-2.2,2.9
+					c1.7,6.7,3.4,13.5,5.1,20.2c1.2,4.9,1.5,5,6.4,4.8c2-0.1,2.8-0.7,3.1-2.7c0.5-2.9,0.9-5.8,1.4-8.7c0.2-1.2,0.5-2.4,0.7-3.6
+					c1,4.1,1.7,8.1,2.4,12.2c0.4,2.1,1.1,2.8,3.3,2.8c0.6,0,1.2,0,1.9,0c2.7,0,3.4-0.6,4.1-3.1c1.8-6.8,3.6-13.6,5.3-20.4
+					c1.1-4.3,0.9-4.5-3.5-4.5c-2.9,0-3.5,0.6-4.1,3.3c-0.8,4.3-1.6,8.5-2.5,13.2c-0.2-1-0.4-1.6-0.5-2.2c-0.7-3.8-1.3-7.6-2-11.4
+					c-0.4-2-1.2-2.8-3.3-2.9c-0.5,0-0.9,0-1.4,0c-2.3,0.1-3.2,0.7-3.7,3c-0.3,1.3-0.4,2.6-0.7,3.9C108.7,28.8,108.2,31.7,107.6,34.5
+					z M42.9,69.5c0.8-1,1.6-1.7,2.1-2.6c2.3-4.2-0.5-9.2-5.6-9.6c-5.1-0.4-10.2-0.4-15.3-0.4c-2,0-2.7,0.8-2.7,3c0,4.5,0,9,0,13.5
+					c0,2.9,0,5.9,0,8.8c0,1.9,0.6,2.7,2.2,2.7c5.2,0,10.4,0.2,15.6-0.1c4-0.2,7.1-3.1,7.8-6.6C47.7,74.5,46.4,71.6,42.9,69.5z
+					 M74,17.9c-8.1,0-14.6,6.5-14.6,14.6c0,8,6.4,14.5,14.4,14.6c8.1,0.1,14.7-6.5,14.8-14.5C88.5,24.5,82,17.9,74,17.9z M129,70.3
+					c0.4-7.5-6.6-14.7-14.5-14.6c-8,0.2-14.5,6.5-14.5,14.4c0,8.1,6.4,14.6,14.5,14.7C122.8,85,129.4,77.4,129,70.3z M64.3,84.9
+					c3.3,0,3.2,0,5.3-3.1c0.3-0.5,1.1-0.7,1.7-0.8c1.8-0.1,3.6,0,5.3-0.1c1.2,0,1.9,0.3,2.2,1.6c0.2,1.1,0.8,2.1,2.1,2.2
+					c1.9,0.1,3.9,0.1,5.8,0.1c1.2,0,1.5-0.9,1.3-2c-0.2-0.6-0.4-1.2-0.6-1.7c-2.4-6.5-4.8-12.9-7.1-19.4c-1.6-4.7-1.6-5-7.4-4.9
+					c-2.3,0.1-3.1,0.7-3.9,2.9c-1.5,4.1-3,8.1-4.5,12.2c-1.3,3.5-2.6,6.9-3.8,10.4c-0.7,1.9-0.2,2.5,1.9,2.6
+					C63,84.9,63.6,84.9,64.3,84.9z"/>
+				<path class="st7" d="M30.4,78.1c0-1.9,0-3.2,0-4.9c2,0,3.9-0.1,5.8,0c1.3,0.1,2,1,2,2.4c0,1.3-0.6,2.1-1.9,2.2
+					C34.4,77.9,32.5,78,30.4,78.1z"/>
+				<path class="st7" d="M30.4,67.5c0-1.2,0-2.2,0-3.6c1.8,0,3.6-0.1,5.3,0c0.9,0.1,1.5,0.6,1.5,1.7c0,1-0.3,1.6-1.3,1.9
+					C34.1,67.9,32.3,68,30.4,67.5z"/>
+				<path class="st7" d="M80.2,32.4c0,3.5-2.8,6.4-6.3,6.5c-3.4,0-6.4-2.9-6.4-6.4c0-3.5,2.8-6.4,6.3-6.4
+					C77.4,26.1,80.2,28.9,80.2,32.4z"/>
+				<path class="st7" d="M114.4,63.9c3.4-0.1,6.4,2.8,6.5,6.2c0.1,3.5-2.9,6.5-6.4,6.5c-3.5,0-6.3-2.9-6.4-6.3
+					C108,66.9,110.9,63.9,114.4,63.9z"/>
+				<path class="st7" d="M76.4,74.6c-1.8,0-3,0-4.6,0c0.8-2.6,1.5-4.9,2.2-7.3c0.1,0,0.3,0,0.4,0C75,69.7,75.7,72,76.4,74.6z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path class="st6" d="M213.2,77.9h-26.8V16.7h23.8c4.1,0,7.7,0.5,10.7,1.5c3,1,5.3,2.3,6.8,4c2.7,3.1,4.1,6.7,4.1,10.7
+					c0,4.8-1.5,8.3-4.6,10.7c-1,0.8-1.8,1.3-2.2,1.5c-0.4,0.2-1.1,0.5-2.2,1c3.8,0.8,6.8,2.5,9,5.1c2.2,2.6,3.4,5.8,3.4,9.7
+					c0,4.3-1.5,8-4.4,11.3C227.5,76,221.6,77.9,213.2,77.9z M200.1,41.5h6.5c3.8,0,6.6-0.4,8.4-1.2c1.8-0.8,2.8-2.6,2.8-5.3
+					s-0.8-4.5-2.5-5.4c-1.7-0.9-4.5-1.3-8.6-1.3h-6.6V41.5z M200.1,66.3h9.4c3.9,0,6.8-0.5,8.8-1.4c2-1,2.9-2.9,2.9-5.7
+					c0-2.8-1-4.7-3.1-5.6c-2.1-0.9-5.4-1.4-9.9-1.4h-8V66.3z"/>
+				<path class="st6" d="M295.2,16.7v12.2h-30.4v12.6h27.4v11.6h-27.4v12.7h31.4v12.1h-45V16.7H295.2z"/>
+				<path class="st6" d="M354.4,28.9c-1.3,1.1-2,2.5-2,4.3c0,1.8,0.8,3.2,2.4,4.2c1.6,1,5.3,2.3,11.1,3.7c5.8,1.4,10.3,3.6,13.5,6.4
+					c3.2,2.9,4.8,7,4.8,12.5c0,5.5-2.1,9.9-6.2,13.3c-4.1,3.4-9.5,5.1-16.2,5.1c-9.7,0-18.4-3.6-26.1-10.8l8.1-10
+					c6.6,5.8,12.7,8.7,18.3,8.7c2.5,0,4.5-0.5,5.9-1.6c1.4-1.1,2.1-2.5,2.1-4.4s-0.8-3.3-2.3-4.4c-1.5-1.1-4.5-2.2-9-3.3
+					c-7.1-1.7-12.3-3.9-15.6-6.6c-3.3-2.7-4.9-7-4.9-12.8c0-5.8,2.1-10.3,6.3-13.4c4.2-3.1,9.4-4.7,15.6-4.7c4.1,0,8.2,0.7,12.2,2.1
+					c4.1,1.4,7.6,3.4,10.7,5.9l-6.9,10c-5.3-4-10.8-6-16.4-6C357.5,27.3,355.7,27.9,354.4,28.9z"/>
+				<path class="st6" d="M451.7,69.4c-6.2,6-13.8,9.1-22.8,9.1c-9,0-16.6-3-22.8-9.1c-6.2-6-9.3-13.5-9.3-22.5
+					c0-9,3.1-16.5,9.3-22.5c6.2-6,13.8-9,22.8-9c9,0,16.6,3,22.8,9c6.2,6,9.3,13.5,9.3,22.5C461,55.9,457.9,63.4,451.7,69.4z
+					 M447.1,46.9c0-5.5-1.7-10.1-5.2-13.9c-3.5-3.8-7.8-5.8-12.9-5.8c-5.1,0-9.4,1.9-12.9,5.8s-5.2,8.5-5.2,13.9
+					c0,5.5,1.7,10.1,5.2,13.9c3.5,3.8,7.8,5.7,12.9,5.7c5.1,0,9.4-1.9,12.9-5.7C445.3,57,447.1,52.4,447.1,46.9z"/>
+				<path class="st6" d="M504.9,65.8c6.7,0,12.2-2.7,16.4-8l8.7,9c-6.9,7.8-15.1,11.7-24.5,11.7c-9.4,0-17.2-3-23.3-8.9
+					c-6.1-5.9-9.1-13.5-9.1-22.5c0-9.1,3.1-16.6,9.3-22.7c6.2-6.1,13.8-9.1,22.8-9.1c10,0,18.4,3.8,25.2,11.5l-8.5,9.6
+					c-4.3-5.4-9.7-8-16.1-8c-5.1,0-9.5,1.7-13.2,5c-3.6,3.4-5.5,7.9-5.5,13.6s1.7,10.2,5.2,13.7C495.9,64.1,500.1,65.8,504.9,65.8z"
+					/>
+				<path class="st6" d="M545.3,16.7h13.6v61.1h-13.6V16.7z"/>
+				<path class="st6" d="M621.9,77.9l-5.7-13.2h-25.6l-5.7,13.2h-14.5l26.4-61.1H610l26.4,61.1H621.9z M603.4,34.9l-7.7,17.8H611
+					L603.4,34.9z"/>
+				<path class="st6" d="M647.8,77.9V16.7h13.6v49h26.1v12.2H647.8z"/>
+			</g>
+			<g>
+				<path class="st6" d="M196.3,115.7l4.9-15.8h6.4l4.8,15.8l5.5-15.8h6.7l-9.6,27.5h-4.6l-6-19.1l-6,19.1h-4.6l-9.6-27.5h6.7
+					L196.3,115.7z"/>
+				<path class="st6" d="M252.6,123.6c-2.8,2.7-6.2,4.1-10.3,4.1c-4.1,0-7.5-1.4-10.3-4.1s-4.2-6.1-4.2-10.1c0-4,1.4-7.4,4.2-10.1
+					c2.8-2.7,6.2-4.1,10.3-4.1c4.1,0,7.5,1.4,10.3,4.1c2.8,2.7,4.2,6.1,4.2,10.1C256.8,117.5,255.4,120.9,252.6,123.6z M250.5,113.5
+					c0-2.5-0.8-4.5-2.4-6.3c-1.6-1.7-3.5-2.6-5.8-2.6c-2.3,0-4.2,0.9-5.8,2.6c-1.6,1.7-2.4,3.8-2.4,6.3s0.8,4.5,2.4,6.3
+					c1.6,1.7,3.5,2.6,5.8,2.6c2.3,0,4.2-0.9,5.8-2.6S250.5,115.9,250.5,113.5z"/>
+				<path class="st6" d="M272.1,115.7l4.9-15.8h6.4l4.8,15.8l5.5-15.8h6.7l-9.6,27.5h-4.6l-6-19.1l-6,19.1h-4.6L260,99.9h6.7
+					L272.1,115.7z"/>
+				<path class="st6" d="M317.6,127.4h-12.1V99.9h10.7c1.9,0,3.5,0.2,4.8,0.7c1.4,0.4,2.4,1.1,3.1,1.8c1.2,1.4,1.9,3,1.9,4.8
+					c0,2.2-0.7,3.8-2.1,4.8c-0.5,0.4-0.8,0.6-1,0.7s-0.5,0.2-1,0.5c1.7,0.4,3.1,1.1,4.1,2.3s1.5,2.6,1.5,4.4c0,1.9-0.7,3.6-2,5.1
+					C324.1,126.5,321.4,127.4,317.6,127.4z M311.7,111h2.9c1.7,0,3-0.2,3.8-0.6c0.8-0.4,1.2-1.2,1.2-2.4c0-1.2-0.4-2-1.1-2.4
+					c-0.8-0.4-2-0.6-3.9-0.6h-3V111z M311.7,122.2h4.2c1.8,0,3.1-0.2,4-0.7s1.3-1.3,1.3-2.6s-0.5-2.1-1.4-2.5s-2.4-0.6-4.5-0.6h-3.6
+					V122.2z"/>
+				<path class="st6" d="M354,127.4l-2.6-5.9h-11.5l-2.6,5.9h-6.5l11.9-27.5h5.9l11.9,27.5H354z M345.7,108.1l-3.5,8h6.9
+					L345.7,108.1z"/>
+				<path class="st6" d="M388,123.6c-2.8,2.7-6.2,4.1-10.3,4.1s-7.5-1.4-10.3-4.1s-4.2-6.1-4.2-10.1c0-4,1.4-7.4,4.2-10.1
+					c2.8-2.7,6.2-4.1,10.3-4.1s7.5,1.4,10.3,4.1c2.8,2.7,4.2,6.1,4.2,10.1C392.2,117.5,390.8,120.9,388,123.6z M385.9,113.5
+					c0-2.5-0.8-4.5-2.4-6.3c-1.6-1.7-3.5-2.6-5.8-2.6c-2.3,0-4.2,0.9-5.8,2.6c-1.6,1.7-2.4,3.8-2.4,6.3s0.8,4.5,2.4,6.3
+					s3.5,2.6,5.8,2.6c2.3,0,4.2-0.9,5.8-2.6C385.2,118,385.9,115.9,385.9,113.5z"/>
+				<path class="st6" d="M398.6,126.7c-0.7-0.7-1-1.5-1-2.5s0.3-1.8,1-2.5s1.5-1,2.5-1c1,0,1.8,0.3,2.5,1s1,1.5,1,2.5
+					s-0.3,1.8-1,2.5c-0.7,0.7-1.5,1-2.5,1C400.1,127.7,399.3,127.4,398.6,126.7z"/>
+				<path class="st6" d="M424.1,127.4h-12.1V99.9h10.7c1.9,0,3.5,0.2,4.8,0.7c1.4,0.4,2.4,1.1,3.1,1.8c1.2,1.4,1.9,3,1.9,4.8
+					c0,2.2-0.7,3.8-2.1,4.8c-0.5,0.4-0.8,0.6-1,0.7s-0.5,0.2-1,0.5c1.7,0.4,3.1,1.1,4.1,2.3c1,1.2,1.5,2.6,1.5,4.4
+					c0,1.9-0.7,3.6-2,5.1C430.6,126.5,427.9,127.4,424.1,127.4z M418.2,111h2.9c1.7,0,3-0.2,3.8-0.6c0.8-0.4,1.2-1.2,1.2-2.4
+					c0-1.2-0.4-2-1.1-2.4c-0.8-0.4-2-0.6-3.9-0.6h-3V111z M418.2,122.2h4.2c1.8,0,3.1-0.2,4-0.7c0.9-0.4,1.3-1.3,1.3-2.6
+					s-0.5-2.1-1.4-2.5s-2.4-0.6-4.5-0.6h-3.6V122.2z"/>
+				<path class="st6" d="M441.2,99.9h6.1v27.5h-6.1V99.9z"/>
+				<path class="st6" d="M467.7,105.2v22.2h-6.1v-22.2h-7.8v-5.3h21.7v5.3H467.7z"/>
+				<path class="st6" d="M499.1,99.9h6.1v27.5h-6.1v-10.8h-10.9v10.8H482V99.9h6.1v11.5h10.9V99.9z"/>
+				<path class="st6" d="M521.3,120.3c1,1.3,2.4,1.9,4.1,1.9c1.7,0,3.1-0.6,4.1-1.9c1-1.3,1.5-3,1.5-5.2V99.9h6.1v15.4
+					c0,4-1.1,7.1-3.3,9.2c-2.2,2.1-5,3.2-8.5,3.2c-3.4,0-6.3-1.1-8.5-3.2c-2.2-2.2-3.3-5.2-3.3-9.2V99.9h6.1v15.2
+					C519.7,117.3,520.2,119,521.3,120.3z"/>
+				<path class="st6" d="M557.6,127.4h-12.1V99.9h10.7c1.9,0,3.5,0.2,4.8,0.7c1.4,0.4,2.4,1.1,3.1,1.8c1.2,1.4,1.8,3,1.8,4.8
+					c0,2.2-0.7,3.8-2.1,4.8c-0.5,0.4-0.8,0.6-1,0.7c-0.2,0.1-0.5,0.2-1,0.5c1.7,0.4,3.1,1.1,4.1,2.3c1,1.2,1.5,2.6,1.5,4.4
+					c0,1.9-0.7,3.6-2,5.1C564,126.5,561.4,127.4,557.6,127.4z M551.7,111h2.9c1.7,0,3-0.2,3.8-0.6c0.8-0.4,1.2-1.2,1.2-2.4
+					c0-1.2-0.4-2-1.1-2.4s-2-0.6-3.9-0.6h-3V111z M551.7,122.2h4.2c1.8,0,3.1-0.2,4-0.7c0.9-0.4,1.3-1.3,1.3-2.6s-0.5-2.1-1.4-2.5
+					s-2.4-0.6-4.5-0.6h-3.6V122.2z"/>
+				<path class="st6" d="M574.4,126.7c-0.7-0.7-1-1.5-1-2.5s0.3-1.8,1-2.5c0.7-0.7,1.5-1,2.5-1c1,0,1.8,0.3,2.5,1s1,1.5,1,2.5
+					s-0.3,1.8-1,2.5c-0.7,0.7-1.5,1-2.5,1C575.9,127.7,575.1,127.4,574.4,126.7z"/>
+				<path class="st6" d="M600.6,122c3,0,5.5-1.2,7.4-3.6l3.9,4.1c-3.1,3.5-6.8,5.3-11,5.3s-7.7-1.3-10.5-4s-4.1-6.1-4.1-10.1
+					c0-4.1,1.4-7.5,4.2-10.2c2.8-2.7,6.2-4.1,10.3-4.1c4.5,0,8.3,1.7,11.3,5.2l-3.8,4.3c-1.9-2.4-4.4-3.6-7.2-3.6
+					c-2.3,0-4.3,0.8-5.9,2.3c-1.6,1.5-2.5,3.5-2.5,6.1c0,2.6,0.8,4.6,2.3,6.2C596.5,121.2,598.4,122,600.6,122z"/>
+				<path class="st6" d="M641.3,123.6c-2.8,2.7-6.2,4.1-10.3,4.1s-7.5-1.4-10.3-4.1s-4.2-6.1-4.2-10.1c0-4,1.4-7.4,4.2-10.1
+					c2.8-2.7,6.2-4.1,10.3-4.1s7.5,1.4,10.3,4.1c2.8,2.7,4.2,6.1,4.2,10.1C645.5,117.5,644.1,120.9,641.3,123.6z M639.2,113.5
+					c0-2.5-0.8-4.5-2.4-6.3c-1.6-1.7-3.5-2.6-5.8-2.6c-2.3,0-4.2,0.9-5.8,2.6c-1.6,1.7-2.4,3.8-2.4,6.3s0.8,4.5,2.4,6.3
+					s3.5,2.6,5.8,2.6c2.3,0,4.2-0.9,5.8-2.6C638.4,118,639.2,115.9,639.2,113.5z"/>
+				<path class="st6" d="M677.3,110.1l-7.4,15h-3.7l-7.4-15v17.3h-6.1V99.9h8.3L668,115l7.1-15.1h8.3v27.5h-6.1V110.1z"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="guides" class="st44">
+</g>
+</svg>
diff --git a/homepage_embed/images/wowbao-footer-logo.png b/homepage_embed/images/wowbao-footer-logo.png
new file mode 100644
index 0000000..b6e7b11
Binary files /dev/null and b/homepage_embed/images/wowbao-footer-logo.png differ
diff --git a/homepage_embed/index.html b/homepage_embed/index.html
new file mode 100644
index 0000000..be9d331
--- /dev/null
+++ b/homepage_embed/index.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+  <head>
+    <title>BitHub Carousel</title>
+  </head>
+  <body style="background: #4a7c8d">
+    <div class="bithub-embed" style="margin: 50px"></div>
+    <script src="../node_modules/steal/steal.js" main="bithub-admin/homepage_embed"></script>
+  </body>
+</html>
diff --git a/homepage_embed/index.js b/homepage_embed/index.js
new file mode 100644
index 0000000..4ec1f19
--- /dev/null
+++ b/homepage_embed/index.js
@@ -0,0 +1,97 @@
+import can from "can";
+import $ from "jquery";
+
+import Bit from "homepage_embed/models/bit";
+
+import "homepage_embed/bits_carousel/";
+import "homepage_embed/bit_carousel/";
+
+import "homepage_embed/style/embed.less!";
+//var bitData = new Bit.List(fixtures.data.slice(0, 10));
+
+var RealBit = Bit.extend({
+	findAll: function(params){
+		return $.ajax({
+			url: window.location.protocol + '//bithub.com/api/v4/embeds/143/entities?view=public&decision=approved&tenant_name=calm_dove_6826&image_only=true&' + $.param(params)
+		});
+	},
+}, {});
+
+
+import template from "./index.stache!";
+//import "./carousel.less!";
+
+var State = can.Map.extend({
+	isAdmin(){
+		return false;
+	},
+	assetRoot: "/homepage_embed/",
+	hubId: 1
+});
+
+$('body').on('cardExpanded', function(ev, height){
+	var parent = window.parent;
+	if(parent){
+		parent.postMessage('cardExpanded:' + height, '*');
+	}
+});
+
+
+var wrapCreate = function(data){
+	data.tenant_name = 'radioactive_fern_9050';
+	return {
+		interaction: data
+	};
+};
+
+var __scrollRecorded;
+
+var InteractionEvent = can.Model.extend({
+	create : 'POST http://bithub.com/api/v3/interactions',
+	createScrollInteraction : function(hubId){
+		return this.create(wrapCreate({
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			event_type: 'carousel-scroll'
+		}));
+	},
+	createLinkClickedInteraction : function(hubId, entityId){
+		return this.create(wrapCreate({
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'carousel-link'
+		}));
+	},
+	createEntitySharedInteraction : function(hubId, entityId, target){
+		return this.create(wrapCreate({
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'carousel-share',
+			event_subtype: target
+		}));
+	}
+}, {});
+
+
+$('body').on('interaction:carousel-scroll', function(ev, hubId){
+	if(!__scrollRecorded){
+		InteractionEvent.createScrollInteraction(hubId);
+		__scrollRecorded = true;
+	}
+});
+$('body').on('interaction:carousel-link', function(ev, hubId, entityId){
+	InteractionEvent.createLinkClickedInteraction(hubId, entityId);
+});
+$('body').on('interaction:carousel-share', function(ev, hubId, entityId, target){
+	InteractionEvent.createEntitySharedInteraction(hubId, entityId, target);
+});
+
+
+$('.bithub-embed').html(template({
+	bitModel: RealBit,
+	state: new State()
+}));
diff --git a/homepage_embed/index.stache b/homepage_embed/index.stache
new file mode 100644
index 0000000..b83ca17
--- /dev/null
+++ b/homepage_embed/index.stache
@@ -0,0 +1 @@
+<bh-bits-carousel bit-tag="bh-bit-carousel" bit-model="{bitModel}" state="{state}"></bh-bits-carousel>
diff --git a/homepage_embed/models/bit.js b/homepage_embed/models/bit.js
new file mode 100755
index 0000000..568a511
--- /dev/null
+++ b/homepage_embed/models/bit.js
@@ -0,0 +1,56 @@
+import can from "can";
+import moment from "moment";
+
+var Bit = can.Model.extend({
+	resource : '/api/v3/embeds/{hubId}/entities',
+}, {
+	formattedThreadUpdatedAt : function(){
+		return moment(this.attr('thread_updated_at')).format('LL');
+	},
+	isTumblrImage : function(){
+		return this.isPhoto() && this.isTumblr();
+	},
+	isInstagramImage : function(){
+		return this.isPhoto() && this.attr('feed_name') === 'instagram';
+	},
+	isPhoto : function(){
+		return this.attr('type_name') === 'photo';
+	},
+	isTumblr : function(){
+		return this.attr('feed_name') === 'tumblr';
+	},
+	isTwitterFollow : function(){
+		return this.attr('feed_name') === 'twitter' && this.attr('type_name') === 'follow';
+	},
+	isYoutube : function(){
+		return this.attr('feed_name') === 'youtube';
+	},
+	youtubeEmbedURL : function(){
+		return this.attr('url').replace(/watch\?v=/, 'embed/');
+	}
+});
+
+Bit.ACTIONS = ['pin', 'unpin', 'approve', 'disapprove'];
+
+var makeBitAction = function(action){
+	var templateUrl = '/api/v3/embeds/{hubId}/entities/{id}/' + action;
+	return function(hubId){
+		var url = can.sub(templateUrl, {
+			hubId : hubId,
+			id : this.attr('id')
+		});
+
+		return $.ajax(url, {
+			dataType: 'json',
+			type: 'PUT'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	};
+};
+
+for(var i = 0; i < Bit.ACTIONS.length; i++){
+	Bit.prototype[Bit.ACTIONS[i]] = makeBitAction(Bit.ACTIONS[i]);
+}
+
+export default Bit;
diff --git a/homepage_embed/package.json b/homepage_embed/package.json
new file mode 100644
index 0000000..8764143
--- /dev/null
+++ b/homepage_embed/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "bithub-homepage-carousel",
+  "version": "0.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/bitovi/bithub-homepage-carousel.git"
+  },
+  "author": "",
+  "license": "-",
+  "bugs": {
+    "url": "https://github.com/bitovi/bithub-homepage-carousel/issues"
+  },
+  "homepage": "https://github.com/bitovi/bithub-homepage-carousel",
+  "dependencies": {
+    "jquery": "2.1.4",
+    "moment": "2.10.3",
+    "bootstrap": "3.3.5",
+    "font-awesome": "4.4.0",
+    "lodash-amd": "3.10.1",
+    "steal": "0.12.0-pre.10",
+    "steal-tools": "0.12.0-pre.5",
+    "can": "2.3.0-beta.5"
+  }
+}
diff --git a/homepage_embed/style/embed.less b/homepage_embed/style/embed.less
new file mode 100755
index 0000000..d1e4417
--- /dev/null
+++ b/homepage_embed/style/embed.less
@@ -0,0 +1,61 @@
+// Core variables and mixins
+@import "../../node_modules/font-awesome/less/variables.less";
+@import "variables.less";
+
+@import "../../node_modules/bootstrap/less/mixins.less";
+
+// Reset and dependencies
+@import "../../node_modules/bootstrap/less/normalize.less";
+@import "../../node_modules/bootstrap/less/print.less";
+
+// Core CSS
+@import "../../node_modules/bootstrap/less/scaffolding.less";
+@import "../../node_modules/bootstrap/less/type.less";
+@import "../../node_modules/bootstrap/less/code.less";
+@import "../../node_modules/bootstrap/less/grid.less";
+@import "../../node_modules/bootstrap/less/tables.less";
+@import "../../node_modules/bootstrap/less/forms.less";
+@import "../../node_modules/bootstrap/less/buttons.less";
+
+// Components
+@import "../../node_modules/bootstrap/less/component-animations.less";
+@import "../../node_modules/bootstrap/less/dropdowns.less";
+@import "../../node_modules/bootstrap/less/button-groups.less";
+@import "../../node_modules/bootstrap/less/input-groups.less";
+@import "../../node_modules/bootstrap/less/navs.less";
+@import "../../node_modules/bootstrap/less/navbar.less";
+@import "../../node_modules/bootstrap/less/breadcrumbs.less";
+@import "../../node_modules/bootstrap/less/pagination.less";
+@import "../../node_modules/bootstrap/less/pager.less";
+@import "../../node_modules/bootstrap/less/labels.less";
+@import "../../node_modules/bootstrap/less/badges.less";
+@import "../../node_modules/bootstrap/less/jumbotron.less";
+@import "../../node_modules/bootstrap/less/thumbnails.less";
+@import "../../node_modules/bootstrap/less/alerts.less";
+@import "../../node_modules/bootstrap/less/progress-bars.less";
+@import "../../node_modules/bootstrap/less/media.less";
+@import "../../node_modules/bootstrap/less/list-group.less";
+@import "../../node_modules/bootstrap/less/panels.less";
+@import "../../node_modules/bootstrap/less/responsive-embed.less";
+@import "../../node_modules/bootstrap/less/wells.less";
+@import "../../node_modules/bootstrap/less/close.less";
+
+// Utility classes
+@import "../../node_modules/bootstrap/less/utilities.less";
+@import "../../node_modules/bootstrap/less/responsive-utilities.less";
+
+
+@import "../../node_modules/font-awesome/less/mixins.less";
+@import "../../node_modules/font-awesome/less/path.less";
+@import "../../node_modules/font-awesome/less/core.less";
+@import "../../node_modules/font-awesome/less/larger.less";
+@import "../../node_modules/font-awesome/less/fixed-width.less";
+@import "../../node_modules/font-awesome/less/list.less";
+@import "../../node_modules/font-awesome/less/bordered-pulled.less";
+@import "../../node_modules/font-awesome/less/rotated-flipped.less";
+@import "../../node_modules/font-awesome/less/stacked.less";
+@import "../../node_modules/font-awesome/less/icons.less";
+
+body {
+	background: transparent;
+}
diff --git a/homepage_embed/style/variables.less b/homepage_embed/style/variables.less
new file mode 100755
index 0000000..6dacc26
--- /dev/null
+++ b/homepage_embed/style/variables.less
@@ -0,0 +1,1542 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-base:              #000;
+@gray-darker:            lighten(@gray-base, 13.5%); // #222
+@gray-dark:              lighten(@gray-base, 20%);   // #333
+@gray:                   lighten(@gray-base, 33.5%); // #555
+@gray-light:             lighten(@gray-base, 46.7%); // #777
+@gray-lighter:           lighten(@gray-base, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg:               #fff;
+//** Global text color on `<body>`.
+@text-color:            @gray-dark;
+
+//** Global textual link color.
+@link-color:            @brand-primary;
+//** Link hover color set via `darken()` function.
+@link-hover-color:      darken(@link-color, 15%);
+//** Link hover decoration.
+@link-hover-decoration: underline;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+@font-family-sans-serif:  "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          14px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5:            @font-size-base;
+@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family:    inherit;
+@headings-font-weight:    300;
+@headings-line-height:    1.1;
+@headings-color:          inherit;
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   12px;
+
+@padding-large-vertical:    10px;
+@padding-large-horizontal:  16px;
+
+@padding-small-vertical:    5px;
+@padding-small-horizontal:  10px;
+
+@padding-xs-vertical:       1px;
+@padding-xs-horizontal:     5px;
+
+@line-height-large:         1.33;
+@line-height-small:         1.5;
+
+@border-radius-base:        2px;
+@border-radius-large:       2px;
+@border-radius-small:       2px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color:    #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg:       @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base:          4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large:         5px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding:            8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding:  5px;
+
+//** Default background color used for all tables.
+@table-bg:                      transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent:               #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover:                #f5f5f5;
+@table-bg-active:               @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color:            #ddd;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight:                normal;
+
+@btn-default-color:              #333;
+@btn-default-bg:                 #fff;
+@btn-default-border:             #ccc;
+
+@btn-primary-color:              #fff;
+@btn-primary-bg:                 @brand-primary;
+@btn-primary-border:             darken(@btn-primary-bg, 5%);
+
+@btn-success-color:              #fff;
+@btn-success-bg:                 @brand-success;
+@btn-success-border:             darken(@btn-success-bg, 5%);
+
+@btn-info-color:                 #fff;
+@btn-info-bg:                    @brand-info;
+@btn-info-border:                darken(@btn-info-bg, 5%);
+
+@btn-warning-color:              #fff;
+@btn-warning-bg:                 @brand-warning;
+@btn-warning-border:             darken(@btn-warning-bg, 5%);
+
+@btn-danger-color:               #fff;
+@btn-danger-bg:                  @brand-danger;
+@btn-danger-border:              darken(@btn-danger-bg, 5%);
+
+@btn-link-disabled-color:        @gray-light;
+// Allows for customizing button radius independently from global border radius
+@btn-border-radius-base:         @border-radius-base;
+@btn-border-radius-large:        @border-radius-large;
+@btn-border-radius-small:        @border-radius-small;
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg:                       #fff;
+//** `<input disabled>` background color
+@input-bg-disabled:              @gray-lighter;
+
+//** Text color for `<input>`s
+@input-color:                    @gray;
+//** `<input>` border color
+@input-border:                   #ccc;
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
+@input-border-radius:            @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large:      @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small:      @border-radius-small;
+
+//** Border color for inputs on focus
+@input-border-focus:             #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder:        #999;
+
+//** Default `.form-control` height
+@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+//** Small `.form-control` height
+@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@form-group-margin-bottom:       15px;
+
+@legend-color:                   @gray-dark;
+@legend-border-color:            #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg:           @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+//** Disabled cursor for form controls and buttons.
+@cursor-disabled:                not-allowed;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg:                    #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border:                rgba(0,0,0,.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border:       #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg:            #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color:            @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color:      darken(@gray-dark, 5%);
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg:         #f5f5f5;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color:     @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg:        @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color:   @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color:          @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color:           #000;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar:            1000;
+@zindex-dropdown:          1000;
+@zindex-popover:           1060;
+@zindex-tooltip:           1070;
+@zindex-navbar-fixed:      1030;
+@zindex-modal-background:  1040;
+@zindex-modal:             1050;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs:                  480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min:              @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone:               @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm:                  768px;
+@screen-sm-min:              @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet:              @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md:                  992px;
+@screen-md-min:              @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop:             @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg:                  1200px;
+@screen-lg-min:              @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop:          @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max:              (@screen-sm-min - 1);
+@screen-sm-max:              (@screen-md-min - 1);
+@screen-md-max:              (@screen-lg-min - 1);
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns:              12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width:         30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint:     @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet:             (720px + @grid-gutter-width);
+//** For `@screen-sm-min` and up.
+@container-sm:                 @container-tablet;
+
+// Medium screen / desktop
+@container-desktop:            (940px + @grid-gutter-width);
+//** For `@screen-md-min` and up.
+@container-md:                 @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop:      (1140px + @grid-gutter-width);
+//** For `@screen-lg-min` and up.
+@container-lg:                 @container-large-desktop;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height:                    50px;
+@navbar-margin-bottom:             @line-height-computed;
+@navbar-border-radius:             @border-radius-base;
+@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height:       340px;
+
+@navbar-default-color:             #777;
+@navbar-default-bg:                #f8f8f8;
+@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color:                #777;
+@navbar-default-link-hover-color:          #333;
+@navbar-default-link-hover-bg:             transparent;
+@navbar-default-link-active-color:         #555;
+@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
+@navbar-default-link-disabled-color:       #ccc;
+@navbar-default-link-disabled-bg:          transparent;
+
+// Navbar brand label
+@navbar-default-brand-color:               @navbar-default-link-color;
+@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg:            transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg:           #ddd;
+@navbar-default-toggle-icon-bar-bg:        #888;
+@navbar-default-toggle-border-color:       #ddd;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color:                      lighten(@gray-light, 15%);
+@navbar-inverse-bg:                         #222;
+@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 lighten(@gray-light, 15%);
+@navbar-inverse-link-hover-color:           #fff;
+@navbar-inverse-link-hover-bg:              transparent;
+@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color:        #444;
+@navbar-inverse-link-disabled-bg:           transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color:          #fff;
+@navbar-inverse-brand-hover-bg:             transparent;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            #333;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #333;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding:                          10px 15px;
+@nav-link-hover-bg:                         @gray-lighter;
+
+@nav-disabled-link-color:                   @gray-light;
+@nav-disabled-link-hover-color:             @gray-light;
+
+//== Tabs
+@nav-tabs-border-color:                     #ddd;
+
+@nav-tabs-link-hover-border-color:          @gray-lighter;
+
+@nav-tabs-active-link-hover-bg:             @body-bg;
+@nav-tabs-active-link-hover-color:          @gray;
+@nav-tabs-active-link-hover-border-color:   #ddd;
+
+@nav-tabs-justified-link-border-color:            #ddd;
+@nav-tabs-justified-active-link-border-color:     @body-bg;
+
+//== Pills
+@nav-pills-border-radius:                   @border-radius-base;
+@nav-pills-active-link-hover-bg:            @component-active-bg;
+@nav-pills-active-link-hover-color:         @component-active-color;
+
+
+//== Pagination
+//
+//##
+
+@pagination-color:                     @link-color;
+@pagination-bg:                        #fff;
+@pagination-border:                    #ddd;
+
+@pagination-hover-color:               @link-hover-color;
+@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-border:              #ddd;
+
+@pagination-active-color:              #fff;
+@pagination-active-bg:                 @brand-primary;
+@pagination-active-border:             @brand-primary;
+
+@pagination-disabled-color:            @gray-light;
+@pagination-disabled-bg:               #fff;
+@pagination-disabled-border:           #ddd;
+
+
+//== Pager
+//
+//##
+
+@pager-bg:                             @pagination-bg;
+@pager-border:                         @pagination-border;
+@pager-border-radius:                  15px;
+
+@pager-hover-bg:                       @pagination-hover-bg;
+
+@pager-active-bg:                      @pagination-active-bg;
+@pager-active-color:                   @pagination-active-color;
+
+@pager-disabled-color:                 @pagination-disabled-color;
+
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding:              30px;
+@jumbotron-color:                inherit;
+@jumbotron-bg:                   @gray-lighter;
+@jumbotron-heading-color:        inherit;
+@jumbotron-font-size:            ceil((@font-size-base * 1.5));
+@jumbotron-heading-font-size:    ceil((@font-size-base * 4.5));
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text:             #3c763d;
+@state-success-bg:               #dff0d8;
+@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text:                #31708f;
+@state-info-bg:                  #d9edf7;
+@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text:             #8a6d3b;
+@state-warning-bg:               #fcf8e3;
+@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+
+@state-danger-text:              #a94442;
+@state-danger-bg:                #f2dede;
+@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width:           200px;
+//** Tooltip text color
+@tooltip-color:               #fff;
+//** Tooltip background color
+@tooltip-bg:                  #000;
+@tooltip-opacity:             .9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width:         5px;
+//** Tooltip arrow color
+@tooltip-arrow-color:         @tooltip-bg;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg:                          #fff;
+//** Popover maximum width
+@popover-max-width:                   276px;
+//** Popover border color
+@popover-border-color:                rgba(0,0,0,.2);
+//** Popover fallback border color
+@popover-fallback-border-color:       #ccc;
+
+//** Popover title background color
+@popover-title-bg:                    darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width:                 10px;
+//** Popover arrow color
+@popover-arrow-color:                 @popover-bg;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width:           (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg:            @gray-light;
+//** Primary label background color
+@label-primary-bg:            @brand-primary;
+//** Success label background color
+@label-success-bg:            @brand-success;
+//** Info label background color
+@label-info-bg:               @brand-info;
+//** Warning label background color
+@label-warning-bg:            @brand-warning;
+//** Danger label background color
+@label-danger-bg:             @brand-danger;
+
+//** Default label text color
+@label-color:                 #fff;
+//** Default text color of a linked label
+@label-link-hover-color:      #fff;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding:         15px;
+
+//** Padding applied to the modal title
+@modal-title-padding:         15px;
+//** Modal title line-height
+@modal-title-line-height:     @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg:                             #fff;
+//** Modal content border color
+@modal-content-border-color:                   rgba(0,0,0,.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color:          #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg:           #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity:      .5;
+//** Modal header border color
+@modal-header-border-color:   #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color:   @modal-header-border-color;
+
+@modal-lg:                    900px;
+@modal-md:                    600px;
+@modal-sm:                    300px;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding:               15px;
+@alert-border-radius:         @border-radius-base;
+@alert-link-font-weight:      bold;
+
+@alert-success-bg:            @state-success-bg;
+@alert-success-text:          @state-success-text;
+@alert-success-border:        @state-success-border;
+
+@alert-info-bg:               @state-info-bg;
+@alert-info-text:             @state-info-text;
+@alert-info-border:           @state-info-border;
+
+@alert-warning-bg:            @state-warning-bg;
+@alert-warning-text:          @state-warning-text;
+@alert-warning-border:        @state-warning-border;
+
+@alert-danger-bg:             @state-danger-bg;
+@alert-danger-text:           @state-danger-text;
+@alert-danger-border:         @state-danger-border;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg:                 #f5f5f5;
+//** Progress bar text color
+@progress-bar-color:          #fff;
+//** Variable for setting rounded corners on progress bar.
+@progress-border-radius:      @border-radius-base;
+
+//** Default progress bar color
+@progress-bar-bg:             @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg:     @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg:     @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg:      @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg:        @brand-info;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg:                 #fff;
+//** `.list-group-item` border color
+@list-group-border:             #ddd;
+//** List group border radius
+@list-group-border-radius:      @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg:           #f5f5f5;
+//** Text color of active list items
+@list-group-active-color:       @component-active-color;
+//** Background color of active list items
+@list-group-active-bg:          @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border:      @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color:      @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg:         @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color: @list-group-disabled-color;
+
+@list-group-link-color:         #555;
+@list-group-link-hover-color:   @list-group-link-color;
+@list-group-link-heading-color: #333;
+
+
+//== Panels
+//
+//##
+
+@panel-bg:                    #fff;
+@panel-body-padding:          15px;
+@panel-heading-padding:       10px 15px;
+@panel-footer-padding:        @panel-heading-padding;
+@panel-border-radius:         @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border:          #ddd;
+@panel-footer-bg:             #f5f5f5;
+
+@panel-default-text:          @gray-dark;
+@panel-default-border:        #ddd;
+@panel-default-heading-bg:    #f5f5f5;
+
+@panel-primary-text:          #fff;
+@panel-primary-border:        @brand-primary;
+@panel-primary-heading-bg:    @brand-primary;
+
+@panel-success-text:          @state-success-text;
+@panel-success-border:        @state-success-border;
+@panel-success-heading-bg:    @state-success-bg;
+
+@panel-info-text:             @state-info-text;
+@panel-info-border:           @state-info-border;
+@panel-info-heading-bg:       @state-info-bg;
+
+@panel-warning-text:          @state-warning-text;
+@panel-warning-border:        @state-warning-border;
+@panel-warning-heading-bg:    @state-warning-bg;
+
+@panel-danger-text:           @state-danger-text;
+@panel-danger-border:         @state-danger-border;
+@panel-danger-heading-bg:     @state-danger-bg;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding:           4px;
+//** Thumbnail background color
+@thumbnail-bg:                @body-bg;
+//** Thumbnail border color
+@thumbnail-border:            #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius:     @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color:     @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding:   9px;
+
+
+//== Wells
+//
+//##
+
+@well-bg:                     #f5f5f5;
+@well-border:                 darken(@well-bg, 7%);
+
+
+//== Badges
+//
+//##
+
+@badge-color:                 #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color:      #fff;
+@badge-bg:                    @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color:          @link-color;
+//** Badge background color in active nav link
+@badge-active-bg:             #fff;
+
+@badge-font-weight:           bold;
+@badge-line-height:           1;
+@badge-border-radius:         10px;
+
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical:   8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg:                 #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color:              #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color:       @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator:          "/";
+
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color:                      #fff;
+@carousel-control-width:                      15%;
+@carousel-control-opacity:                    .5;
+@carousel-control-font-size:                  20px;
+
+@carousel-indicator-active-bg:                #fff;
+@carousel-indicator-border-color:             #fff;
+
+@carousel-caption-color:                      #fff;
+
+
+//== Close
+//
+//##
+
+@close-font-weight:           bold;
+@close-color:                 #000;
+@close-text-shadow:           0 1px 0 #fff;
+
+
+//== Code
+//
+//##
+
+@code-color:                  #c7254e;
+@code-bg:                     #f9f2f4;
+
+@kbd-color:                   #fff;
+@kbd-bg:                      #333;
+
+@pre-bg:                      #f5f5f5;
+@pre-color:                   @gray-dark;
+@pre-border-color:            #ccc;
+@pre-scrollable-max-height:   340px;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+//** Text muted color
+@text-muted:                  @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color:           @gray-light;
+//** Headings small color
+@headings-small-color:        @gray-light;
+//** Blockquote small color
+@blockquote-small-color:      @gray-light;
+//** Blockquote font size
+@blockquote-font-size:        (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color:     @gray-lighter;
+//** Page header border color
+@page-header-border-color:    @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset:        @component-offset-horizontal;
+//** Horizontal line color.
+@hr-border:                   @gray-lighter;
+
+
+
+// Variables
+// --------------------------
+
+@fa-font-path:        "../../node_modules/font-awesome/fonts";
+@fa-font-size-base:   14px;
+@fa-line-height-base: 1;
+//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.3.0/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix:       fa;
+@fa-version:          "4.3.0";
+@fa-border-color:     #eee;
+@fa-inverse:          #fff;
+@fa-li-width:         (30em / 14);
+
+
+@fa-var-500px: "\f26e";
+@fa-var-adjust: "\f042";
+@fa-var-adn: "\f170";
+@fa-var-align-center: "\f037";
+@fa-var-align-justify: "\f039";
+@fa-var-align-left: "\f036";
+@fa-var-align-right: "\f038";
+@fa-var-amazon: "\f270";
+@fa-var-ambulance: "\f0f9";
+@fa-var-anchor: "\f13d";
+@fa-var-android: "\f17b";
+@fa-var-angellist: "\f209";
+@fa-var-angle-double-down: "\f103";
+@fa-var-angle-double-left: "\f100";
+@fa-var-angle-double-right: "\f101";
+@fa-var-angle-double-up: "\f102";
+@fa-var-angle-down: "\f107";
+@fa-var-angle-left: "\f104";
+@fa-var-angle-right: "\f105";
+@fa-var-angle-up: "\f106";
+@fa-var-apple: "\f179";
+@fa-var-archive: "\f187";
+@fa-var-area-chart: "\f1fe";
+@fa-var-arrow-circle-down: "\f0ab";
+@fa-var-arrow-circle-left: "\f0a8";
+@fa-var-arrow-circle-o-down: "\f01a";
+@fa-var-arrow-circle-o-left: "\f190";
+@fa-var-arrow-circle-o-right: "\f18e";
+@fa-var-arrow-circle-o-up: "\f01b";
+@fa-var-arrow-circle-right: "\f0a9";
+@fa-var-arrow-circle-up: "\f0aa";
+@fa-var-arrow-down: "\f063";
+@fa-var-arrow-left: "\f060";
+@fa-var-arrow-right: "\f061";
+@fa-var-arrow-up: "\f062";
+@fa-var-arrows: "\f047";
+@fa-var-arrows-alt: "\f0b2";
+@fa-var-arrows-h: "\f07e";
+@fa-var-arrows-v: "\f07d";
+@fa-var-asterisk: "\f069";
+@fa-var-at: "\f1fa";
+@fa-var-automobile: "\f1b9";
+@fa-var-backward: "\f04a";
+@fa-var-balance-scale: "\f24e";
+@fa-var-ban: "\f05e";
+@fa-var-bank: "\f19c";
+@fa-var-bar-chart: "\f080";
+@fa-var-bar-chart-o: "\f080";
+@fa-var-barcode: "\f02a";
+@fa-var-bars: "\f0c9";
+@fa-var-battery-0: "\f244";
+@fa-var-battery-1: "\f243";
+@fa-var-battery-2: "\f242";
+@fa-var-battery-3: "\f241";
+@fa-var-battery-4: "\f240";
+@fa-var-battery-empty: "\f244";
+@fa-var-battery-full: "\f240";
+@fa-var-battery-half: "\f242";
+@fa-var-battery-quarter: "\f243";
+@fa-var-battery-three-quarters: "\f241";
+@fa-var-bed: "\f236";
+@fa-var-beer: "\f0fc";
+@fa-var-behance: "\f1b4";
+@fa-var-behance-square: "\f1b5";
+@fa-var-bell: "\f0f3";
+@fa-var-bell-o: "\f0a2";
+@fa-var-bell-slash: "\f1f6";
+@fa-var-bell-slash-o: "\f1f7";
+@fa-var-bicycle: "\f206";
+@fa-var-binoculars: "\f1e5";
+@fa-var-birthday-cake: "\f1fd";
+@fa-var-bitbucket: "\f171";
+@fa-var-bitbucket-square: "\f172";
+@fa-var-bitcoin: "\f15a";
+@fa-var-black-tie: "\f27e";
+@fa-var-bold: "\f032";
+@fa-var-bolt: "\f0e7";
+@fa-var-bomb: "\f1e2";
+@fa-var-book: "\f02d";
+@fa-var-bookmark: "\f02e";
+@fa-var-bookmark-o: "\f097";
+@fa-var-briefcase: "\f0b1";
+@fa-var-btc: "\f15a";
+@fa-var-bug: "\f188";
+@fa-var-building: "\f1ad";
+@fa-var-building-o: "\f0f7";
+@fa-var-bullhorn: "\f0a1";
+@fa-var-bullseye: "\f140";
+@fa-var-bus: "\f207";
+@fa-var-buysellads: "\f20d";
+@fa-var-cab: "\f1ba";
+@fa-var-calculator: "\f1ec";
+@fa-var-calendar: "\f073";
+@fa-var-calendar-check-o: "\f274";
+@fa-var-calendar-minus-o: "\f272";
+@fa-var-calendar-o: "\f133";
+@fa-var-calendar-plus-o: "\f271";
+@fa-var-calendar-times-o: "\f273";
+@fa-var-camera: "\f030";
+@fa-var-camera-retro: "\f083";
+@fa-var-car: "\f1b9";
+@fa-var-caret-down: "\f0d7";
+@fa-var-caret-left: "\f0d9";
+@fa-var-caret-right: "\f0da";
+@fa-var-caret-square-o-down: "\f150";
+@fa-var-caret-square-o-left: "\f191";
+@fa-var-caret-square-o-right: "\f152";
+@fa-var-caret-square-o-up: "\f151";
+@fa-var-caret-up: "\f0d8";
+@fa-var-cart-arrow-down: "\f218";
+@fa-var-cart-plus: "\f217";
+@fa-var-cc: "\f20a";
+@fa-var-cc-amex: "\f1f3";
+@fa-var-cc-diners-club: "\f24c";
+@fa-var-cc-discover: "\f1f2";
+@fa-var-cc-jcb: "\f24b";
+@fa-var-cc-mastercard: "\f1f1";
+@fa-var-cc-paypal: "\f1f4";
+@fa-var-cc-stripe: "\f1f5";
+@fa-var-cc-visa: "\f1f0";
+@fa-var-certificate: "\f0a3";
+@fa-var-chain: "\f0c1";
+@fa-var-chain-broken: "\f127";
+@fa-var-check: "\f00c";
+@fa-var-check-circle: "\f058";
+@fa-var-check-circle-o: "\f05d";
+@fa-var-check-square: "\f14a";
+@fa-var-check-square-o: "\f046";
+@fa-var-chevron-circle-down: "\f13a";
+@fa-var-chevron-circle-left: "\f137";
+@fa-var-chevron-circle-right: "\f138";
+@fa-var-chevron-circle-up: "\f139";
+@fa-var-chevron-down: "\f078";
+@fa-var-chevron-left: "\f053";
+@fa-var-chevron-right: "\f054";
+@fa-var-chevron-up: "\f077";
+@fa-var-child: "\f1ae";
+@fa-var-chrome: "\f268";
+@fa-var-circle: "\f111";
+@fa-var-circle-o: "\f10c";
+@fa-var-circle-o-notch: "\f1ce";
+@fa-var-circle-thin: "\f1db";
+@fa-var-clipboard: "\f0ea";
+@fa-var-clock-o: "\f017";
+@fa-var-clone: "\f24d";
+@fa-var-close: "\f00d";
+@fa-var-cloud: "\f0c2";
+@fa-var-cloud-download: "\f0ed";
+@fa-var-cloud-upload: "\f0ee";
+@fa-var-cny: "\f157";
+@fa-var-code: "\f121";
+@fa-var-code-fork: "\f126";
+@fa-var-codepen: "\f1cb";
+@fa-var-coffee: "\f0f4";
+@fa-var-cog: "\f013";
+@fa-var-cogs: "\f085";
+@fa-var-columns: "\f0db";
+@fa-var-comment: "\f075";
+@fa-var-comment-o: "\f0e5";
+@fa-var-commenting: "\f27a";
+@fa-var-commenting-o: "\f27b";
+@fa-var-comments: "\f086";
+@fa-var-comments-o: "\f0e6";
+@fa-var-compass: "\f14e";
+@fa-var-compress: "\f066";
+@fa-var-connectdevelop: "\f20e";
+@fa-var-contao: "\f26d";
+@fa-var-copy: "\f0c5";
+@fa-var-copyright: "\f1f9";
+@fa-var-creative-commons: "\f25e";
+@fa-var-credit-card: "\f09d";
+@fa-var-crop: "\f125";
+@fa-var-crosshairs: "\f05b";
+@fa-var-css3: "\f13c";
+@fa-var-cube: "\f1b2";
+@fa-var-cubes: "\f1b3";
+@fa-var-cut: "\f0c4";
+@fa-var-cutlery: "\f0f5";
+@fa-var-dashboard: "\f0e4";
+@fa-var-dashcube: "\f210";
+@fa-var-database: "\f1c0";
+@fa-var-dedent: "\f03b";
+@fa-var-delicious: "\f1a5";
+@fa-var-desktop: "\f108";
+@fa-var-deviantart: "\f1bd";
+@fa-var-diamond: "\f219";
+@fa-var-digg: "\f1a6";
+@fa-var-dollar: "\f155";
+@fa-var-dot-circle-o: "\f192";
+@fa-var-download: "\f019";
+@fa-var-dribbble: "\f17d";
+@fa-var-dropbox: "\f16b";
+@fa-var-drupal: "\f1a9";
+@fa-var-edit: "\f044";
+@fa-var-eject: "\f052";
+@fa-var-ellipsis-h: "\f141";
+@fa-var-ellipsis-v: "\f142";
+@fa-var-empire: "\f1d1";
+@fa-var-envelope: "\f0e0";
+@fa-var-envelope-o: "\f003";
+@fa-var-envelope-square: "\f199";
+@fa-var-eraser: "\f12d";
+@fa-var-eur: "\f153";
+@fa-var-euro: "\f153";
+@fa-var-exchange: "\f0ec";
+@fa-var-exclamation: "\f12a";
+@fa-var-exclamation-circle: "\f06a";
+@fa-var-exclamation-triangle: "\f071";
+@fa-var-expand: "\f065";
+@fa-var-expeditedssl: "\f23e";
+@fa-var-external-link: "\f08e";
+@fa-var-external-link-square: "\f14c";
+@fa-var-eye: "\f06e";
+@fa-var-eye-slash: "\f070";
+@fa-var-eyedropper: "\f1fb";
+@fa-var-facebook: "\f09a";
+@fa-var-facebook-f: "\f09a";
+@fa-var-facebook-official: "\f230";
+@fa-var-facebook-square: "\f082";
+@fa-var-fast-backward: "\f049";
+@fa-var-fast-forward: "\f050";
+@fa-var-fax: "\f1ac";
+@fa-var-feed: "\f09e";
+@fa-var-female: "\f182";
+@fa-var-fighter-jet: "\f0fb";
+@fa-var-file: "\f15b";
+@fa-var-file-archive-o: "\f1c6";
+@fa-var-file-audio-o: "\f1c7";
+@fa-var-file-code-o: "\f1c9";
+@fa-var-file-excel-o: "\f1c3";
+@fa-var-file-image-o: "\f1c5";
+@fa-var-file-movie-o: "\f1c8";
+@fa-var-file-o: "\f016";
+@fa-var-file-pdf-o: "\f1c1";
+@fa-var-file-photo-o: "\f1c5";
+@fa-var-file-picture-o: "\f1c5";
+@fa-var-file-powerpoint-o: "\f1c4";
+@fa-var-file-sound-o: "\f1c7";
+@fa-var-file-text: "\f15c";
+@fa-var-file-text-o: "\f0f6";
+@fa-var-file-video-o: "\f1c8";
+@fa-var-file-word-o: "\f1c2";
+@fa-var-file-zip-o: "\f1c6";
+@fa-var-files-o: "\f0c5";
+@fa-var-film: "\f008";
+@fa-var-filter: "\f0b0";
+@fa-var-fire: "\f06d";
+@fa-var-fire-extinguisher: "\f134";
+@fa-var-firefox: "\f269";
+@fa-var-flag: "\f024";
+@fa-var-flag-checkered: "\f11e";
+@fa-var-flag-o: "\f11d";
+@fa-var-flash: "\f0e7";
+@fa-var-flask: "\f0c3";
+@fa-var-flickr: "\f16e";
+@fa-var-floppy-o: "\f0c7";
+@fa-var-folder: "\f07b";
+@fa-var-folder-o: "\f114";
+@fa-var-folder-open: "\f07c";
+@fa-var-folder-open-o: "\f115";
+@fa-var-font: "\f031";
+@fa-var-fonticons: "\f280";
+@fa-var-forumbee: "\f211";
+@fa-var-forward: "\f04e";
+@fa-var-foursquare: "\f180";
+@fa-var-frown-o: "\f119";
+@fa-var-futbol-o: "\f1e3";
+@fa-var-gamepad: "\f11b";
+@fa-var-gavel: "\f0e3";
+@fa-var-gbp: "\f154";
+@fa-var-ge: "\f1d1";
+@fa-var-gear: "\f013";
+@fa-var-gears: "\f085";
+@fa-var-genderless: "\f22d";
+@fa-var-get-pocket: "\f265";
+@fa-var-gg: "\f260";
+@fa-var-gg-circle: "\f261";
+@fa-var-gift: "\f06b";
+@fa-var-git: "\f1d3";
+@fa-var-git-square: "\f1d2";
+@fa-var-github: "\f09b";
+@fa-var-github-alt: "\f113";
+@fa-var-github-square: "\f092";
+@fa-var-gittip: "\f184";
+@fa-var-glass: "\f000";
+@fa-var-globe: "\f0ac";
+@fa-var-google: "\f1a0";
+@fa-var-google-plus: "\f0d5";
+@fa-var-google-plus-square: "\f0d4";
+@fa-var-google-wallet: "\f1ee";
+@fa-var-graduation-cap: "\f19d";
+@fa-var-gratipay: "\f184";
+@fa-var-group: "\f0c0";
+@fa-var-h-square: "\f0fd";
+@fa-var-hacker-news: "\f1d4";
+@fa-var-hand-grab-o: "\f255";
+@fa-var-hand-lizard-o: "\f258";
+@fa-var-hand-o-down: "\f0a7";
+@fa-var-hand-o-left: "\f0a5";
+@fa-var-hand-o-right: "\f0a4";
+@fa-var-hand-o-up: "\f0a6";
+@fa-var-hand-paper-o: "\f256";
+@fa-var-hand-peace-o: "\f25b";
+@fa-var-hand-pointer-o: "\f25a";
+@fa-var-hand-rock-o: "\f255";
+@fa-var-hand-scissors-o: "\f257";
+@fa-var-hand-spock-o: "\f259";
+@fa-var-hand-stop-o: "\f256";
+@fa-var-hdd-o: "\f0a0";
+@fa-var-header: "\f1dc";
+@fa-var-headphones: "\f025";
+@fa-var-heart: "\f004";
+@fa-var-heart-o: "\f08a";
+@fa-var-heartbeat: "\f21e";
+@fa-var-history: "\f1da";
+@fa-var-home: "\f015";
+@fa-var-hospital-o: "\f0f8";
+@fa-var-hotel: "\f236";
+@fa-var-hourglass: "\f254";
+@fa-var-hourglass-1: "\f251";
+@fa-var-hourglass-2: "\f252";
+@fa-var-hourglass-3: "\f253";
+@fa-var-hourglass-end: "\f253";
+@fa-var-hourglass-half: "\f252";
+@fa-var-hourglass-o: "\f250";
+@fa-var-hourglass-start: "\f251";
+@fa-var-houzz: "\f27c";
+@fa-var-html5: "\f13b";
+@fa-var-i-cursor: "\f246";
+@fa-var-ils: "\f20b";
+@fa-var-image: "\f03e";
+@fa-var-inbox: "\f01c";
+@fa-var-indent: "\f03c";
+@fa-var-industry: "\f275";
+@fa-var-info: "\f129";
+@fa-var-info-circle: "\f05a";
+@fa-var-inr: "\f156";
+@fa-var-instagram: "\f16d";
+@fa-var-institution: "\f19c";
+@fa-var-internet-explorer: "\f26b";
+@fa-var-intersex: "\f224";
+@fa-var-ioxhost: "\f208";
+@fa-var-italic: "\f033";
+@fa-var-joomla: "\f1aa";
+@fa-var-jpy: "\f157";
+@fa-var-jsfiddle: "\f1cc";
+@fa-var-key: "\f084";
+@fa-var-keyboard-o: "\f11c";
+@fa-var-krw: "\f159";
+@fa-var-language: "\f1ab";
+@fa-var-laptop: "\f109";
+@fa-var-lastfm: "\f202";
+@fa-var-lastfm-square: "\f203";
+@fa-var-leaf: "\f06c";
+@fa-var-leanpub: "\f212";
+@fa-var-legal: "\f0e3";
+@fa-var-lemon-o: "\f094";
+@fa-var-level-down: "\f149";
+@fa-var-level-up: "\f148";
+@fa-var-life-bouy: "\f1cd";
+@fa-var-life-buoy: "\f1cd";
+@fa-var-life-ring: "\f1cd";
+@fa-var-life-saver: "\f1cd";
+@fa-var-lightbulb-o: "\f0eb";
+@fa-var-line-chart: "\f201";
+@fa-var-link: "\f0c1";
+@fa-var-linkedin: "\f0e1";
+@fa-var-linkedin-square: "\f08c";
+@fa-var-linux: "\f17c";
+@fa-var-list: "\f03a";
+@fa-var-list-alt: "\f022";
+@fa-var-list-ol: "\f0cb";
+@fa-var-list-ul: "\f0ca";
+@fa-var-location-arrow: "\f124";
+@fa-var-lock: "\f023";
+@fa-var-long-arrow-down: "\f175";
+@fa-var-long-arrow-left: "\f177";
+@fa-var-long-arrow-right: "\f178";
+@fa-var-long-arrow-up: "\f176";
+@fa-var-magic: "\f0d0";
+@fa-var-magnet: "\f076";
+@fa-var-mail-forward: "\f064";
+@fa-var-mail-reply: "\f112";
+@fa-var-mail-reply-all: "\f122";
+@fa-var-male: "\f183";
+@fa-var-map: "\f279";
+@fa-var-map-marker: "\f041";
+@fa-var-map-o: "\f278";
+@fa-var-map-pin: "\f276";
+@fa-var-map-signs: "\f277";
+@fa-var-mars: "\f222";
+@fa-var-mars-double: "\f227";
+@fa-var-mars-stroke: "\f229";
+@fa-var-mars-stroke-h: "\f22b";
+@fa-var-mars-stroke-v: "\f22a";
+@fa-var-maxcdn: "\f136";
+@fa-var-meanpath: "\f20c";
+@fa-var-medium: "\f23a";
+@fa-var-medkit: "\f0fa";
+@fa-var-meh-o: "\f11a";
+@fa-var-mercury: "\f223";
+@fa-var-microphone: "\f130";
+@fa-var-microphone-slash: "\f131";
+@fa-var-minus: "\f068";
+@fa-var-minus-circle: "\f056";
+@fa-var-minus-square: "\f146";
+@fa-var-minus-square-o: "\f147";
+@fa-var-mobile: "\f10b";
+@fa-var-mobile-phone: "\f10b";
+@fa-var-money: "\f0d6";
+@fa-var-moon-o: "\f186";
+@fa-var-mortar-board: "\f19d";
+@fa-var-motorcycle: "\f21c";
+@fa-var-mouse-pointer: "\f245";
+@fa-var-music: "\f001";
+@fa-var-navicon: "\f0c9";
+@fa-var-neuter: "\f22c";
+@fa-var-newspaper-o: "\f1ea";
+@fa-var-object-group: "\f247";
+@fa-var-object-ungroup: "\f248";
+@fa-var-odnoklassniki: "\f263";
+@fa-var-odnoklassniki-square: "\f264";
+@fa-var-opencart: "\f23d";
+@fa-var-openid: "\f19b";
+@fa-var-opera: "\f26a";
+@fa-var-optin-monster: "\f23c";
+@fa-var-outdent: "\f03b";
+@fa-var-pagelines: "\f18c";
+@fa-var-paint-brush: "\f1fc";
+@fa-var-paper-plane: "\f1d8";
+@fa-var-paper-plane-o: "\f1d9";
+@fa-var-paperclip: "\f0c6";
+@fa-var-paragraph: "\f1dd";
+@fa-var-paste: "\f0ea";
+@fa-var-pause: "\f04c";
+@fa-var-paw: "\f1b0";
+@fa-var-paypal: "\f1ed";
+@fa-var-pencil: "\f040";
+@fa-var-pencil-square: "\f14b";
+@fa-var-pencil-square-o: "\f044";
+@fa-var-phone: "\f095";
+@fa-var-phone-square: "\f098";
+@fa-var-photo: "\f03e";
+@fa-var-picture-o: "\f03e";
+@fa-var-pie-chart: "\f200";
+@fa-var-pied-piper: "\f1a7";
+@fa-var-pied-piper-alt: "\f1a8";
+@fa-var-pinterest: "\f0d2";
+@fa-var-pinterest-p: "\f231";
+@fa-var-pinterest-square: "\f0d3";
+@fa-var-plane: "\f072";
+@fa-var-play: "\f04b";
+@fa-var-play-circle: "\f144";
+@fa-var-play-circle-o: "\f01d";
+@fa-var-plug: "\f1e6";
+@fa-var-plus: "\f067";
+@fa-var-plus-circle: "\f055";
+@fa-var-plus-square: "\f0fe";
+@fa-var-plus-square-o: "\f196";
+@fa-var-power-off: "\f011";
+@fa-var-print: "\f02f";
+@fa-var-puzzle-piece: "\f12e";
+@fa-var-qq: "\f1d6";
+@fa-var-qrcode: "\f029";
+@fa-var-question: "\f128";
+@fa-var-question-circle: "\f059";
+@fa-var-quote-left: "\f10d";
+@fa-var-quote-right: "\f10e";
+@fa-var-ra: "\f1d0";
+@fa-var-random: "\f074";
+@fa-var-rebel: "\f1d0";
+@fa-var-recycle: "\f1b8";
+@fa-var-reddit: "\f1a1";
+@fa-var-reddit-square: "\f1a2";
+@fa-var-refresh: "\f021";
+@fa-var-registered: "\f25d";
+@fa-var-remove: "\f00d";
+@fa-var-renren: "\f18b";
+@fa-var-reorder: "\f0c9";
+@fa-var-repeat: "\f01e";
+@fa-var-reply: "\f112";
+@fa-var-reply-all: "\f122";
+@fa-var-retweet: "\f079";
+@fa-var-rmb: "\f157";
+@fa-var-road: "\f018";
+@fa-var-rocket: "\f135";
+@fa-var-rotate-left: "\f0e2";
+@fa-var-rotate-right: "\f01e";
+@fa-var-rouble: "\f158";
+@fa-var-rss: "\f09e";
+@fa-var-rss-square: "\f143";
+@fa-var-rub: "\f158";
+@fa-var-ruble: "\f158";
+@fa-var-rupee: "\f156";
+@fa-var-safari: "\f267";
+@fa-var-save: "\f0c7";
+@fa-var-scissors: "\f0c4";
+@fa-var-search: "\f002";
+@fa-var-search-minus: "\f010";
+@fa-var-search-plus: "\f00e";
+@fa-var-sellsy: "\f213";
+@fa-var-send: "\f1d8";
+@fa-var-send-o: "\f1d9";
+@fa-var-server: "\f233";
+@fa-var-share: "\f064";
+@fa-var-share-alt: "\f1e0";
+@fa-var-share-alt-square: "\f1e1";
+@fa-var-share-square: "\f14d";
+@fa-var-share-square-o: "\f045";
+@fa-var-shekel: "\f20b";
+@fa-var-sheqel: "\f20b";
+@fa-var-shield: "\f132";
+@fa-var-ship: "\f21a";
+@fa-var-shirtsinbulk: "\f214";
+@fa-var-shopping-cart: "\f07a";
+@fa-var-sign-in: "\f090";
+@fa-var-sign-out: "\f08b";
+@fa-var-signal: "\f012";
+@fa-var-simplybuilt: "\f215";
+@fa-var-sitemap: "\f0e8";
+@fa-var-skyatlas: "\f216";
+@fa-var-skype: "\f17e";
+@fa-var-slack: "\f198";
+@fa-var-sliders: "\f1de";
+@fa-var-slideshare: "\f1e7";
+@fa-var-smile-o: "\f118";
+@fa-var-soccer-ball-o: "\f1e3";
+@fa-var-sort: "\f0dc";
+@fa-var-sort-alpha-asc: "\f15d";
+@fa-var-sort-alpha-desc: "\f15e";
+@fa-var-sort-amount-asc: "\f160";
+@fa-var-sort-amount-desc: "\f161";
+@fa-var-sort-asc: "\f0de";
+@fa-var-sort-desc: "\f0dd";
+@fa-var-sort-down: "\f0dd";
+@fa-var-sort-numeric-asc: "\f162";
+@fa-var-sort-numeric-desc: "\f163";
+@fa-var-sort-up: "\f0de";
+@fa-var-soundcloud: "\f1be";
+@fa-var-space-shuttle: "\f197";
+@fa-var-spinner: "\f110";
+@fa-var-spoon: "\f1b1";
+@fa-var-spotify: "\f1bc";
+@fa-var-square: "\f0c8";
+@fa-var-square-o: "\f096";
+@fa-var-stack-exchange: "\f18d";
+@fa-var-stack-overflow: "\f16c";
+@fa-var-star: "\f005";
+@fa-var-star-half: "\f089";
+@fa-var-star-half-empty: "\f123";
+@fa-var-star-half-full: "\f123";
+@fa-var-star-half-o: "\f123";
+@fa-var-star-o: "\f006";
+@fa-var-steam: "\f1b6";
+@fa-var-steam-square: "\f1b7";
+@fa-var-step-backward: "\f048";
+@fa-var-step-forward: "\f051";
+@fa-var-stethoscope: "\f0f1";
+@fa-var-sticky-note: "\f249";
+@fa-var-sticky-note-o: "\f24a";
+@fa-var-stop: "\f04d";
+@fa-var-street-view: "\f21d";
+@fa-var-strikethrough: "\f0cc";
+@fa-var-stumbleupon: "\f1a4";
+@fa-var-stumbleupon-circle: "\f1a3";
+@fa-var-subscript: "\f12c";
+@fa-var-subway: "\f239";
+@fa-var-suitcase: "\f0f2";
+@fa-var-sun-o: "\f185";
+@fa-var-superscript: "\f12b";
+@fa-var-support: "\f1cd";
+@fa-var-table: "\f0ce";
+@fa-var-tablet: "\f10a";
+@fa-var-tachometer: "\f0e4";
+@fa-var-tag: "\f02b";
+@fa-var-tags: "\f02c";
+@fa-var-tasks: "\f0ae";
+@fa-var-taxi: "\f1ba";
+@fa-var-television: "\f26c";
+@fa-var-tencent-weibo: "\f1d5";
+@fa-var-terminal: "\f120";
+@fa-var-text-height: "\f034";
+@fa-var-text-width: "\f035";
+@fa-var-th: "\f00a";
+@fa-var-th-large: "\f009";
+@fa-var-th-list: "\f00b";
+@fa-var-thumb-tack: "\f08d";
+@fa-var-thumbs-down: "\f165";
+@fa-var-thumbs-o-down: "\f088";
+@fa-var-thumbs-o-up: "\f087";
+@fa-var-thumbs-up: "\f164";
+@fa-var-ticket: "\f145";
+@fa-var-times: "\f00d";
+@fa-var-times-circle: "\f057";
+@fa-var-times-circle-o: "\f05c";
+@fa-var-tint: "\f043";
+@fa-var-toggle-down: "\f150";
+@fa-var-toggle-left: "\f191";
+@fa-var-toggle-off: "\f204";
+@fa-var-toggle-on: "\f205";
+@fa-var-toggle-right: "\f152";
+@fa-var-toggle-up: "\f151";
+@fa-var-trademark: "\f25c";
+@fa-var-train: "\f238";
+@fa-var-transgender: "\f224";
+@fa-var-transgender-alt: "\f225";
+@fa-var-trash: "\f1f8";
+@fa-var-trash-o: "\f014";
+@fa-var-tree: "\f1bb";
+@fa-var-trello: "\f181";
+@fa-var-tripadvisor: "\f262";
+@fa-var-trophy: "\f091";
+@fa-var-truck: "\f0d1";
+@fa-var-try: "\f195";
+@fa-var-tty: "\f1e4";
+@fa-var-tumblr: "\f173";
+@fa-var-tumblr-square: "\f174";
+@fa-var-turkish-lira: "\f195";
+@fa-var-tv: "\f26c";
+@fa-var-twitch: "\f1e8";
+@fa-var-twitter: "\f099";
+@fa-var-twitter-square: "\f081";
+@fa-var-umbrella: "\f0e9";
+@fa-var-underline: "\f0cd";
+@fa-var-undo: "\f0e2";
+@fa-var-university: "\f19c";
+@fa-var-unlink: "\f127";
+@fa-var-unlock: "\f09c";
+@fa-var-unlock-alt: "\f13e";
+@fa-var-unsorted: "\f0dc";
+@fa-var-upload: "\f093";
+@fa-var-usd: "\f155";
+@fa-var-user: "\f007";
+@fa-var-user-md: "\f0f0";
+@fa-var-user-plus: "\f234";
+@fa-var-user-secret: "\f21b";
+@fa-var-user-times: "\f235";
+@fa-var-users: "\f0c0";
+@fa-var-venus: "\f221";
+@fa-var-venus-double: "\f226";
+@fa-var-venus-mars: "\f228";
+@fa-var-viacoin: "\f237";
+@fa-var-video-camera: "\f03d";
+@fa-var-vimeo: "\f27d";
+@fa-var-vimeo-square: "\f194";
+@fa-var-vine: "\f1ca";
+@fa-var-vk: "\f189";
+@fa-var-volume-down: "\f027";
+@fa-var-volume-off: "\f026";
+@fa-var-volume-up: "\f028";
+@fa-var-warning: "\f071";
+@fa-var-wechat: "\f1d7";
+@fa-var-weibo: "\f18a";
+@fa-var-weixin: "\f1d7";
+@fa-var-whatsapp: "\f232";
+@fa-var-wheelchair: "\f193";
+@fa-var-wifi: "\f1eb";
+@fa-var-wikipedia-w: "\f266";
+@fa-var-windows: "\f17a";
+@fa-var-won: "\f159";
+@fa-var-wordpress: "\f19a";
+@fa-var-wrench: "\f0ad";
+@fa-var-xing: "\f168";
+@fa-var-xing-square: "\f169";
+@fa-var-y-combinator: "\f23b";
+@fa-var-y-combinator-square: "\f1d4";
+@fa-var-yahoo: "\f19e";
+@fa-var-yc: "\f23b";
+@fa-var-yc-square: "\f1d4";
+@fa-var-yelp: "\f1e9";
+@fa-var-yen: "\f157";
+@fa-var-youtube: "\f167";
+@fa-var-youtube-play: "\f16a";
+@fa-var-youtube-square: "\f166";
diff --git a/images/approve_block.png b/images/approve_block.png
new file mode 100644
index 0000000..e3696a7
Binary files /dev/null and b/images/approve_block.png differ
diff --git a/images/background.png b/images/background.png
new file mode 100644
index 0000000..61ec3f1
Binary files /dev/null and b/images/background.png differ
diff --git a/images/card-loader-dark.gif b/images/card-loader-dark.gif
new file mode 100644
index 0000000..94c50b0
Binary files /dev/null and b/images/card-loader-dark.gif differ
diff --git a/images/card-loader.gif b/images/card-loader.gif
new file mode 100644
index 0000000..1560b64
Binary files /dev/null and b/images/card-loader.gif differ
diff --git a/images/cc/amex.png b/images/cc/amex.png
new file mode 100644
index 0000000..492d40a
Binary files /dev/null and b/images/cc/amex.png differ
diff --git a/images/cc/credit.png b/images/cc/credit.png
new file mode 100644
index 0000000..0b8f49a
Binary files /dev/null and b/images/cc/credit.png differ
diff --git a/images/cc/dankort.png b/images/cc/dankort.png
new file mode 100644
index 0000000..400f57c
Binary files /dev/null and b/images/cc/dankort.png differ
diff --git a/images/cc/dinersclub.png b/images/cc/dinersclub.png
new file mode 100644
index 0000000..72e1808
Binary files /dev/null and b/images/cc/dinersclub.png differ
diff --git a/images/cc/discover.png b/images/cc/discover.png
new file mode 100644
index 0000000..7e36dd7
Binary files /dev/null and b/images/cc/discover.png differ
diff --git a/images/cc/forbrugsforeningen.png b/images/cc/forbrugsforeningen.png
new file mode 100644
index 0000000..2668cdb
Binary files /dev/null and b/images/cc/forbrugsforeningen.png differ
diff --git a/images/cc/google.png b/images/cc/google.png
new file mode 100644
index 0000000..ab9566b
Binary files /dev/null and b/images/cc/google.png differ
diff --git a/images/cc/jcb.png b/images/cc/jcb.png
new file mode 100644
index 0000000..9bb0cba
Binary files /dev/null and b/images/cc/jcb.png differ
diff --git a/images/cc/laser.png b/images/cc/laser.png
new file mode 100644
index 0000000..2f24179
Binary files /dev/null and b/images/cc/laser.png differ
diff --git a/images/cc/maestro.png b/images/cc/maestro.png
new file mode 100644
index 0000000..38fdb4b
Binary files /dev/null and b/images/cc/maestro.png differ
diff --git a/images/cc/mastercard.png b/images/cc/mastercard.png
new file mode 100644
index 0000000..af9b1d7
Binary files /dev/null and b/images/cc/mastercard.png differ
diff --git a/images/cc/money.png b/images/cc/money.png
new file mode 100644
index 0000000..a99814a
Binary files /dev/null and b/images/cc/money.png differ
diff --git a/images/cc/paypa.png b/images/cc/paypa.png
new file mode 100644
index 0000000..4fad9d8
Binary files /dev/null and b/images/cc/paypa.png differ
diff --git a/images/cc/shopify.png b/images/cc/shopify.png
new file mode 100644
index 0000000..f40146b
Binary files /dev/null and b/images/cc/shopify.png differ
diff --git a/images/cc/solo.png b/images/cc/solo.png
new file mode 100644
index 0000000..c236ecc
Binary files /dev/null and b/images/cc/solo.png differ
diff --git a/images/cc/visa.png b/images/cc/visa.png
new file mode 100644
index 0000000..ffd17c5
Binary files /dev/null and b/images/cc/visa.png differ
diff --git a/images/cc/visaelectron.png b/images/cc/visaelectron.png
new file mode 100644
index 0000000..ffd17c5
Binary files /dev/null and b/images/cc/visaelectron.png differ
diff --git a/images/connect.png b/images/connect.png
new file mode 100644
index 0000000..35c6a85
Binary files /dev/null and b/images/connect.png differ
diff --git a/images/design_embed.png b/images/design_embed.png
new file mode 100644
index 0000000..6f7496a
Binary files /dev/null and b/images/design_embed.png differ
diff --git a/images/embed.png b/images/embed.png
new file mode 100644
index 0000000..c10d197
Binary files /dev/null and b/images/embed.png differ
diff --git a/images/footer-logo.png b/images/footer-logo.png
new file mode 100644
index 0000000..c4a2150
Binary files /dev/null and b/images/footer-logo.png differ
diff --git a/images/header-background.png b/images/header-background.png
new file mode 100644
index 0000000..a06f4c2
Binary files /dev/null and b/images/header-background.png differ
diff --git a/images/lego/agency.png b/images/lego/agency.png
new file mode 100644
index 0000000..0a99317
Binary files /dev/null and b/images/lego/agency.png differ
diff --git a/images/lego/brand.png b/images/lego/brand.png
new file mode 100644
index 0000000..b73ab7e
Binary files /dev/null and b/images/lego/brand.png differ
diff --git a/images/lego/personal.png b/images/lego/personal.png
new file mode 100644
index 0000000..8e129b8
Binary files /dev/null and b/images/lego/personal.png differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..0d6a920
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/moderate.png b/images/moderate.png
new file mode 100644
index 0000000..da94cf3
Binary files /dev/null and b/images/moderate.png differ
diff --git a/images/moderation/approve.png b/images/moderation/approve.png
new file mode 100644
index 0000000..2ac72dc
Binary files /dev/null and b/images/moderation/approve.png differ
diff --git a/images/moderation/approve_new.png b/images/moderation/approve_new.png
new file mode 100644
index 0000000..8dc0347
Binary files /dev/null and b/images/moderation/approve_new.png differ
diff --git a/images/moderation/block.png b/images/moderation/block.png
new file mode 100644
index 0000000..01bc2d0
Binary files /dev/null and b/images/moderation/block.png differ
diff --git a/images/moderation/delete.png b/images/moderation/delete.png
new file mode 100644
index 0000000..bbc7177
Binary files /dev/null and b/images/moderation/delete.png differ
diff --git a/images/moderation/inbox.png b/images/moderation/inbox.png
new file mode 100644
index 0000000..8d032b1
Binary files /dev/null and b/images/moderation/inbox.png differ
diff --git a/images/moderation/pin.png b/images/moderation/pin.png
new file mode 100644
index 0000000..d6dfaaa
Binary files /dev/null and b/images/moderation/pin.png differ
diff --git a/images/moderation/star.png b/images/moderation/star.png
new file mode 100644
index 0000000..b29d1fd
Binary files /dev/null and b/images/moderation/star.png differ
diff --git a/images/moderation/unpin.png b/images/moderation/unpin.png
new file mode 100644
index 0000000..9b867ba
Binary files /dev/null and b/images/moderation/unpin.png differ
diff --git a/images/networks.png b/images/networks.png
new file mode 100644
index 0000000..6fb3169
Binary files /dev/null and b/images/networks.png differ
diff --git a/images/placeholders/widget.png b/images/placeholders/widget.png
new file mode 100644
index 0000000..8d2a25f
Binary files /dev/null and b/images/placeholders/widget.png differ
diff --git a/images/service-tiles.png b/images/service-tiles.png
new file mode 100644
index 0000000..7ca15d0
Binary files /dev/null and b/images/service-tiles.png differ
diff --git a/images/site/bithub-connect.png b/images/site/bithub-connect.png
new file mode 100644
index 0000000..6ec6df9
Binary files /dev/null and b/images/site/bithub-connect.png differ
diff --git a/images/site/bithub-moderate.png b/images/site/bithub-moderate.png
new file mode 100644
index 0000000..955172a
Binary files /dev/null and b/images/site/bithub-moderate.png differ
diff --git a/images/site/bithub-publish.png b/images/site/bithub-publish.png
new file mode 100644
index 0000000..09a7646
Binary files /dev/null and b/images/site/bithub-publish.png differ
diff --git a/images/site/bithub-site_bithub-icon-connect.svg b/images/site/bithub-site_bithub-icon-connect.svg
new file mode 100644
index 0000000..b7831ca
--- /dev/null
+++ b/images/site/bithub-site_bithub-icon-connect.svg
@@ -0,0 +1,259 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="38.2px" height="32.7px"
+	 viewBox="0 0 38.2 32.7" style="enable-background:new 0 0 38.2 32.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" x="-7112.1" y="-4384.3" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" matteColor="#FFFFFF" noMatteColor="false" interlaced="false" filtered="false">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<path class="st35" d="M34.1,16.5H4.1c-0.8,0-1.5-0.7-1.5-1.5v-4c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v2.5h27.1V11
+			c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v4C35.6,15.8,35,16.5,34.1,16.5z"/>
+		<path class="st35" d="M19.1,20.1c-0.8,0-1.5-0.7-1.5-1.5V11c0-0.8,0.7-1.5,1.5-1.5s1.5,0.7,1.5,1.5v7.7
+			C20.6,19.4,19.9,20.1,19.1,20.1z"/>
+		<circle class="st35" cx="19.1" cy="4.1" r="3.5"/>
+		<circle class="st35" cx="19.1" cy="27" r="5.1"/>
+		<g>
+			<circle class="st35" cx="4.2" cy="4.1" r="3.5"/>
+			<circle class="st35" cx="34" cy="4.1" r="3.5"/>
+		</g>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_bithub-icon-moderate.svg b/images/site/bithub-site_bithub-icon-moderate.svg
new file mode 100644
index 0000000..a842509
--- /dev/null
+++ b/images/site/bithub-site_bithub-icon-moderate.svg
@@ -0,0 +1,269 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="78.4px" height="24.6px"
+	 viewBox="0 0 78.4 24.6" style="enable-background:new 0 0 78.4 24.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" x="-7112.1" y="-4384.3" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" matteColor="#FFFFFF" noMatteColor="false" interlaced="false" filtered="false">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<path class="st65" d="M12.1,3.6c-0.2-2.2,0.3-2.8,1.3-2.9c1-0.1,3,0.5,3.4,4c0.1,1.5-1,4.6-1,4.6s7.1,0,7.8,0c1.1,0,2,0.5,2,2
+					c0,1.4-1.6,1.8-1.6,1.8s1,0.4,1,1.6c0,1.2-1,1.7-1.7,1.7c0.4,0.2,1,0.6,0.9,1.6c-0.1,1-0.9,1.4-1.6,1.6c0.5,0.3,0.8,1.1,0.6,1.7
+					c-0.4,0.8-1.3,1.7-3.4,1.7H10c-0.7,0-1.3-0.3-1.4-0.7V11.1c0,0,0-0.4,0.1-0.5C11.3,6.9,12.2,5.8,12.1,3.6L12.1,3.6z M7.1,10.8
+					v12.4H3.4L1.1,10.8H7.1L7.1,10.8z M7.1,10.8"/>
+			</g>
+			<path class="st35" d="M42.8,2.1l2.6,5.3c0.1,0.2,0.3,0.4,0.6,0.4l5.9,0.9c0.6,0.1,0.9,0.8,0.4,1.3L48,14.1
+				c-0.2,0.2-0.3,0.4-0.2,0.7l1,5.8c0.1,0.6-0.5,1.1-1.1,0.8l-5.2-2.8c-0.2-0.1-0.5-0.1-0.7,0l-5.2,2.8c-0.5,0.3-1.2-0.2-1.1-0.8
+				l1-5.8c0-0.2,0-0.5-0.2-0.7L32,9.9c-0.4-0.4-0.2-1.2,0.4-1.3l5.9-0.9c0.2,0,0.5-0.2,0.6-0.4l2.6-5.3C41.7,1.6,42.5,1.6,42.8,2.1z
+				"/>
+			<g>
+				<path class="st35" d="M77.2,6.1h-3.7V4.5c0-1.3-1.1-2.4-2.4-2.4H65c-1.3,0-2.4,1.1-2.4,2.4v1.6h-3.7v2.1h0.9v12.4
+					c0,1.8,1.4,3.2,3.2,3.2h10.1c1.8,0,3.2-1.4,3.2-3.2V8.2h0.9V6.1z M64.7,4.5c0-0.2,0.1-0.3,0.3-0.3h6.1c0.2,0,0.3,0.1,0.3,0.3
+					v1.6h-6.7V4.5z M74.2,20.6c0,0.6-0.5,1.1-1.1,1.1H63c-0.6,0-1.1-0.5-1.1-1.1V8.2h12.4V20.6z"/>
+				<rect x="64.1" y="9.8" class="st35" width="1.3" height="10.1"/>
+				<rect x="67.4" y="9.8" class="st35" width="1.3" height="10.1"/>
+				<rect x="70.7" y="9.8" class="st35" width="1.3" height="10.1"/>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_bithub-icon-publish.svg b/images/site/bithub-site_bithub-icon-publish.svg
new file mode 100644
index 0000000..11dd2d0
--- /dev/null
+++ b/images/site/bithub-site_bithub-icon-publish.svg
@@ -0,0 +1,256 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.6px" height="29.3px"
+	 viewBox="0 0 29.6 29.3" style="enable-background:new 0 0 29.6 29.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" x="-7112.1" y="-4384.3" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" matteColor="#FFFFFF" noMatteColor="false" interlaced="false" filtered="false">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<g>
+			<path class="st35" d="M26.1,0.6H3.5C2,0.6,0.7,1.8,0.7,3.4v22.6c0,1.5,1.2,2.8,2.8,2.8h22.6c1.5,0,2.8-1.2,2.8-2.8V3.4
+				C28.8,1.8,27.6,0.6,26.1,0.6z M3.2,3.4C3.2,3.2,3.3,3,3.5,3h22.6c0.2,0,0.3,0.1,0.3,0.3v2.1H3.2V3.4z M26.4,25.9
+				c0,0.2-0.1,0.3-0.3,0.3H3.5c-0.2,0-0.3-0.1-0.3-0.3V7.3h23.2V25.9z"/>
+			<polygon class="st35" points="13.4,19.8 8.4,16.7 13.4,13.6 13.4,10.5 5.8,15.3 5.8,18.1 13.4,22.9 			"/>
+			<polygon class="st35" points="23.8,15.3 16.1,10.5 16.1,13.6 21.2,16.7 16.1,19.8 16.1,22.9 23.8,18.1 			"/>
+		</g>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_close-icon.svg b/images/site/bithub-site_close-icon.svg
new file mode 100644
index 0000000..65da461
--- /dev/null
+++ b/images/site/bithub-site_close-icon.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<path class="st4" d="M37.4,6.4C28.8-2.1,15-2.1,6.4,6.4c-8.5,8.5-8.5,22.4,0,30.9c8.5,8.5,22.4,8.5,30.9,0
+		C45.9,28.8,45.9,15,37.4,6.4z M29.7,33.5l-7.8-7.8l-7.8,7.8l-3.7-3.7l7.8-7.8l-7.8-7.8l3.7-3.7l7.8,7.8l7.8-7.8l3.7,3.7l-7.8,7.8
+		l7.8,7.8L29.7,33.5z"/>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_read-more-arrow-down.svg b/images/site/bithub-site_read-more-arrow-down.svg
new file mode 100644
index 0000000..07ab6ef
--- /dev/null
+++ b/images/site/bithub-site_read-more-arrow-down.svg
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<path class="st4" d="M0,21.9C0,9.8,9.8,0,21.9,0s21.9,9.8,21.9,21.9S34,43.8,21.9,43.8S0,34,0,21.9z M42.1,21.9
+			c0-11.1-9.1-20.2-20.2-20.2c-11.1,0-20.2,9.1-20.2,20.2s9.1,20.2,20.2,20.2S42.1,33.1,42.1,21.9z"/>
+		<path class="st4" d="M8.1,17.6c0-0.2,0.1-0.4,0.2-0.6c0.3-0.3,0.9-0.3,1.2,0l12.4,12.4L34.2,17c0.3-0.3,0.9-0.3,1.2,0
+			c0.3,0.3,0.3,0.9,0,1.2l-13,13c-0.2,0.2-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2l-13-13C8.2,18,8.1,17.8,8.1,17.6z"/>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_social-facebook.svg b/images/site/bithub-site_social-facebook.svg
new file mode 100644
index 0000000..f55694d
--- /dev/null
+++ b/images/site/bithub-site_social-facebook.svg
@@ -0,0 +1,250 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<path class="st66" d="M36.3,1.2H7.5C4,1.2,1.2,4,1.2,7.5v28.7c0,3.5,2.8,6.3,6.3,6.3h15.8v-16h-5.4v-6.2h5.4v-4.6
+		c0-5.3,3.3-8.3,8-8.3c2.3,0,4.2,0.2,4.8,0.2v5.6l-3.3,0c-2.6,0-3.1,1.2-3.1,3v4H36l-0.8,6.2h-5.4v16h6.5c3.5,0,6.3-2.8,6.3-6.3V7.5
+		C42.6,4,39.8,1.2,36.3,1.2z"/>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_social-instagram.svg b/images/site/bithub-site_social-instagram.svg
new file mode 100644
index 0000000..e445c0f
--- /dev/null
+++ b/images/site/bithub-site_social-instagram.svg
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="43.8px" height="43.8px"
+	 viewBox="0 0 43.8 43.8" style="enable-background:new 0 0 43.8 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<path class="st66" d="M34.7,1.1H9.1c-4.4,0-8,3.6-8,8v8.5v17.1c0,4.4,3.6,8,8,8h25.6c4.4,0,8.1-3.6,8.1-8V17.6V9.1
+		C42.7,4.7,39.1,1.1,34.7,1.1z M37,5.9l0.9,0v0.9v6.1l-7,0l0-7.1L37,5.9z M16,17.6c1.3-1.8,3.5-3.1,5.9-3.1s4.6,1.2,5.9,3.1
+		c0.9,1.2,1.4,2.7,1.4,4.3c0,4-3.3,7.3-7.3,7.3c-4,0-7.3-3.3-7.3-7.3C14.6,20.3,15.1,18.8,16,17.6z M38.7,34.7c0,2.2-1.8,4-4,4H9.1
+		c-2.2,0-4-1.8-4-4V17.6h6.2c-0.5,1.3-0.8,2.8-0.8,4.3c0,6.3,5.1,11.4,11.4,11.4c6.3,0,11.4-5.1,11.4-11.4c0-1.5-0.3-3-0.8-4.3h6.2
+		V34.7z"/>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_social-twitter.svg b/images/site/bithub-site_social-twitter.svg
new file mode 100644
index 0000000..cc64983
--- /dev/null
+++ b/images/site/bithub-site_social-twitter.svg
@@ -0,0 +1,252 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="46.5px" height="43.8px"
+	 viewBox="0 0 46.5 43.8" style="enable-background:new 0 0 46.5 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<path class="st66" d="M45,4.2c-1.8,1.1-3.8,1.8-6,2.3c-1.7-1.8-4.2-2.9-6.9-2.9c-5.2,0-9.4,4.2-9.4,9.3c0,0.7,0.1,1.4,0.2,2.1
+		C15,14.5,8.1,10.8,3.4,5.2c-0.8,1.4-1.3,3-1.3,4.7c0,3.2,1.7,6.1,4.2,7.7c-1.5,0-3-0.5-4.3-1.2c0,0,0,0.1,0,0.1
+		c0,4.5,3.3,8.3,7.6,9.1C8.9,25.9,8,26,7.2,26c-0.6,0-1.2-0.1-1.8-0.2c1.2,3.7,4.7,6.4,8.8,6.5c-3.2,2.5-7.3,4-11.7,4
+		c-0.8,0-1.5,0-2.3-0.1c4.2,2.6,9.2,4.2,14.5,4.2c17.4,0,26.9-14.2,26.9-26.5c0-0.4,0-0.8,0-1.2c1.8-1.3,3.4-2.9,4.7-4.8
+		c-1.7,0.7-3.5,1.2-5.4,1.5C42.8,8.2,44.3,6.3,45,4.2z"/>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/bithub-site_test-hug-arrow-up.svg b/images/site/bithub-site_test-hug-arrow-up.svg
new file mode 100644
index 0000000..3ab3d71
--- /dev/null
+++ b/images/site/bithub-site_test-hug-arrow-up.svg
@@ -0,0 +1,251 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="39.4px" height="43.8px"
+	 viewBox="0 0 39.4 43.8" style="enable-background:new 0 0 39.4 43.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:url(#SVGID_3_);}
+	.st3{fill:#FBFDFF;}
+	.st4{fill:#B33625;}
+	.st5{fill:#0A0B0C;}
+	.st6{clip-path:url(#SVGID_5_);}
+	.st7{fill:#FFFFFF;}
+	.st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st9{fill:#F1F1F2;}
+	.st10{clip-path:url(#SVGID_7_);}
+	.st11{fill:#E6E7E8;}
+	.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#E6E7E8;}
+	.st13{fill:none;stroke:#C3C7C9;stroke-miterlimit:10;}
+	.st14{fill:none;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st15{fill:#FFFFFF;stroke:#C3C7C9;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st16{fill:#384247;}
+	.st17{fill:#231F20;}
+	.st18{fill:none;stroke:#231F20;stroke-width:3;stroke-miterlimit:10;}
+	.st19{fill:none;stroke:#384247;stroke-miterlimit:10;}
+	.st20{fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st21{fill:none;stroke:#B02844;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st22{fill:#F9FCFB;}
+	.st23{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#384247;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st24{fill:none;}
+	.st25{fill:url(#SVGID_8_);}
+	.st26{fill:#89979B;}
+	.st27{fill:#E24333;}
+	.st28{fill:none;stroke:#89979B;stroke-width:1.0246;stroke-miterlimit:10;}
+	.st29{fill:#757F82;}
+	.st30{fill:#6AA6BA;}
+	.st31{fill:#B0B5B7;}
+	.st32{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-miterlimit:10;}
+	.st33{fill:none;stroke:#FFFFFF;stroke-width:1.055;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st34{fill:none;stroke:#7AADC1;stroke-width:1.055;stroke-miterlimit:10;}
+	.st35{fill:#4584A3;}
+	.st36{clip-path:url(#SVGID_46_);fill:#E24333;}
+	.st37{fill:none;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st38{fill:#586468;stroke:#384247;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st39{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st40{fill:#FFFFFF;stroke:#C3C7C9;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st41{fill:#0F4260;}
+	.st42{fill:#309DFD;}
+	.st43{fill:#3D5A98;}
+	.st44{fill:#222426;}
+	.st45{fill:#BCBBBB;}
+	.st46{fill:#F48024;}
+	.st47{fill:#F94877;}
+	.st48{fill-rule:evenodd;clip-rule:evenodd;fill:#181616;}
+	.st49{fill:#181616;}
+	.st50{fill:#9BA7AA;}
+	.st51{fill-rule:evenodd;clip-rule:evenodd;fill:#9BA7AA;}
+	.st52{fill:#DEDFE0;}
+	.st53{fill-rule:evenodd;clip-rule:evenodd;fill:#DEDFE0;}
+	.st54{fill:url(#SVGID_47_);}
+	.st55{fill:none;stroke:#89C2D3;stroke-width:1.055;stroke-miterlimit:10;}
+	.st56{fill:none;stroke:#B33625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st57{fill:none;stroke:#B33625;stroke-miterlimit:10;}
+	.st58{fill:none;stroke:#B0B5B7;stroke-miterlimit:10;}
+	.st59{clip-path:url(#SVGID_85_);fill:#E24333;}
+	.st60{clip-path:url(#SVGID_87_);fill:#4584A3;}
+	.st61{clip-path:url(#SVGID_89_);fill:#476A7C;}
+	.st62{fill:#476A7C;}
+	.st63{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st64{fill:#FFFFFF;stroke:#B33625;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st65{fill-rule:evenodd;clip-rule:evenodd;fill:#4584A3;}
+	.st66{fill:#375263;}
+	.st67{fill-rule:evenodd;clip-rule:evenodd;fill:none;}
+	.st68{fill:#54686D;}
+	.st69{fill:url(#SVGID_90_);}
+	.st70{fill:url(#SVGID_91_);}
+	.st71{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st72{fill:#DDE1E5;}
+	.st73{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
+	.st74{clip-path:url(#SVGID_93_);fill:#B33625;}
+	.st75{clip-path:url(#SVGID_95_);fill:#4584A3;}
+	.st76{clip-path:url(#SVGID_97_);fill:#476A7C;}
+	.st77{fill:#C6CACC;}
+	.st78{fill-rule:evenodd;clip-rule:evenodd;fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st79{fill:#DDE1E5;stroke:#FFFFFF;stroke-width:0.8989;stroke-miterlimit:10;}
+	.st80{fill-rule:evenodd;clip-rule:evenodd;fill:#B33625;}
+	.st81{fill:#D3D6DB;}
+	.st82{fill-rule:evenodd;clip-rule:evenodd;fill:#D3D6DB;}
+	.st83{fill:#F27A75;}
+	.st84{opacity:0.8;fill:#B33625;}
+	.st85{fill:url(#SVGID_98_);}
+	.st86{fill:url(#SVGID_99_);}
+	.st87{fill:url(#SVGID_100_);}
+	.st88{clip-path:url(#SVGID_102_);fill:#B33625;}
+	.st89{clip-path:url(#SVGID_104_);fill:#DBB43A;}
+	.st90{clip-path:url(#SVGID_106_);fill:#476A7C;}
+	.st91{fill:#DBB43A;}
+	.st92{clip-path:url(#SVGID_124_);}
+	.st93{opacity:0.5;fill:#FFFFFF;}
+	.st94{fill:url(#SVGID_143_);}
+	.st95{fill:url(#SVGID_144_);}
+	.st96{clip-path:url(#SVGID_146_);fill:#B33625;}
+	.st97{clip-path:url(#SVGID_148_);fill:#DBB43A;}
+	.st98{clip-path:url(#SVGID_150_);fill:#476A7C;}
+	.st99{clip-path:url(#SVGID_152_);fill:#B33625;}
+	.st100{clip-path:url(#SVGID_154_);fill:#DBB43A;}
+	.st101{clip-path:url(#SVGID_156_);fill:#476A7C;}
+	.st102{fill:url(#SVGID_157_);}
+	.st103{fill:url(#SVGID_158_);}
+	.st104{clip-path:url(#SVGID_160_);fill:#B33625;}
+	.st105{clip-path:url(#SVGID_162_);fill:#DBB43A;}
+	.st106{clip-path:url(#SVGID_164_);fill:#476A7C;}
+	.st107{fill:url(#SVGID_165_);}
+	.st108{fill:url(#SVGID_166_);}
+	.st109{clip-path:url(#SVGID_168_);fill:#B33625;}
+	.st110{clip-path:url(#SVGID_170_);fill:#DBB43A;}
+	.st111{clip-path:url(#SVGID_172_);fill:#476A7C;}
+	.st112{fill:url(#SVGID_173_);}
+	.st113{fill:url(#SVGID_174_);}
+	.st114{fill:url(#SVGID_175_);}
+	.st115{clip-path:url(#SVGID_177_);fill:#A4B9C1;}
+	.st116{fill:#A4B9C1;}
+	.st117{clip-path:url(#SVGID_179_);fill:#A4B9C1;}
+	.st118{fill-rule:evenodd;clip-rule:evenodd;fill:#A4B9C1;}
+	.st119{clip-path:url(#SVGID_181_);fill:#A4B9C1;}
+	.st120{clip-path:url(#SVGID_183_);fill:#A4B9C1;}
+	.st121{clip-path:url(#SVGID_185_);fill:#A4B9C1;}
+	.st122{clip-path:url(#SVGID_187_);fill:#A4B9C1;}
+	.st123{clip-path:url(#SVGID_189_);fill:#A4B9C1;}
+	.st124{clip-path:url(#SVGID_191_);fill:#A4B9C1;}
+	.st125{clip-path:url(#SVGID_193_);fill:#A4B9C1;}
+	.st126{clip-path:url(#SVGID_195_);fill:#A4B9C1;}
+	.st127{opacity:0.2;}
+	.st128{clip-path:url(#SVGID_197_);fill:#A4B9C1;}
+	.st129{clip-path:url(#SVGID_199_);fill:#A4B9C1;}
+	.st130{clip-path:url(#SVGID_201_);fill:#A4B9C1;}
+	.st131{clip-path:url(#SVGID_203_);fill:#A4B9C1;}
+	.st132{clip-path:url(#SVGID_205_);fill:#A4B9C1;}
+	.st133{clip-path:url(#SVGID_207_);fill:#A4B9C1;}
+	.st134{clip-path:url(#SVGID_209_);fill:#A4B9C1;}
+	.st135{clip-path:url(#SVGID_211_);fill:#A4B9C1;}
+	.st136{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
+	.st137{fill:url(#SVGID_212_);}
+	.st138{fill:url(#SVGID_213_);}
+	.st139{fill:url(#SVGID_214_);}
+	.st140{clip-path:url(#SVGID_232_);}
+	.st141{clip-path:url(#SVGID_252_);fill:#B33625;}
+	.st142{clip-path:url(#SVGID_254_);fill:#476A7C;}
+	.st143{clip-path:url(#SVGID_256_);fill:#DBB43A;}
+	.st144{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st145{fill:url(#SVGID_257_);}
+	.st146{fill:#4584A3;stroke:#4584A3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st147{fill:none;stroke:#4584A3;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st148{clip-path:url(#SVGID_275_);}
+	.st149{clip-path:url(#SVGID_295_);}
+	.st150{clip-path:url(#SVGID_337_);}
+	.st151{clip-path:url(#SVGID_373_);}
+	.st152{fill:url(#SVGID_392_);}
+	.st153{fill:url(#SVGID_393_);}
+	.st154{fill:url(#SVGID_394_);}
+	.st155{fill:url(#SVGID_395_);}
+	.st156{clip-path:url(#SVGID_397_);fill:#B33625;}
+	.st157{clip-path:url(#SVGID_399_);fill:#476A7C;}
+	.st158{clip-path:url(#SVGID_401_);fill:#DBB43A;}
+	.st159{clip-path:url(#SVGID_403_);fill:#B33625;}
+	.st160{clip-path:url(#SVGID_405_);fill:#476A7C;}
+	.st161{clip-path:url(#SVGID_407_);fill:#DBB43A;}
+	.st162{fill:url(#SVGID_408_);}
+	.st163{fill:url(#SVGID_409_);}
+	.st164{clip-path:url(#SVGID_411_);fill:#B33625;}
+	.st165{clip-path:url(#SVGID_413_);fill:#476A7C;}
+	.st166{clip-path:url(#SVGID_415_);fill:#DBB43A;}
+	.st167{fill:url(#SVGID_416_);}
+	.st168{fill:url(#SVGID_417_);}
+	.st169{fill:#768D93;}
+	.st170{clip-path:url(#SVGID_419_);fill:#B33625;}
+	.st171{clip-path:url(#SVGID_421_);fill:#476A7C;}
+	.st172{clip-path:url(#SVGID_423_);fill:#DBB43A;}
+	.st173{clip-path:url(#SVGID_429_);}
+	.st174{clip-path:url(#SVGID_437_);}
+	.st175{fill:#F2F3F4;}
+	.st176{clip-path:url(#SVGID_439_);}
+	.st177{fill:#4493A5;}
+	.st178{fill:#D2D7D8;}
+	.st179{fill:none;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st180{opacity:0.3;}
+	.st181{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2;stroke-miterlimit:10;}
+	.st182{clip-path:url(#SVGID_509_);fill:#FFFFFF;}
+	.st183{clip-path:url(#SVGID_533_);fill:#FFFFFF;}
+	.st184{fill-rule:evenodd;clip-rule:evenodd;fill:#757F82;}
+	.st185{fill:none;stroke:#E6E7E8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st186{clip-path:url(#SVGID_541_);}
+	.st187{clip-path:url(#SVGID_543_);}
+	.st188{fill:none;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st189{fill:none;stroke:#FFFFFF;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st190{fill:#D2D7D8;stroke:#FFFFFF;stroke-width:2.1433;stroke-miterlimit:10;}
+	.st191{clip-path:url(#SVGID_613_);fill:#FFFFFF;}
+	.st192{clip-path:url(#SVGID_637_);fill:#FFFFFF;}
+	.st193{fill:none;stroke:#E6E7E8;stroke-width:1.0717;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
+	.st194{fill:none;stroke:#FFFFFF;stroke-width:1.6075;stroke-miterlimit:10;}
+	.st195{fill:url(#SVGID_644_);}
+	.st196{fill:url(#SVGID_645_);}
+	.st197{clip-path:url(#SVGID_647_);}
+	.st198{clip-path:url(#SVGID_649_);}
+	.st199{clip-path:url(#SVGID_719_);fill:#FFFFFF;}
+	.st200{clip-path:url(#SVGID_743_);fill:#FFFFFF;}
+	.st201{fill:url(#SVGID_750_);}
+	.st202{clip-path:url(#SVGID_756_);}
+	.st203{fill:url(#SVGID_763_);}
+	.st204{clip-path:url(#SVGID_769_);}
+	.st205{fill:url(#SVGID_776_);}
+	.st206{fill:url(#SVGID_777_);}
+	.st207{clip-path:url(#SVGID_779_);}
+	.st208{clip-path:url(#SVGID_781_);}
+	.st209{clip-path:url(#SVGID_851_);fill:#FFFFFF;}
+	.st210{clip-path:url(#SVGID_875_);fill:#FFFFFF;}
+	.st211{fill:#E04B3B;}
+	.st212{fill:#334C59;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="13631.8" height="6287.1" y="-4384.3" x="-7112.1" bottomLeftOrigin="true"></sliceSourceBounds>
+		<optimizationSettings>
+			<targetSettings  fileFormat="PNG24Format" targetSettingsID="0">
+				<PNG24Format  transparency="true" filtered="false" interlaced="false" noMatteColor="false" matteColor="#FFFFFF">
+					</PNG24Format>
+			</targetSettings>
+		</optimizationSettings>
+	</sfw>
+</metadata>
+<g id="Layer_1">
+	<g>
+		<polygon class="st7" points="11.4,1.2 1.3,16.7 21.5,16.7 		"/>
+		<path class="st7" d="M38.1,42.6H23.2C15.2,42.6,8.6,36,8.6,28V10h5.2v18c0,5.2,4.2,9.4,9.4,9.4h14.8V42.6z"/>
+	</g>
+</g>
+<g id="guides">
+</g>
+</svg>
diff --git a/images/site/static.jpg b/images/site/static.jpg
new file mode 100644
index 0000000..aeed992
Binary files /dev/null and b/images/site/static.jpg differ
diff --git a/images/social-empty/500px.png b/images/social-empty/500px.png
new file mode 100644
index 0000000..73266dd
Binary files /dev/null and b/images/social-empty/500px.png differ
diff --git a/images/social-empty/android.png b/images/social-empty/android.png
new file mode 100644
index 0000000..4979a10
Binary files /dev/null and b/images/social-empty/android.png differ
diff --git a/images/social-empty/apple.png b/images/social-empty/apple.png
new file mode 100644
index 0000000..1e4e54f
Binary files /dev/null and b/images/social-empty/apple.png differ
diff --git a/images/social-empty/appnet.png b/images/social-empty/appnet.png
new file mode 100644
index 0000000..ec789ed
Binary files /dev/null and b/images/social-empty/appnet.png differ
diff --git a/images/social-empty/bebo.png b/images/social-empty/bebo.png
new file mode 100644
index 0000000..3bbdb61
Binary files /dev/null and b/images/social-empty/bebo.png differ
diff --git a/images/social-empty/behance.png b/images/social-empty/behance.png
new file mode 100644
index 0000000..e54849f
Binary files /dev/null and b/images/social-empty/behance.png differ
diff --git a/images/social-empty/blogger.png b/images/social-empty/blogger.png
new file mode 100644
index 0000000..76b4379
Binary files /dev/null and b/images/social-empty/blogger.png differ
diff --git a/images/social-empty/buffer.png b/images/social-empty/buffer.png
new file mode 100644
index 0000000..59e452b
Binary files /dev/null and b/images/social-empty/buffer.png differ
diff --git a/images/social-empty/chimein.png b/images/social-empty/chimein.png
new file mode 100644
index 0000000..f9ee78a
Binary files /dev/null and b/images/social-empty/chimein.png differ
diff --git a/images/social-empty/coderwall.png b/images/social-empty/coderwall.png
new file mode 100644
index 0000000..963ee86
Binary files /dev/null and b/images/social-empty/coderwall.png differ
diff --git a/images/social-empty/dailymotion.png b/images/social-empty/dailymotion.png
new file mode 100644
index 0000000..e878939
Binary files /dev/null and b/images/social-empty/dailymotion.png differ
diff --git a/images/social-empty/delicious.png b/images/social-empty/delicious.png
new file mode 100644
index 0000000..edfc408
Binary files /dev/null and b/images/social-empty/delicious.png differ
diff --git a/images/social-empty/deviantart.png b/images/social-empty/deviantart.png
new file mode 100644
index 0000000..02d26dc
Binary files /dev/null and b/images/social-empty/deviantart.png differ
diff --git a/images/social-empty/digg.png b/images/social-empty/digg.png
new file mode 100644
index 0000000..8266383
Binary files /dev/null and b/images/social-empty/digg.png differ
diff --git a/images/social-empty/disqus.png b/images/social-empty/disqus.png
new file mode 100644
index 0000000..db112ba
Binary files /dev/null and b/images/social-empty/disqus.png differ
diff --git a/images/social-empty/dribbble.png b/images/social-empty/dribbble.png
new file mode 100644
index 0000000..b3f1102
Binary files /dev/null and b/images/social-empty/dribbble.png differ
diff --git a/images/social-empty/drupal.png b/images/social-empty/drupal.png
new file mode 100644
index 0000000..7263329
Binary files /dev/null and b/images/social-empty/drupal.png differ
diff --git a/images/social-empty/envato.png b/images/social-empty/envato.png
new file mode 100644
index 0000000..2bbde2b
Binary files /dev/null and b/images/social-empty/envato.png differ
diff --git a/images/social-empty/facebook.png b/images/social-empty/facebook.png
new file mode 100644
index 0000000..b06ccb5
Binary files /dev/null and b/images/social-empty/facebook.png differ
diff --git a/images/social-empty/feedburner.png b/images/social-empty/feedburner.png
new file mode 100644
index 0000000..e57af06
Binary files /dev/null and b/images/social-empty/feedburner.png differ
diff --git a/images/social-empty/flattr.png b/images/social-empty/flattr.png
new file mode 100644
index 0000000..511f24d
Binary files /dev/null and b/images/social-empty/flattr.png differ
diff --git a/images/social-empty/flickr.png b/images/social-empty/flickr.png
new file mode 100644
index 0000000..0cedf44
Binary files /dev/null and b/images/social-empty/flickr.png differ
diff --git a/images/social-empty/forrst.png b/images/social-empty/forrst.png
new file mode 100644
index 0000000..72bda7f
Binary files /dev/null and b/images/social-empty/forrst.png differ
diff --git a/images/social-empty/foursquare.png b/images/social-empty/foursquare.png
new file mode 100644
index 0000000..7802c6b
Binary files /dev/null and b/images/social-empty/foursquare.png differ
diff --git a/images/social-empty/friendfeed.png b/images/social-empty/friendfeed.png
new file mode 100644
index 0000000..0daaaa9
Binary files /dev/null and b/images/social-empty/friendfeed.png differ
diff --git a/images/social-empty/github.png b/images/social-empty/github.png
new file mode 100644
index 0000000..4f33508
Binary files /dev/null and b/images/social-empty/github.png differ
diff --git a/images/social-empty/goodreads.png b/images/social-empty/goodreads.png
new file mode 100644
index 0000000..9aa233f
Binary files /dev/null and b/images/social-empty/goodreads.png differ
diff --git a/images/social-empty/google.png b/images/social-empty/google.png
new file mode 100644
index 0000000..5ef8afd
Binary files /dev/null and b/images/social-empty/google.png differ
diff --git a/images/social-empty/grooveshark.png b/images/social-empty/grooveshark.png
new file mode 100644
index 0000000..acdcd69
Binary files /dev/null and b/images/social-empty/grooveshark.png differ
diff --git a/images/social-empty/houzz.png b/images/social-empty/houzz.png
new file mode 100644
index 0000000..5438183
Binary files /dev/null and b/images/social-empty/houzz.png differ
diff --git a/images/social-empty/identica.png b/images/social-empty/identica.png
new file mode 100644
index 0000000..3bfb3af
Binary files /dev/null and b/images/social-empty/identica.png differ
diff --git a/images/social-empty/instagram.png b/images/social-empty/instagram.png
new file mode 100644
index 0000000..098d0e5
Binary files /dev/null and b/images/social-empty/instagram.png differ
diff --git a/images/social-empty/lanyrd.png b/images/social-empty/lanyrd.png
new file mode 100644
index 0000000..529e6d6
Binary files /dev/null and b/images/social-empty/lanyrd.png differ
diff --git a/images/social-empty/lastfm.png b/images/social-empty/lastfm.png
new file mode 100644
index 0000000..ac87052
Binary files /dev/null and b/images/social-empty/lastfm.png differ
diff --git a/images/social-empty/linkedin.png b/images/social-empty/linkedin.png
new file mode 100644
index 0000000..1879697
Binary files /dev/null and b/images/social-empty/linkedin.png differ
diff --git a/images/social-empty/mail.png b/images/social-empty/mail.png
new file mode 100644
index 0000000..ad02588
Binary files /dev/null and b/images/social-empty/mail.png differ
diff --git a/images/social-empty/meetup.png b/images/social-empty/meetup.png
new file mode 100644
index 0000000..7147566
Binary files /dev/null and b/images/social-empty/meetup.png differ
diff --git a/images/social-empty/myspace.png b/images/social-empty/myspace.png
new file mode 100644
index 0000000..a67eac7
Binary files /dev/null and b/images/social-empty/myspace.png differ
diff --git a/images/social-empty/newsvine.png b/images/social-empty/newsvine.png
new file mode 100644
index 0000000..2dec0c3
Binary files /dev/null and b/images/social-empty/newsvine.png differ
diff --git a/images/social-empty/odnoklassniki.png b/images/social-empty/odnoklassniki.png
new file mode 100644
index 0000000..cfdd6ce
Binary files /dev/null and b/images/social-empty/odnoklassniki.png differ
diff --git a/images/social-empty/outlook.png b/images/social-empty/outlook.png
new file mode 100644
index 0000000..60967cc
Binary files /dev/null and b/images/social-empty/outlook.png differ
diff --git a/images/social-empty/patreon.png b/images/social-empty/patreon.png
new file mode 100644
index 0000000..2e51a71
Binary files /dev/null and b/images/social-empty/patreon.png differ
diff --git a/images/social-empty/paypal.png b/images/social-empty/paypal.png
new file mode 100644
index 0000000..bf0d6cc
Binary files /dev/null and b/images/social-empty/paypal.png differ
diff --git a/images/social-empty/persona.png b/images/social-empty/persona.png
new file mode 100644
index 0000000..a597f8d
Binary files /dev/null and b/images/social-empty/persona.png differ
diff --git a/images/social-empty/pinterest.png b/images/social-empty/pinterest.png
new file mode 100644
index 0000000..151c944
Binary files /dev/null and b/images/social-empty/pinterest.png differ
diff --git a/images/social-empty/play.png b/images/social-empty/play.png
new file mode 100644
index 0000000..33453f2
Binary files /dev/null and b/images/social-empty/play.png differ
diff --git a/images/social-empty/playstation.png b/images/social-empty/playstation.png
new file mode 100644
index 0000000..e88bd9d
Binary files /dev/null and b/images/social-empty/playstation.png differ
diff --git a/images/social-empty/reddit.png b/images/social-empty/reddit.png
new file mode 100644
index 0000000..1974382
Binary files /dev/null and b/images/social-empty/reddit.png differ
diff --git a/images/social-empty/rss.png b/images/social-empty/rss.png
new file mode 100644
index 0000000..cb04482
Binary files /dev/null and b/images/social-empty/rss.png differ
diff --git a/images/social-empty/skype.png b/images/social-empty/skype.png
new file mode 100644
index 0000000..c6103c4
Binary files /dev/null and b/images/social-empty/skype.png differ
diff --git a/images/social-empty/slideshare.png b/images/social-empty/slideshare.png
new file mode 100644
index 0000000..da943ed
Binary files /dev/null and b/images/social-empty/slideshare.png differ
diff --git a/images/social-empty/smugmug.png b/images/social-empty/smugmug.png
new file mode 100644
index 0000000..5436075
Binary files /dev/null and b/images/social-empty/smugmug.png differ
diff --git a/images/social-empty/soundcloud.png b/images/social-empty/soundcloud.png
new file mode 100644
index 0000000..e02067f
Binary files /dev/null and b/images/social-empty/soundcloud.png differ
diff --git a/images/social-empty/spotify.png b/images/social-empty/spotify.png
new file mode 100644
index 0000000..c798065
Binary files /dev/null and b/images/social-empty/spotify.png differ
diff --git a/images/social-empty/stackexchange.png b/images/social-empty/stackexchange.png
new file mode 100644
index 0000000..07c976e
Binary files /dev/null and b/images/social-empty/stackexchange.png differ
diff --git a/images/social-empty/steam.png b/images/social-empty/steam.png
new file mode 100644
index 0000000..b485fc6
Binary files /dev/null and b/images/social-empty/steam.png differ
diff --git a/images/social-empty/stumbleupon.png b/images/social-empty/stumbleupon.png
new file mode 100644
index 0000000..0a0466e
Binary files /dev/null and b/images/social-empty/stumbleupon.png differ
diff --git a/images/social-empty/swarm.png b/images/social-empty/swarm.png
new file mode 100644
index 0000000..1c260b0
Binary files /dev/null and b/images/social-empty/swarm.png differ
diff --git a/images/social-empty/technorati.png b/images/social-empty/technorati.png
new file mode 100644
index 0000000..becc826
Binary files /dev/null and b/images/social-empty/technorati.png differ
diff --git a/images/social-empty/tripadvisor.png b/images/social-empty/tripadvisor.png
new file mode 100644
index 0000000..dcdc86f
Binary files /dev/null and b/images/social-empty/tripadvisor.png differ
diff --git a/images/social-empty/tripit.png b/images/social-empty/tripit.png
new file mode 100644
index 0000000..e7594e9
Binary files /dev/null and b/images/social-empty/tripit.png differ
diff --git a/images/social-empty/triplej.png b/images/social-empty/triplej.png
new file mode 100644
index 0000000..3730197
Binary files /dev/null and b/images/social-empty/triplej.png differ
diff --git a/images/social-empty/tumblr.png b/images/social-empty/tumblr.png
new file mode 100644
index 0000000..6c84612
Binary files /dev/null and b/images/social-empty/tumblr.png differ
diff --git a/images/social-empty/twitter.png b/images/social-empty/twitter.png
new file mode 100644
index 0000000..d363692
Binary files /dev/null and b/images/social-empty/twitter.png differ
diff --git a/images/social-empty/viadeo.png b/images/social-empty/viadeo.png
new file mode 100644
index 0000000..2eab032
Binary files /dev/null and b/images/social-empty/viadeo.png differ
diff --git a/images/social-empty/vimeo.png b/images/social-empty/vimeo.png
new file mode 100644
index 0000000..d028086
Binary files /dev/null and b/images/social-empty/vimeo.png differ
diff --git a/images/social-empty/vine.png b/images/social-empty/vine.png
new file mode 100644
index 0000000..79ebe0d
Binary files /dev/null and b/images/social-empty/vine.png differ
diff --git a/images/social-empty/vkontakte.png b/images/social-empty/vkontakte.png
new file mode 100644
index 0000000..10159a4
Binary files /dev/null and b/images/social-empty/vkontakte.png differ
diff --git a/images/social-empty/wikipedia.png b/images/social-empty/wikipedia.png
new file mode 100644
index 0000000..7c90a19
Binary files /dev/null and b/images/social-empty/wikipedia.png differ
diff --git a/images/social-empty/windows.png b/images/social-empty/windows.png
new file mode 100644
index 0000000..354e785
Binary files /dev/null and b/images/social-empty/windows.png differ
diff --git a/images/social-empty/wordpress.png b/images/social-empty/wordpress.png
new file mode 100644
index 0000000..737a7cb
Binary files /dev/null and b/images/social-empty/wordpress.png differ
diff --git a/images/social-empty/xbox.png b/images/social-empty/xbox.png
new file mode 100644
index 0000000..1768fd1
Binary files /dev/null and b/images/social-empty/xbox.png differ
diff --git a/images/social-empty/xing.png b/images/social-empty/xing.png
new file mode 100644
index 0000000..f364cff
Binary files /dev/null and b/images/social-empty/xing.png differ
diff --git a/images/social-empty/yahoo.png b/images/social-empty/yahoo.png
new file mode 100644
index 0000000..376ee5f
Binary files /dev/null and b/images/social-empty/yahoo.png differ
diff --git a/images/social-empty/yammer.png b/images/social-empty/yammer.png
new file mode 100644
index 0000000..60f3cdb
Binary files /dev/null and b/images/social-empty/yammer.png differ
diff --git a/images/social-empty/yelp.png b/images/social-empty/yelp.png
new file mode 100644
index 0000000..23e3ad1
Binary files /dev/null and b/images/social-empty/yelp.png differ
diff --git a/images/social-empty/youtube.png b/images/social-empty/youtube.png
new file mode 100644
index 0000000..3f2cbaa
Binary files /dev/null and b/images/social-empty/youtube.png differ
diff --git a/images/social-empty/zerply.png b/images/social-empty/zerply.png
new file mode 100644
index 0000000..43054f3
Binary files /dev/null and b/images/social-empty/zerply.png differ
diff --git a/images/social-empty/zynga.png b/images/social-empty/zynga.png
new file mode 100644
index 0000000..d80f6c3
Binary files /dev/null and b/images/social-empty/zynga.png differ
diff --git a/images/social-grey/500px.png b/images/social-grey/500px.png
new file mode 100644
index 0000000..70a373a
Binary files /dev/null and b/images/social-grey/500px.png differ
diff --git a/images/social-grey/android.png b/images/social-grey/android.png
new file mode 100644
index 0000000..8873929
Binary files /dev/null and b/images/social-grey/android.png differ
diff --git a/images/social-grey/apple.png b/images/social-grey/apple.png
new file mode 100644
index 0000000..3be24cd
Binary files /dev/null and b/images/social-grey/apple.png differ
diff --git a/images/social-grey/appnet.png b/images/social-grey/appnet.png
new file mode 100644
index 0000000..a0692e9
Binary files /dev/null and b/images/social-grey/appnet.png differ
diff --git a/images/social-grey/bebo.png b/images/social-grey/bebo.png
new file mode 100644
index 0000000..cda2140
Binary files /dev/null and b/images/social-grey/bebo.png differ
diff --git a/images/social-grey/behance.png b/images/social-grey/behance.png
new file mode 100644
index 0000000..32e826f
Binary files /dev/null and b/images/social-grey/behance.png differ
diff --git a/images/social-grey/blogger.png b/images/social-grey/blogger.png
new file mode 100644
index 0000000..e5c578a
Binary files /dev/null and b/images/social-grey/blogger.png differ
diff --git a/images/social-grey/buffer.png b/images/social-grey/buffer.png
new file mode 100644
index 0000000..6459b72
Binary files /dev/null and b/images/social-grey/buffer.png differ
diff --git a/images/social-grey/chimein.png b/images/social-grey/chimein.png
new file mode 100644
index 0000000..8ef164e
Binary files /dev/null and b/images/social-grey/chimein.png differ
diff --git a/images/social-grey/coderwall.png b/images/social-grey/coderwall.png
new file mode 100644
index 0000000..e33921a
Binary files /dev/null and b/images/social-grey/coderwall.png differ
diff --git a/images/social-grey/dailymotion.png b/images/social-grey/dailymotion.png
new file mode 100644
index 0000000..21ebbc5
Binary files /dev/null and b/images/social-grey/dailymotion.png differ
diff --git a/images/social-grey/delicious.png b/images/social-grey/delicious.png
new file mode 100644
index 0000000..95cc3b7
Binary files /dev/null and b/images/social-grey/delicious.png differ
diff --git a/images/social-grey/deviantart.png b/images/social-grey/deviantart.png
new file mode 100644
index 0000000..402ee08
Binary files /dev/null and b/images/social-grey/deviantart.png differ
diff --git a/images/social-grey/digg.png b/images/social-grey/digg.png
new file mode 100644
index 0000000..ec6b626
Binary files /dev/null and b/images/social-grey/digg.png differ
diff --git a/images/social-grey/disqus.png b/images/social-grey/disqus.png
new file mode 100644
index 0000000..05e62f4
Binary files /dev/null and b/images/social-grey/disqus.png differ
diff --git a/images/social-grey/dribbble.png b/images/social-grey/dribbble.png
new file mode 100644
index 0000000..0ebb563
Binary files /dev/null and b/images/social-grey/dribbble.png differ
diff --git a/images/social-grey/drupal.png b/images/social-grey/drupal.png
new file mode 100644
index 0000000..664ec75
Binary files /dev/null and b/images/social-grey/drupal.png differ
diff --git a/images/social-grey/envato.png b/images/social-grey/envato.png
new file mode 100644
index 0000000..e7d08ff
Binary files /dev/null and b/images/social-grey/envato.png differ
diff --git a/images/social-grey/facebook.png b/images/social-grey/facebook.png
new file mode 100644
index 0000000..7e9dec0
Binary files /dev/null and b/images/social-grey/facebook.png differ
diff --git a/images/social-grey/feedburner.png b/images/social-grey/feedburner.png
new file mode 100644
index 0000000..c62cf94
Binary files /dev/null and b/images/social-grey/feedburner.png differ
diff --git a/images/social-grey/flattr.png b/images/social-grey/flattr.png
new file mode 100644
index 0000000..692d1da
Binary files /dev/null and b/images/social-grey/flattr.png differ
diff --git a/images/social-grey/flickr.png b/images/social-grey/flickr.png
new file mode 100644
index 0000000..6b305ed
Binary files /dev/null and b/images/social-grey/flickr.png differ
diff --git a/images/social-grey/forrst.png b/images/social-grey/forrst.png
new file mode 100644
index 0000000..1f4937d
Binary files /dev/null and b/images/social-grey/forrst.png differ
diff --git a/images/social-grey/foursquare.png b/images/social-grey/foursquare.png
new file mode 100644
index 0000000..10b7df6
Binary files /dev/null and b/images/social-grey/foursquare.png differ
diff --git a/images/social-grey/friendfeed.png b/images/social-grey/friendfeed.png
new file mode 100644
index 0000000..9c9844f
Binary files /dev/null and b/images/social-grey/friendfeed.png differ
diff --git a/images/social-grey/github.png b/images/social-grey/github.png
new file mode 100644
index 0000000..a0762eb
Binary files /dev/null and b/images/social-grey/github.png differ
diff --git a/images/social-grey/goodreads.png b/images/social-grey/goodreads.png
new file mode 100644
index 0000000..aff201a
Binary files /dev/null and b/images/social-grey/goodreads.png differ
diff --git a/images/social-grey/google.png b/images/social-grey/google.png
new file mode 100644
index 0000000..26421d1
Binary files /dev/null and b/images/social-grey/google.png differ
diff --git a/images/social-grey/grooveshark.png b/images/social-grey/grooveshark.png
new file mode 100644
index 0000000..f2db683
Binary files /dev/null and b/images/social-grey/grooveshark.png differ
diff --git a/images/social-grey/houzz.png b/images/social-grey/houzz.png
new file mode 100644
index 0000000..58ed314
Binary files /dev/null and b/images/social-grey/houzz.png differ
diff --git a/images/social-grey/identica.png b/images/social-grey/identica.png
new file mode 100644
index 0000000..6d49b4c
Binary files /dev/null and b/images/social-grey/identica.png differ
diff --git a/images/social-grey/instagram.png b/images/social-grey/instagram.png
new file mode 100644
index 0000000..c6cf5e8
Binary files /dev/null and b/images/social-grey/instagram.png differ
diff --git a/images/social-grey/lanyrd.png b/images/social-grey/lanyrd.png
new file mode 100644
index 0000000..e849cec
Binary files /dev/null and b/images/social-grey/lanyrd.png differ
diff --git a/images/social-grey/lastfm.png b/images/social-grey/lastfm.png
new file mode 100644
index 0000000..6fdb091
Binary files /dev/null and b/images/social-grey/lastfm.png differ
diff --git a/images/social-grey/linkedin.png b/images/social-grey/linkedin.png
new file mode 100644
index 0000000..35c2641
Binary files /dev/null and b/images/social-grey/linkedin.png differ
diff --git a/images/social-grey/mail.png b/images/social-grey/mail.png
new file mode 100644
index 0000000..e4f65c3
Binary files /dev/null and b/images/social-grey/mail.png differ
diff --git a/images/social-grey/meetup.png b/images/social-grey/meetup.png
new file mode 100644
index 0000000..231bfaa
Binary files /dev/null and b/images/social-grey/meetup.png differ
diff --git a/images/social-grey/myspace.png b/images/social-grey/myspace.png
new file mode 100644
index 0000000..2b31bde
Binary files /dev/null and b/images/social-grey/myspace.png differ
diff --git a/images/social-grey/newsvine.png b/images/social-grey/newsvine.png
new file mode 100644
index 0000000..38e93f2
Binary files /dev/null and b/images/social-grey/newsvine.png differ
diff --git a/images/social-grey/odnoklassniki.png b/images/social-grey/odnoklassniki.png
new file mode 100644
index 0000000..800e3c5
Binary files /dev/null and b/images/social-grey/odnoklassniki.png differ
diff --git a/images/social-grey/outlook.png b/images/social-grey/outlook.png
new file mode 100644
index 0000000..cf67521
Binary files /dev/null and b/images/social-grey/outlook.png differ
diff --git a/images/social-grey/patreon.png b/images/social-grey/patreon.png
new file mode 100644
index 0000000..4f1fa82
Binary files /dev/null and b/images/social-grey/patreon.png differ
diff --git a/images/social-grey/paypal.png b/images/social-grey/paypal.png
new file mode 100644
index 0000000..a6677c1
Binary files /dev/null and b/images/social-grey/paypal.png differ
diff --git a/images/social-grey/persona.png b/images/social-grey/persona.png
new file mode 100644
index 0000000..eb65912
Binary files /dev/null and b/images/social-grey/persona.png differ
diff --git a/images/social-grey/pinterest.png b/images/social-grey/pinterest.png
new file mode 100644
index 0000000..1e984c4
Binary files /dev/null and b/images/social-grey/pinterest.png differ
diff --git a/images/social-grey/play.png b/images/social-grey/play.png
new file mode 100644
index 0000000..773c8f3
Binary files /dev/null and b/images/social-grey/play.png differ
diff --git a/images/social-grey/playstation.png b/images/social-grey/playstation.png
new file mode 100644
index 0000000..95f7ff0
Binary files /dev/null and b/images/social-grey/playstation.png differ
diff --git a/images/social-grey/reddit.png b/images/social-grey/reddit.png
new file mode 100644
index 0000000..fe097a2
Binary files /dev/null and b/images/social-grey/reddit.png differ
diff --git a/images/social-grey/rss.png b/images/social-grey/rss.png
new file mode 100644
index 0000000..e2513f1
Binary files /dev/null and b/images/social-grey/rss.png differ
diff --git a/images/social-grey/skype.png b/images/social-grey/skype.png
new file mode 100644
index 0000000..ca14f90
Binary files /dev/null and b/images/social-grey/skype.png differ
diff --git a/images/social-grey/slideshare.png b/images/social-grey/slideshare.png
new file mode 100644
index 0000000..5695875
Binary files /dev/null and b/images/social-grey/slideshare.png differ
diff --git a/images/social-grey/smugmug.png b/images/social-grey/smugmug.png
new file mode 100644
index 0000000..2d61ea1
Binary files /dev/null and b/images/social-grey/smugmug.png differ
diff --git a/images/social-grey/soundcloud.png b/images/social-grey/soundcloud.png
new file mode 100644
index 0000000..1b7437b
Binary files /dev/null and b/images/social-grey/soundcloud.png differ
diff --git a/images/social-grey/spotify.png b/images/social-grey/spotify.png
new file mode 100644
index 0000000..542d941
Binary files /dev/null and b/images/social-grey/spotify.png differ
diff --git a/images/social-grey/stackexchange.png b/images/social-grey/stackexchange.png
new file mode 100644
index 0000000..938ab25
Binary files /dev/null and b/images/social-grey/stackexchange.png differ
diff --git a/images/social-grey/steam.png b/images/social-grey/steam.png
new file mode 100644
index 0000000..3fcd67d
Binary files /dev/null and b/images/social-grey/steam.png differ
diff --git a/images/social-grey/stumbleupon.png b/images/social-grey/stumbleupon.png
new file mode 100644
index 0000000..962b416
Binary files /dev/null and b/images/social-grey/stumbleupon.png differ
diff --git a/images/social-grey/swarm.png b/images/social-grey/swarm.png
new file mode 100644
index 0000000..ca31acb
Binary files /dev/null and b/images/social-grey/swarm.png differ
diff --git a/images/social-grey/technorati.png b/images/social-grey/technorati.png
new file mode 100644
index 0000000..df12d4a
Binary files /dev/null and b/images/social-grey/technorati.png differ
diff --git a/images/social-grey/tripadvisor.png b/images/social-grey/tripadvisor.png
new file mode 100644
index 0000000..84b66a7
Binary files /dev/null and b/images/social-grey/tripadvisor.png differ
diff --git a/images/social-grey/tripit.png b/images/social-grey/tripit.png
new file mode 100644
index 0000000..6c994ab
Binary files /dev/null and b/images/social-grey/tripit.png differ
diff --git a/images/social-grey/triplej.png b/images/social-grey/triplej.png
new file mode 100644
index 0000000..304f650
Binary files /dev/null and b/images/social-grey/triplej.png differ
diff --git a/images/social-grey/tumblr.png b/images/social-grey/tumblr.png
new file mode 100644
index 0000000..e5fa06d
Binary files /dev/null and b/images/social-grey/tumblr.png differ
diff --git a/images/social-grey/twitter.png b/images/social-grey/twitter.png
new file mode 100644
index 0000000..77e27f6
Binary files /dev/null and b/images/social-grey/twitter.png differ
diff --git a/images/social-grey/viadeo.png b/images/social-grey/viadeo.png
new file mode 100644
index 0000000..1e4fc65
Binary files /dev/null and b/images/social-grey/viadeo.png differ
diff --git a/images/social-grey/vimeo.png b/images/social-grey/vimeo.png
new file mode 100644
index 0000000..38e7706
Binary files /dev/null and b/images/social-grey/vimeo.png differ
diff --git a/images/social-grey/vine.png b/images/social-grey/vine.png
new file mode 100644
index 0000000..d300d35
Binary files /dev/null and b/images/social-grey/vine.png differ
diff --git a/images/social-grey/vkontakte.png b/images/social-grey/vkontakte.png
new file mode 100644
index 0000000..b7172d3
Binary files /dev/null and b/images/social-grey/vkontakte.png differ
diff --git a/images/social-grey/wikipedia.png b/images/social-grey/wikipedia.png
new file mode 100644
index 0000000..2a0af7d
Binary files /dev/null and b/images/social-grey/wikipedia.png differ
diff --git a/images/social-grey/windows.png b/images/social-grey/windows.png
new file mode 100644
index 0000000..25e0f86
Binary files /dev/null and b/images/social-grey/windows.png differ
diff --git a/images/social-grey/wordpress.png b/images/social-grey/wordpress.png
new file mode 100644
index 0000000..7e0ecee
Binary files /dev/null and b/images/social-grey/wordpress.png differ
diff --git a/images/social-grey/xbox.png b/images/social-grey/xbox.png
new file mode 100644
index 0000000..11599a7
Binary files /dev/null and b/images/social-grey/xbox.png differ
diff --git a/images/social-grey/xing.png b/images/social-grey/xing.png
new file mode 100644
index 0000000..8c84a10
Binary files /dev/null and b/images/social-grey/xing.png differ
diff --git a/images/social-grey/yahoo.png b/images/social-grey/yahoo.png
new file mode 100644
index 0000000..a543542
Binary files /dev/null and b/images/social-grey/yahoo.png differ
diff --git a/images/social-grey/yammer.png b/images/social-grey/yammer.png
new file mode 100644
index 0000000..d554e9c
Binary files /dev/null and b/images/social-grey/yammer.png differ
diff --git a/images/social-grey/yelp.png b/images/social-grey/yelp.png
new file mode 100644
index 0000000..c8821e9
Binary files /dev/null and b/images/social-grey/yelp.png differ
diff --git a/images/social-grey/youtube.png b/images/social-grey/youtube.png
new file mode 100644
index 0000000..95fa497
Binary files /dev/null and b/images/social-grey/youtube.png differ
diff --git a/images/social-grey/zerply.png b/images/social-grey/zerply.png
new file mode 100644
index 0000000..cb087b2
Binary files /dev/null and b/images/social-grey/zerply.png differ
diff --git a/images/social-grey/zynga.png b/images/social-grey/zynga.png
new file mode 100644
index 0000000..a2dc735
Binary files /dev/null and b/images/social-grey/zynga.png differ
diff --git a/images/social/500px.png b/images/social/500px.png
new file mode 100755
index 0000000..c7e9841
Binary files /dev/null and b/images/social/500px.png differ
diff --git a/images/social/android.png b/images/social/android.png
new file mode 100755
index 0000000..412c2f8
Binary files /dev/null and b/images/social/android.png differ
diff --git a/images/social/apple.png b/images/social/apple.png
new file mode 100755
index 0000000..ebc9119
Binary files /dev/null and b/images/social/apple.png differ
diff --git a/images/social/appnet.png b/images/social/appnet.png
new file mode 100755
index 0000000..1251fd3
Binary files /dev/null and b/images/social/appnet.png differ
diff --git a/images/social/bebo.png b/images/social/bebo.png
new file mode 100755
index 0000000..65c19e8
Binary files /dev/null and b/images/social/bebo.png differ
diff --git a/images/social/behance.png b/images/social/behance.png
new file mode 100755
index 0000000..7c933f6
Binary files /dev/null and b/images/social/behance.png differ
diff --git a/images/social/blogger.png b/images/social/blogger.png
new file mode 100755
index 0000000..274664b
Binary files /dev/null and b/images/social/blogger.png differ
diff --git a/images/social/buffer.png b/images/social/buffer.png
new file mode 100755
index 0000000..3e05e29
Binary files /dev/null and b/images/social/buffer.png differ
diff --git a/images/social/chimein.png b/images/social/chimein.png
new file mode 100755
index 0000000..0c33ff1
Binary files /dev/null and b/images/social/chimein.png differ
diff --git a/images/social/coderwall.png b/images/social/coderwall.png
new file mode 100755
index 0000000..ee02af6
Binary files /dev/null and b/images/social/coderwall.png differ
diff --git a/images/social/dailymotion.png b/images/social/dailymotion.png
new file mode 100755
index 0000000..52a25ac
Binary files /dev/null and b/images/social/dailymotion.png differ
diff --git a/images/social/delicious.png b/images/social/delicious.png
new file mode 100755
index 0000000..7039143
Binary files /dev/null and b/images/social/delicious.png differ
diff --git a/images/social/deviantart.png b/images/social/deviantart.png
new file mode 100755
index 0000000..8c22886
Binary files /dev/null and b/images/social/deviantart.png differ
diff --git a/images/social/digg.png b/images/social/digg.png
new file mode 100755
index 0000000..8a0ebcc
Binary files /dev/null and b/images/social/digg.png differ
diff --git a/images/social/disqus.png b/images/social/disqus.png
new file mode 100755
index 0000000..70f7f08
Binary files /dev/null and b/images/social/disqus.png differ
diff --git a/images/social/dribbble.png b/images/social/dribbble.png
new file mode 100755
index 0000000..b6172fd
Binary files /dev/null and b/images/social/dribbble.png differ
diff --git a/images/social/drupal.png b/images/social/drupal.png
new file mode 100755
index 0000000..9027f59
Binary files /dev/null and b/images/social/drupal.png differ
diff --git a/images/social/envato.png b/images/social/envato.png
new file mode 100755
index 0000000..d7882fc
Binary files /dev/null and b/images/social/envato.png differ
diff --git a/images/social/facebook.png b/images/social/facebook.png
new file mode 100755
index 0000000..d24d130
Binary files /dev/null and b/images/social/facebook.png differ
diff --git a/images/social/feedburner.png b/images/social/feedburner.png
new file mode 100755
index 0000000..05b6a38
Binary files /dev/null and b/images/social/feedburner.png differ
diff --git a/images/social/flattr.png b/images/social/flattr.png
new file mode 100755
index 0000000..9cf4410
Binary files /dev/null and b/images/social/flattr.png differ
diff --git a/images/social/flickr.png b/images/social/flickr.png
new file mode 100755
index 0000000..5fbbef5
Binary files /dev/null and b/images/social/flickr.png differ
diff --git a/images/social/forrst.png b/images/social/forrst.png
new file mode 100755
index 0000000..f53f423
Binary files /dev/null and b/images/social/forrst.png differ
diff --git a/images/social/foursquare.png b/images/social/foursquare.png
new file mode 100755
index 0000000..33b9206
Binary files /dev/null and b/images/social/foursquare.png differ
diff --git a/images/social/friendfeed.png b/images/social/friendfeed.png
new file mode 100755
index 0000000..1c404c3
Binary files /dev/null and b/images/social/friendfeed.png differ
diff --git a/images/social/github.png b/images/social/github.png
new file mode 100755
index 0000000..085af7d
Binary files /dev/null and b/images/social/github.png differ
diff --git a/images/social/goodreads.png b/images/social/goodreads.png
new file mode 100755
index 0000000..9d123a6
Binary files /dev/null and b/images/social/goodreads.png differ
diff --git a/images/social/google.png b/images/social/google.png
new file mode 100755
index 0000000..664c9fb
Binary files /dev/null and b/images/social/google.png differ
diff --git a/images/social/grooveshark.png b/images/social/grooveshark.png
new file mode 100755
index 0000000..2196b12
Binary files /dev/null and b/images/social/grooveshark.png differ
diff --git a/images/social/houzz.png b/images/social/houzz.png
new file mode 100755
index 0000000..0d89cd0
Binary files /dev/null and b/images/social/houzz.png differ
diff --git a/images/social/identica.png b/images/social/identica.png
new file mode 100755
index 0000000..db9c160
Binary files /dev/null and b/images/social/identica.png differ
diff --git a/images/social/instagram.png b/images/social/instagram.png
new file mode 100755
index 0000000..4673f7a
Binary files /dev/null and b/images/social/instagram.png differ
diff --git a/images/social/lanyrd.png b/images/social/lanyrd.png
new file mode 100755
index 0000000..d68b6d0
Binary files /dev/null and b/images/social/lanyrd.png differ
diff --git a/images/social/lastfm.png b/images/social/lastfm.png
new file mode 100755
index 0000000..40f4012
Binary files /dev/null and b/images/social/lastfm.png differ
diff --git a/images/social/linkedin.png b/images/social/linkedin.png
new file mode 100755
index 0000000..02e5296
Binary files /dev/null and b/images/social/linkedin.png differ
diff --git a/images/social/mail.png b/images/social/mail.png
new file mode 100755
index 0000000..62f1288
Binary files /dev/null and b/images/social/mail.png differ
diff --git a/images/social/meetup.png b/images/social/meetup.png
new file mode 100755
index 0000000..bfd7924
Binary files /dev/null and b/images/social/meetup.png differ
diff --git a/images/social/myspace.png b/images/social/myspace.png
new file mode 100755
index 0000000..550b125
Binary files /dev/null and b/images/social/myspace.png differ
diff --git a/images/social/newsvine.png b/images/social/newsvine.png
new file mode 100755
index 0000000..8dd4ed8
Binary files /dev/null and b/images/social/newsvine.png differ
diff --git a/images/social/odnoklassniki.png b/images/social/odnoklassniki.png
new file mode 100755
index 0000000..9a912f8
Binary files /dev/null and b/images/social/odnoklassniki.png differ
diff --git a/images/social/outlook.png b/images/social/outlook.png
new file mode 100755
index 0000000..6d60dda
Binary files /dev/null and b/images/social/outlook.png differ
diff --git a/images/social/patreon.png b/images/social/patreon.png
new file mode 100755
index 0000000..122a9ef
Binary files /dev/null and b/images/social/patreon.png differ
diff --git a/images/social/paypal.png b/images/social/paypal.png
new file mode 100755
index 0000000..21d888e
Binary files /dev/null and b/images/social/paypal.png differ
diff --git a/images/social/persona.png b/images/social/persona.png
new file mode 100755
index 0000000..6adbed8
Binary files /dev/null and b/images/social/persona.png differ
diff --git a/images/social/pinterest.png b/images/social/pinterest.png
new file mode 100755
index 0000000..26a6b65
Binary files /dev/null and b/images/social/pinterest.png differ
diff --git a/images/social/play.png b/images/social/play.png
new file mode 100755
index 0000000..fb5d28c
Binary files /dev/null and b/images/social/play.png differ
diff --git a/images/social/playstation.png b/images/social/playstation.png
new file mode 100755
index 0000000..355fe47
Binary files /dev/null and b/images/social/playstation.png differ
diff --git a/images/social/reddit.png b/images/social/reddit.png
new file mode 100755
index 0000000..893a5ed
Binary files /dev/null and b/images/social/reddit.png differ
diff --git a/images/social/rss.png b/images/social/rss.png
new file mode 100755
index 0000000..3835c16
Binary files /dev/null and b/images/social/rss.png differ
diff --git a/images/social/skype.png b/images/social/skype.png
new file mode 100755
index 0000000..bcd9036
Binary files /dev/null and b/images/social/skype.png differ
diff --git a/images/social/slideshare.png b/images/social/slideshare.png
new file mode 100755
index 0000000..b8757b3
Binary files /dev/null and b/images/social/slideshare.png differ
diff --git a/images/social/smugmug.png b/images/social/smugmug.png
new file mode 100755
index 0000000..327d7aa
Binary files /dev/null and b/images/social/smugmug.png differ
diff --git a/images/social/soundcloud.png b/images/social/soundcloud.png
new file mode 100755
index 0000000..74030b4
Binary files /dev/null and b/images/social/soundcloud.png differ
diff --git a/images/social/spotify.png b/images/social/spotify.png
new file mode 100755
index 0000000..df73ed1
Binary files /dev/null and b/images/social/spotify.png differ
diff --git a/images/social/stackexchange.png b/images/social/stackexchange.png
new file mode 100755
index 0000000..af011f3
Binary files /dev/null and b/images/social/stackexchange.png differ
diff --git a/images/social/stackoverflow.png b/images/social/stackoverflow.png
new file mode 100755
index 0000000..0c76cc9
Binary files /dev/null and b/images/social/stackoverflow.png differ
diff --git a/images/social/steam.png b/images/social/steam.png
new file mode 100755
index 0000000..920660b
Binary files /dev/null and b/images/social/steam.png differ
diff --git a/images/social/stumbleupon.png b/images/social/stumbleupon.png
new file mode 100755
index 0000000..a844d8d
Binary files /dev/null and b/images/social/stumbleupon.png differ
diff --git a/images/social/swarm.png b/images/social/swarm.png
new file mode 100755
index 0000000..fa9c4de
Binary files /dev/null and b/images/social/swarm.png differ
diff --git a/images/social/technorati.png b/images/social/technorati.png
new file mode 100755
index 0000000..e8f6fa8
Binary files /dev/null and b/images/social/technorati.png differ
diff --git a/images/social/tripadvisor.png b/images/social/tripadvisor.png
new file mode 100755
index 0000000..ee30ffd
Binary files /dev/null and b/images/social/tripadvisor.png differ
diff --git a/images/social/tripit.png b/images/social/tripit.png
new file mode 100755
index 0000000..c5428b0
Binary files /dev/null and b/images/social/tripit.png differ
diff --git a/images/social/triplej.png b/images/social/triplej.png
new file mode 100755
index 0000000..5756a81
Binary files /dev/null and b/images/social/triplej.png differ
diff --git a/images/social/tumblr.png b/images/social/tumblr.png
new file mode 100755
index 0000000..e95fbd2
Binary files /dev/null and b/images/social/tumblr.png differ
diff --git a/images/social/twitter.png b/images/social/twitter.png
new file mode 100755
index 0000000..9d61895
Binary files /dev/null and b/images/social/twitter.png differ
diff --git a/images/social/viadeo.png b/images/social/viadeo.png
new file mode 100755
index 0000000..b446887
Binary files /dev/null and b/images/social/viadeo.png differ
diff --git a/images/social/vimeo.png b/images/social/vimeo.png
new file mode 100755
index 0000000..a187938
Binary files /dev/null and b/images/social/vimeo.png differ
diff --git a/images/social/vine.png b/images/social/vine.png
new file mode 100755
index 0000000..8e09e9d
Binary files /dev/null and b/images/social/vine.png differ
diff --git a/images/social/vkontakte.png b/images/social/vkontakte.png
new file mode 100755
index 0000000..ea2bcef
Binary files /dev/null and b/images/social/vkontakte.png differ
diff --git a/images/social/wikipedia.png b/images/social/wikipedia.png
new file mode 100755
index 0000000..4e351bd
Binary files /dev/null and b/images/social/wikipedia.png differ
diff --git a/images/social/windows.png b/images/social/windows.png
new file mode 100755
index 0000000..72ff8ac
Binary files /dev/null and b/images/social/windows.png differ
diff --git a/images/social/wordpress.png b/images/social/wordpress.png
new file mode 100755
index 0000000..9970380
Binary files /dev/null and b/images/social/wordpress.png differ
diff --git a/images/social/xbox.png b/images/social/xbox.png
new file mode 100755
index 0000000..d1b77df
Binary files /dev/null and b/images/social/xbox.png differ
diff --git a/images/social/xing.png b/images/social/xing.png
new file mode 100755
index 0000000..01e3f2b
Binary files /dev/null and b/images/social/xing.png differ
diff --git a/images/social/yahoo.png b/images/social/yahoo.png
new file mode 100755
index 0000000..d330229
Binary files /dev/null and b/images/social/yahoo.png differ
diff --git a/images/social/yammer.png b/images/social/yammer.png
new file mode 100755
index 0000000..990d819
Binary files /dev/null and b/images/social/yammer.png differ
diff --git a/images/social/yelp.png b/images/social/yelp.png
new file mode 100755
index 0000000..0b9e3a9
Binary files /dev/null and b/images/social/yelp.png differ
diff --git a/images/social/youtube.png b/images/social/youtube.png
new file mode 100755
index 0000000..cad5c27
Binary files /dev/null and b/images/social/youtube.png differ
diff --git a/images/social/zerply.png b/images/social/zerply.png
new file mode 100755
index 0000000..66a76a1
Binary files /dev/null and b/images/social/zerply.png differ
diff --git a/images/social/zynga.png b/images/social/zynga.png
new file mode 100755
index 0000000..a1bbf00
Binary files /dev/null and b/images/social/zynga.png differ
diff --git a/javascripts/all.js b/javascripts/all.js
new file mode 100644
index 0000000..abb264a
--- /dev/null
+++ b/javascripts/all.js
@@ -0,0 +1,29 @@
+$(function(){
+	$('.hamburger').click(function(){
+		$('body').toggleClass('sidebar-menu-open')
+	});
+	$('.read-more').click(function(){
+		$(this).parent().siblings('.outer-feature-details-wrap').toggleClass('outer-feature-details-wrap--open');
+	});
+
+	$('.close-registration-overlay').click(function(){
+		$('body').removeClass('registration-open');
+		$('.register-account-overlay').removeClass('register-account-overlay--shown');
+	});
+
+	$('.try-it-now,.open-registration-overlay').click(function(){
+		$('.register-account-overlay').addClass('register-account-overlay--shown');
+		setTimeout(function(){
+			$('body').addClass('registration-open');
+		});
+		return false;
+	});
+	$('.intro-wrap').click(function(){
+		var width = $(window).width();
+		var $el = $(this);
+		var panel = $el.data('panel');
+		if(width > 760){
+			$('.features-wrap').removeClass('active-feature-connect active-feature-moderate active-feature-publish').addClass('active-feature-' + panel);
+		}
+	});
+});
diff --git a/models/account.js b/models/account.js
new file mode 100644
index 0000000..3cb9b49
--- /dev/null
+++ b/models/account.js
@@ -0,0 +1,37 @@
+import can from "can/";
+import Organization from "./organization";
+
+import "can/map/define/";
+import "can/construct/super/";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/account',
+	update: 'PUT /api/v3/current/account',
+	current : function(){
+		return this.findOne({});
+	}
+}, {
+	define : {
+
+		organizations : {
+			Type : Organization.List
+		}
+	},
+	hasMultipleOrganizations : function(){
+		var organizations = this.attr('organizations');
+		return organizations && organizations.attr('length') > 1;
+	},
+	serialize: function() {
+		var data = this._super();
+
+		if(data.current_password && !data.password){
+			data.password = "";
+		}
+		
+		if(data.password && !data.password_confirmation){
+			data.password_confirmation = "";
+		}
+
+		return { account: data };
+	}
+});
diff --git a/models/analytics.js b/models/analytics.js
new file mode 100644
index 0000000..e376594
--- /dev/null
+++ b/models/analytics.js
@@ -0,0 +1,95 @@
+import can from "can/";
+import Service from "./service";
+import moment from "moment";
+
+import "can/map/define/";
+import "components/service-config-formatter/";
+
+var TOOLTIP = can.stache('<bh-service-config-formatter service="{this}"></bh-service-config-formatter>');
+
+var fillInMissingTimepoints = function(points, length){
+	var firstRun = true;
+	
+	while(points.length < length){
+		if(firstRun){
+			points.unshift(0);
+			firstRun = false;
+		} else {
+			points.unshift(null);
+		}
+		
+	}
+	return points;
+};
+
+var alphaVersion = function(color){
+	return 'rgba' + color.substring(3, color.length - 1) + ', .2)';
+};
+
+var Analytics = can.Model.extend({
+	findAll : '/api/v3/analytics?source_type={sourceType}&resolution={resolution}&owner_id={ownerId}'
+}, {
+	define : {
+		source : {
+			Type: Service
+		}
+	}
+});
+
+Analytics.List = Analytics.List.extend({
+	graphData : function(type){
+		var length = this.attr('length');
+		var serviceTimepoints = {};
+		var service;
+		var timepoints;
+		var isLongest = false;
+		var data = [];
+		var longestPointsLengthLabels = [];
+		var i;
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			timepoints = this.attr(i + '.timepoints');
+
+			serviceTimepoints[service.id] = [];
+
+			isLongest = (timepoints.length > longestPointsLengthLabels.length);
+
+			if(isLongest){
+				longestPointsLengthLabels = [];
+			}
+
+			for(var j = 0; j < timepoints.length; j++){
+				serviceTimepoints[service.id].push(timepoints[j][type]);
+				if(isLongest){
+					longestPointsLengthLabels.push(moment(timepoints[j].measured_at).fromNow());
+				}
+				
+			}
+		}
+
+		for(var k in serviceTimepoints){
+			serviceTimepoints[k] = fillInMissingTimepoints(serviceTimepoints[k], longestPointsLengthLabels.length);
+		}
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			data.push({
+				label : can.trim(TOOLTIP(service).firstChild.innerText),
+				fillColor: alphaVersion(service.attr('graphColor')),
+				strokeColor: service.attr('graphColor'),
+				pointColor: service.attr('graphColor'),
+				pointHighlightFill: "#fff",
+				pointHighlightStroke: service.attr('graphColor'),
+				data: serviceTimepoints[service.id]
+			});
+		}
+
+		return {
+			labels : longestPointsLengthLabels,
+			datasets: data
+		};
+	}
+});
+
+export default Analytics;
diff --git a/models/appstate.js b/models/appstate.js
new file mode 100644
index 0000000..e0e6671
--- /dev/null
+++ b/models/appstate.js
@@ -0,0 +1,295 @@
+import can from "can/";
+import Models from 'models/';
+import _reduce from 'lodash-amd/modern/collection/reduce';
+import connectLiveService from 'connect-liveservice';
+import Communicator from 'communicator/';
+import 'can/map/define/';
+import 'can/construct/proxy/';
+import 'can/map/delegate/';
+
+var CURRENT_IFRAME;
+
+var PAGE_TITLES = {
+	'hub-list' : 'Hub List',
+	'services' : 'Services',
+	'integration' : 'Integration',
+	'moderation' : 'Moderation',
+	'analytics' : 'Analytics',
+	'payments' : 'Payments',
+	'organization-settings' : 'Organization Accounts',
+	'user-settings' : 'User Settings'
+};
+
+var getPageTitle = function(val, appState){
+	if(val === 'sidebar'){
+		val = appState.attr('panel') || 'services';
+	}
+
+	return PAGE_TITLES[val];
+};
+
+var setTitle = function(val, appState){
+	$('title').html('BitHub &mdash; ' + getPageTitle(val, appState));
+};
+
+export default can.Map.extend({
+	define : {
+		page : {
+			value : 'hub-list',
+			set : function(val){
+				this.removeAttr('customPreset');
+				setTitle(val, this);
+				return val;
+			}
+		},
+		panel : {
+			set : function(val){
+				setTitle(val, this);
+				return val;
+			}
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount: {
+			serialize: false
+		},
+		currentOrganization : {
+			serialize: false
+		},
+		hubId : {
+			set : function(val){
+				var liveService = connectLiveService(val, this.attr('currentBrand').attr('tenant_name'));
+				var self = this;
+
+				this.attr('bits').splice(0);
+
+				if(liveService){
+
+
+					liveService.on('services', can.proxy(Models.Service.messageFromLiveService, Models.Service));
+
+					liveService.on('services', function(msg){
+						var loadingServices = self.attr('loadingServices');
+						var index, service;
+						if(typeof msg === 'string'){
+							msg = JSON.parse(msg);
+						}
+
+						if(msg.service.empty_results || msg.service.has_errors){
+							service = loadingServices.filter(function(s){
+								return s.id === msg.service.id;
+							})[0];
+							index = loadingServices.indexOf(service);
+							if(index > -1){
+								loadingServices.splice(index, 1);
+							}
+						}
+					});
+				}
+
+				return val;
+			},
+			remove : function(){
+				CURRENT_IFRAME = null;
+				this.attr('bits').splice(0);
+			}
+		},
+		embedType : {
+			get : function(){
+				if(this.attr('page') === 'sidebar'){
+					if(this.attr('panel') === 'integration'){
+						return 'preview';
+					}
+					return 'admin';
+				}
+			},
+			serialize: false
+		},
+		iframe : {
+			get : function(){
+				var src = this.attr('iframeSrc');
+				var iframe;
+
+				if(src){
+					if(!CURRENT_IFRAME){
+						iframe = $('<iframe src="' + src + '"></iframe>');
+						CURRENT_IFRAME = iframe[0];
+					}
+
+					return CURRENT_IFRAME;
+				}
+			}
+		},
+		iframeSrc : {
+			get : function(){
+				var currentBrand = this.attr('currentBrand');
+				var hubId = this.attr('hubId');
+
+				if(hubId && currentBrand){
+					return this.attr('preset').url(currentBrand.attr('tenant_name'), hubId);
+				}
+			},
+			serialize: false
+		},
+		adminPreset : {
+			value : Models.Preset.ADMIN,
+			serialize: false
+		},
+		defaultPreviewPreset : {
+			value : Models.Preset.PREVIEW,
+			serialize: false
+		},
+		preset : {
+			get : function(){
+				var embedType = this.embedType();
+				var customPreset;
+
+				if(embedType === 'admin'){
+					return this.attr('adminPreset');
+				} else {
+					customPreset = this.attr('customPreset');
+					return customPreset || this.attr('defaultPreviewPreset');
+				}
+			},
+			set : function(val){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+
+				if(embedType === 'admin'){
+					adminPreset.attr('config').attr(val.attr ? val.attr() : val);
+					return val;
+				}
+			},
+			serialize : function(){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+				var adminParams;
+				if(adminPreset){
+					adminPreset.attr();
+				}
+				
+
+				if(embedType === 'admin'){
+					adminParams = {
+						order: adminPreset.attr('config.order'),
+						decision: adminPreset.attr('config.decision')
+					};
+
+					if(adminPreset.attr('config.service_id')){
+						adminParams.service_id = adminPreset.attr('config.service_id');
+					}
+
+					return adminParams;
+				}
+			}
+		},
+		customPreset: {
+			serialize: false
+		},
+		hub : {
+			serialize : false,
+			get : function(lastSetValue, setAttrValue){
+				Models.Hub.findOne({id: this.attr('hubId')})
+					.then(function(hub){
+						setAttrValue(hub);
+					});
+			}
+		},
+		services : {
+			get : function() {
+				return new Models.Service.List({
+					embed_id: this.attr('hubId')
+				});
+			}
+		},
+		sidebarIsExpanded : {
+			value : true,
+			serialize: false
+		},
+		loadingServices : {
+			value : [],
+			serialize: false
+		},
+		bits : {
+			Value : Models.Bit.List,
+			serialize: false
+		},
+		scrollTop : {
+			value : 0,
+			serialize: false
+		},
+		scrollHeight: {
+			value : 0,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		}
+	},
+	init : function(){
+		var self = this;
+		this.communicator = Communicator.bind(this.compute('iframe'), {
+			loadedBits : function(payload){
+				self.bitsWereLoaded(payload);
+			}
+		});
+	},
+	updateIframeAttrs : function(){
+		var preset = this.attr('preset');
+		var currentBrand = this.attr('currentBrand');
+		var hubId = this.attr('hubId');
+		var newAttrs;
+
+		if(preset && currentBrand && hubId){
+			newAttrs = preset.embedAttrs(currentBrand.attr('tenant_name'), hubId);
+			this.communicator.send('updateAttrs', newAttrs);
+		}
+	},
+	resetEmbed : function(){
+		this.communicator.send('reset');
+	},
+	bitsWereLoaded : function(serviceIds){
+		var loadingServices = this.attr('loadingServices');
+		var loadingServicesByIds = _reduce(loadingServices, function(acc, service){
+			acc[service.attr('id') + ""] = service;
+			return acc;
+		}, {});
+		var index;
+
+		for(var i = 0; i < serviceIds.length; i++){
+			if(loadingServicesByIds[serviceIds[i]]){
+				index = loadingServices.indexOf(loadingServicesByIds[serviceIds[i]]);
+				loadingServices.splice(index, 1);
+			}
+		}
+	},
+	isAdminEmbed : function(){
+		var preset = this.attr('preset');
+		return preset && preset.attr('config.view') === 'admin';
+	},
+	theme : function(){
+		var preset = this.attr('preset');
+		return (preset && preset.attr('config.theme')) || 'light';
+	},
+	isSidebar : function(){
+		return this.attr('page') === 'sidebar' && this.attr('hubId');
+	},
+	embedType : function(){
+		return this.attr('embedType');
+	},
+	embedTypeTitle : function(){
+		var titles = {
+			admin: 'Administration',
+			preview: 'Preview'
+		};
+		return titles[this.embedType()];
+	},
+	isAnalyticsPageActive : function(){
+		return this.attr('page') === 'analytics';
+	},
+	setDecision : function(ctx, el, ev){
+		var decision = el.data('decision');
+		this.attr('preset.config.decision', decision);
+	}
+});
diff --git a/models/bit.js b/models/bit.js
new file mode 100644
index 0000000..abade6a
--- /dev/null
+++ b/models/bit.js
@@ -0,0 +1,91 @@
+import can from "can/";
+import Bit from "bithub-embed/models/bit";
+
+import "can/list/promise/";
+import "can/map/define/";
+
+var checkIfBitIsBelowCurrentBit = function(bit, currentBit){
+	if(!currentBit){
+		return false;
+	}
+	if(currentBit.is_pinned){
+		return true;
+	}
+	return bit.thread_updated_ts < currentBit.thread_updated_ts;
+};
+
+var isFullBit = function(bit){
+	return !!bit.created_at;
+};
+
+var buffer = (function(){
+	var _buffer = [];
+	var _currentSweeper;
+
+	return {
+		add : function(bit){
+			_buffer.push(bit);
+			if(!_currentSweeper){
+				_currentSweeper = setTimeout(function(){
+					var localBuffer = _buffer.splice(0).reverse();
+					for(var i = 0; i < localBuffer.length; i++){
+						can.trigger(Bit, 'lifecycle', [localBuffer[i]]);
+					}
+					_currentSweeper = null;
+				}, 5000);
+			}
+		}
+	};
+})();
+
+Bit.messageFromLiveService = function(msg){
+	//console.log('MSG FROM LIVE SERVICE', msg);
+	var parsed = JSON.parse(msg);
+	parsed._isFromLiveService = true;
+
+	if(this.store[parsed.id]){
+		this.store[parsed.id].attr(parsed);
+	} else if(isFullBit(parsed)){
+		buffer.add(this.model(parsed));
+	}
+	if(!parsed.decision === 'deleted'){
+		can.trigger(Bit, 'disapproved', [this.store[parsed.id]]);
+	}
+};
+
+Bit.List = Bit.List.extend({
+	place : function(bit){
+		var index = -1;
+		var currentIndex, currentBit;
+
+		this.attr('length');
+
+		currentIndex = this.indexOf(bit);
+
+		// if it exists in the list remove it because we are changing the order
+		if(currentIndex > -1){
+			this.splice(currentIndex, 1);
+		}
+
+		if(bit.attr('is_pinned')){
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(currentBit && currentBit.attr('is_pinned'));
+		} else {
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(checkIfBitIsBelowCurrentBit(bit, currentBit));
+		}
+
+		this.splice(index, 0, bit);
+	}
+});
+
+Bit.prototype.isPublic = function(){
+	var d = this.attr('decision')
+	return d === 'approved' || d === 'starred';
+}
+
+export default Bit;
diff --git a/models/brand.js b/models/brand.js
new file mode 100644
index 0000000..fa75590
--- /dev/null
+++ b/models/brand.js
@@ -0,0 +1,5 @@
+import can from "can/";
+
+export default can.Model.extend({
+	findOne : '/api/v3/brands/current'
+}, {});
diff --git a/models/embed_appstate.js b/models/embed_appstate.js
new file mode 100644
index 0000000..077d4d7
--- /dev/null
+++ b/models/embed_appstate.js
@@ -0,0 +1,128 @@
+import can from "can/";
+import Bit from "models/bit";
+import connectLiveService from "connect-liveservice";
+import "can/map/define/";
+
+var addDefaultAttrs = function(params){
+	var defaultParams = {
+		view: 'public',
+		theme: 'light',
+		live: false
+	};
+	return can.extend(defaultParams, params);
+};
+
+var liveService;
+
+export default can.Map.extend({
+	define : {
+		live : {
+			set : function(val){
+				return (val === true || val === 'true');
+			}
+		},
+		hub : {
+			serialize : false,
+		},
+		bits : {
+			Value : Bit.List,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		},
+	},
+	setAttrs : function(attrs){
+		this.attr(addDefaultAttrs(attrs));
+	},
+	init : function(){
+		this.setDefaultParams();
+	},
+	isLive : function(){
+		return this.attr('live');
+	},
+	isPublic : function(){
+		return !this.isAdmin();
+	},
+	isGroupedByDate : function(){
+		return this.attr('order') === 'grouped-by-date';
+	},
+	showPoweredBy : function(){
+		return this.isPublic();
+	},
+	reset : function(){
+		can.batch.start();
+		this.setDefaultParams();
+		this.bits.splice(0);
+		can.batch.stop();
+	},
+	getView : function(){
+		if(this.isAdmin()){
+			return 'admin';
+		}
+		return 'public';
+	},
+	connectLiveService : function(){
+
+		var hubId = this.attr('hubId');
+		liveService = connectLiveService(hubId, this.attr('tenant'));
+		console.log('HUB ID', hubId, liveService, this.attr('tenant'))
+
+		if(liveService){
+			console.log('LIVESERVICE ENTITIES', liveService);
+
+			liveService.on('entities', can.proxy(Bit.messageFromLiveService, Bit));
+		}
+	},
+	getParams: function(){
+		var hubId = this.attr('hubId');
+		var params = {};
+		var tenant = this.attr('tenant');
+		var isPublic = this.isPublic();
+		var decision = this.attr('decision');
+		var serviceId = this.attr('service_id');
+		var imageOnly = this.attr('image_only');
+
+		imageOnly = imageOnly === true || imageOnly === 'true';
+
+		params.view = this.getView();
+
+		if(isPublic){
+			params.tenant_name = tenant;
+			if(decision === 'approved' || decision === 'starred'){
+				params.decision = decision;
+			}
+		} else {
+			params.order = this.attr('order') || "created_at:desc";
+			if(params.order === 'grouped-by-date'){
+				params.order = 'preview';
+			}
+			if(decision){
+				params.decision = decision;
+			}
+			if(serviceId){
+				params.service_id = serviceId;
+			}
+		}
+	
+		if(imageOnly){
+			params.image_only = true;
+		}
+
+	
+		params.hubId = hubId;
+
+		console.log(params)
+
+		return params;
+	},
+	setDefaultParams : function(){
+		this.attr('params', {
+			offset: 0,
+			limit: 50
+		});
+	},
+	isAdmin : function(){
+		return this.attr('hub') && this.attr('view') === 'admin';
+	}
+});
diff --git a/models/filter.js b/models/filter.js
new file mode 100644
index 0000000..0da7591
--- /dev/null
+++ b/models/filter.js
@@ -0,0 +1,91 @@
+import can from "can/";
+import NatlangQuery from "./natlang-query";
+import "can/map/define/";
+import "can/construct/super/";
+
+var ModerationRuleset = can.Model.extend({
+	resource : "/api/v3/filters",
+	destroy : function(id, data){
+		return $.ajax({
+			url : "/api/v3/filters/" + id + "?embed_id=" + data.filter.embed_id,
+			type : "DELETE"
+		});
+	}
+}, {
+	define : {
+		natlang_queries: {
+			Value : NatlangQuery.List,
+			set : function(val){
+				return new NatlangQuery.List(can.map(val, function(v){
+					return NatlangQuery.model(v);
+				}));
+			}
+		},
+	},
+	addQuery : function(){
+		this.natlang_queries.push(new NatlangQuery());
+	},
+	removeQuery : function(filter){
+		var natlang = this.attr('natlang_queries');
+		var index = natlang.indexOf(filter);
+		if(index > -1){
+			natlang.splice(index, 1);
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		return {
+			filter: data
+		};
+	},
+	markToDestroy : function(){
+		this.attr('__shouldDelete', true);
+	},
+	saveOrDestroy : function(){
+		if(this.attr('__shouldDelete')){
+			return this.destroy();
+		}
+		return this.save();
+	}
+});
+
+ModerationRuleset.List = ModerationRuleset.List.extend({
+	blocking : function(){
+		return this.filtersByAction('block');
+	},
+	approving : function(){
+		return this.filtersByAction('approve');
+	},
+	filtersByAction : function(action){
+		var list = new this.constructor();
+		var length = this.attr('length');
+		var current;
+		for(var i = 0; i < length; i++){
+			current = this.attr(i);
+			if(current.attr('action') === action){
+				list.push(current);
+			}
+		}
+		list.attr('action', action);
+		return list;
+	},
+	addFilter : function(embedId){
+		var filter = new ModerationRuleset({action: this.attr('action'), embed_id: embedId});
+		filter.addQuery();
+		this.push(filter);
+	},
+	removeFilter : function(filter){
+		var index = this.indexOf(filter);
+
+		if(index > -1){
+			this.splice(index, 1);
+		}
+	},
+	saveOrDestroy : function(){
+		return $.when.apply($, can.map(this, function(f){
+			f.saveOrDestroy();
+		}));
+	}
+});
+
+export default ModerationRuleset;
diff --git a/models/hub.js b/models/hub.js
new file mode 100644
index 0000000..cc6b8f5
--- /dev/null
+++ b/models/hub.js
@@ -0,0 +1,48 @@
+import can from "can/";
+import ServiceModel from './service';
+import 'can/list/promise/';
+import 'can/construct/super/';
+import 'can/map/backup/';
+import 'can/map/define/';
+
+var Bit = can.Model.extend({
+	resource : '/api/v3/embeds',
+}, {
+	define : {
+		services : {
+			get : function(){
+				return new ServiceModel.List({embed_id: this.attr('id')});
+			}
+		}
+	},
+	serialize : function(){
+		return {
+			embed : this._super.apply(this, arguments)
+		};
+	},
+	moderate : function(){
+		return $.ajax({
+			type : 'POST',
+			url : '/api/v3/embeds/' + this.attr('id') + '/moderate'
+		});
+	},
+	publish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/publish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	},
+	unpublish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/unpublish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	}
+
+});
+
+export default Bit;
diff --git a/models/identity.js b/models/identity.js
new file mode 100644
index 0000000..47d6a44
--- /dev/null
+++ b/models/identity.js
@@ -0,0 +1,20 @@
+import can from "can/";
+import "can/list/promise/";
+
+var identities;
+
+export default can.Model.extend({
+	resource : '/api/v3/identities',
+	getAll : function(){
+		return this.reloadAll();
+	},
+	reloadAll : function(){
+		var def = new this.List({});
+
+		def.then(function(data){
+			identities = data;
+		});
+
+		return def;
+	}
+}, {});
diff --git a/models/interaction_event.js b/models/interaction_event.js
new file mode 100644
index 0000000..0d82cc1
--- /dev/null
+++ b/models/interaction_event.js
@@ -0,0 +1,127 @@
+import can from "can/";
+import moment from "moment";
+import "can/construct/super/";
+
+var wrapCreate = function(data){
+	return {
+		interaction: data
+	};
+};
+
+var InteractionEvent = can.Model.extend({
+	create : 'POST /api/v3/interactions',
+	findAll : 'GET /api/v3/interactions',
+	
+	createScrollInteraction : function(tenant_name, hubId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			event_type: 'scroll'
+		}));
+	},
+	createLinkClickedInteraction : function(tenant_name, hubId, entityId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'link'
+		}));
+	},
+	createEntitySharedInteraction : function(tenant_name, hubId, entityId, target){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'share',
+			event_subtype: target
+		}));
+	}
+}, {});
+
+var fillZeroes = function(data, length){
+	while(data.length < length){
+		data.unshift(0);
+	}
+	return data;
+};
+
+InteractionEvent.List = InteractionEvent.List.extend({
+	totalShareInteractionsGraphData: function(){
+		var length = this.attr('length');
+		var labels = [];
+		var data = [];
+		var i;
+		for(i = 0; i < length; i++){
+			labels.push(moment(this.attr(i + '.created_at')).fromNow());
+			data.push(this.attr(i + '.volume'));
+		}
+
+		return {
+			datasets: [{
+				data: data,
+				label: "Share count",
+				strokeColor: '#f30',
+				fillColor: '#fff'
+			}],
+			labels: labels
+		};
+	},
+	linkInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	scrollInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	perNetworkShareInteractionsGraphData : function(){
+		var length = this.attr('length');
+		var labels = {};
+		var data = {};
+		var longestLabels = [];
+		var datasets = [];
+		var i, k, current, currentSubtype;
+		
+		for(i = 0; i < length; i++){
+			current = this.attr(i);
+			currentSubtype = current.attr('event_subtype');
+			if(!data[currentSubtype]){
+				data[currentSubtype] = [];
+			}
+			if(!labels[currentSubtype]){
+				labels[currentSubtype] = [];
+			}
+			data[currentSubtype].push(current.attr('volume'));
+			labels[currentSubtype].push(moment(current.attr('created_at')).fromNow());
+		}
+
+		for(k in labels){
+			if(labels[k].length > longestLabels.length){
+				longestLabels = labels[k];
+			}
+		}
+
+		for(k in data){
+			if(data[k].length < longestLabels.length){
+				data[k] = fillZeroes(data[k], longestLabels.length);
+			}
+			datasets.push({
+				label: k,
+				data: data[k],
+				strokeColor: '#f30',
+				fillColor: 'rgba(255,255,255,0)'
+			});
+		}
+
+		return {
+			labels: longestLabels,
+			datasets: datasets
+		};
+		
+	}
+});
+
+export default InteractionEvent;
diff --git a/models/models.js b/models/models.js
new file mode 100644
index 0000000..9294c5e
--- /dev/null
+++ b/models/models.js
@@ -0,0 +1,27 @@
+import Hub from './hub';
+import Service from './service';
+import Bit from './bit';
+import Identity from './identity';
+import Suggestion from './suggestion';
+import Brand from './brand';
+import Preset from './preset';
+import Analytics from './analytics';
+import Subscription from './subscription';
+import Filter from './filter';
+import Account from './account';
+import Organization from "./organization";
+
+export default {
+	Hub : Hub,
+	Service : Service,
+	Bit : Bit,
+	Identity : Identity,
+	Suggestion : Suggestion,
+	Brand : Brand,
+	Preset: Preset,
+	Analytics : Analytics,
+	Subscription : Subscription,
+	Filter : Filter,
+	Account : Account,
+	Organization: Organization
+};
diff --git a/models/natlang-query.js b/models/natlang-query.js
new file mode 100644
index 0000000..3effca9
--- /dev/null
+++ b/models/natlang-query.js
@@ -0,0 +1,36 @@
+import can from "can/";
+import "can/map/define/";
+
+export default can.Model.extend({}, {
+	define : {
+		operation : {
+			set : function(val){
+				var typeAndOp = val.split(":");
+				var type = typeAndOp.shift();
+				var op = typeAndOp.shift();
+				
+				this.attr({
+					is_negated: (type !== 'pos'),
+					op : op
+				});
+			},
+			get : function(){
+				var type = this.attr('is_negated') ? 'neg' : 'pos';
+				var op = this.attr('op');
+				return [type, op].join(':');
+			}
+		},
+		attr_name : {
+			value : 'content'
+		},
+		op : {
+			value : 'contains_all',
+			set : function(val){
+				return val;
+			}
+		},
+		is_negated : {
+			value : false
+		}
+	}
+});
diff --git a/models/organization.js b/models/organization.js
new file mode 100644
index 0000000..6a758b5
--- /dev/null
+++ b/models/organization.js
@@ -0,0 +1,35 @@
+import can from "can/";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/organization',
+	update: 'PUT /api/v3/current/organization',
+	current : function(){
+		return this.findOne({});
+	},
+	choose : function(id){
+		return $.ajax({
+			url: '/api/v3/current/organization/choose?id=' + id,
+			type: 'PUT'
+		});
+	}
+}, {
+	invite : function(email){
+		var def = can.Deferred();
+		$.post('/api/v3/current/organization/accounts', {account: {email: email}}).then(function(res){
+			def.resolve(res.account);
+		}, function(){
+			$.post('/accounts/invitation', {account: {email: email}}).then(function(res){
+				def.resolve(res);
+			}, function(){
+				def.reject();
+			});
+		});
+		return def;
+	},
+	addInvitation: function(invitation){
+		if(!this.attr('invitations')){
+			this.attr('invitations', []);
+		}
+		this.attr('invitations').push(invitation);
+	}
+});
diff --git a/models/preset.js b/models/preset.js
new file mode 100644
index 0000000..37476ae
--- /dev/null
+++ b/models/preset.js
@@ -0,0 +1,83 @@
+/* globals EMBED_ENDPOINT:true */
+
+import can from "can/";
+
+import 'can/construct/super/';
+import 'can/map/define/';
+import 'can/list/promise/';
+import 'can/map/backup/';
+
+var EMBED_TEMPLATE = '<a href="http://{embedEndpoint}{embedUrl}" class="bithub-embed">{hubName} Embed</a><script src="http://{embedEndpoint}/embed.js"></script>';
+
+var Preset = can.Model.extend({
+	resource: '/api/v3/presets',
+}, {
+	define : {
+		config : {
+			value : function(){
+				return {
+					theme: 'light',
+					view: 'public'
+				};
+			}
+		}
+	},
+	embedAttrs : function(tenantName, hubId){
+		return can.extend({
+			hubId: hubId,
+			tenant: tenantName
+		}, this.serialize().preset.config || {});
+	},
+	url : function(tenantName, hubId){
+		var attrs = this.embedAttrs(tenantName, hubId);
+		return '/embed?' + can.param(attrs);
+	},
+	fullUrl : function(tenantName, hubId){
+		return can.sub("http://{embedEndpoint}{embedUrl}", {
+			embedEndpoint: EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId)
+		});
+	},
+	embedCode : function(tenantName, hubId, hubName){
+		return can.sub(EMBED_TEMPLATE, {
+			embedEndpoint : EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId),
+			hubName: hubName
+		});
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		if(!data.config){
+			data.config = {};
+		}
+		if(!data.config.view){
+			data.config.view = 'public';
+		}
+		if(!data.config.live){
+			delete data.config.live;
+		}
+
+		return {
+			preset: data
+		};
+	}
+});
+
+Preset.ADMIN = new Preset({
+	config: {
+		live: true,
+		view: 'admin',
+		order: 'grouped-by-date',
+		decision: 'pending'
+	}
+});
+
+Preset.PREVIEW = new Preset({
+	name : 'Default Preset',
+	config: {
+		live: false,
+		decision: 'approved'
+	}
+});
+
+export default Preset;
diff --git a/models/service.js b/models/service.js
new file mode 100644
index 0000000..6b81065
--- /dev/null
+++ b/models/service.js
@@ -0,0 +1,350 @@
+import can from "can/";
+import _keys from "lodash-amd/modern/object/keys";
+
+import 'can/list/promise/';
+import 'can/map/define/';
+import 'can/construct/super/';
+
+var RELOAD_TIMEOUTS = {};
+
+var isCelluloidError = function(klass){
+	return (/celluloid/).test(klass.toLowerCase());
+};
+
+var isConfigError = function(klass){
+	return (/configerror/).test(klass.toLowerCase());
+};
+
+var getErrorMessage = (function(){
+	var MESSAGES = {
+		autherror: "We are unable to authorize with your service credentials. Are you sure you have rights to access this content?",
+		remoteerror: "Service is currently unavailable. We will try to load data again later.",
+		unknownerror: "We are so sorry. Unknown error occured when we tried to load data from this service. We have been notified about this error, and we'll try to fix it as soon as possible.",
+		ratelimiterror: "Due to number of services authorized with the same account we are unable to load data from this service at the moment. We will try again soon."
+	};
+	return function(error){
+		var klass = error.klass.toLowerCase();
+		return MESSAGES[klass] || error.message;
+	};
+})();
+
+
+var convertHexToRgb = function(hex){
+	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	var r, g, b;
+	if(result){
+		r = parseInt(result[1], 16);
+		g = parseInt(result[2], 16);
+		b = parseInt(result[3], 16);
+		var res = 'rgb(' + r + ',' + g + ',' + b + ')';
+		return res;
+	}
+	return 'rgb(0,0,0)';
+};
+
+var GRAPH_COLORS = {
+	disqus : convertHexToRgb('#ffe842'),
+	facebook : convertHexToRgb('#80a2bd'),
+	foursquare : convertHexToRgb('#655557'),
+	github : convertHexToRgb('#191749'),
+	instagram : convertHexToRgb('#450d0b'),
+	meetup : convertHexToRgb('#062233'),
+	rss : convertHexToRgb('#183a37'),
+	stackexchange : convertHexToRgb('#95b26e'),
+	tumblr : convertHexToRgb('#c44900'),
+	twitter : convertHexToRgb('#432534'),
+	youtube : convertHexToRgb('#432834')
+};
+
+
+var TYPES = {
+	disqus : {
+		forum : 'Forum'
+	},
+	facebook : {
+		page : 'Page',
+		public_page : 'Public Page'
+	},
+	foursquare : {
+		venue : 'Venue'
+	},
+	github : {
+		org : 'Organization',
+		repo : 'Repository'
+	},
+	instagram : {
+		tag : 'Tag',
+		// location : 'Location',
+		// geography : 'Geography',
+		user : 'User'
+	},
+	meetup : {
+		group : 'Group'
+	},
+	rss : {
+		site : 'URL'
+	},
+	stackexchange : {
+		tags : 'Tags'
+	},
+	tumblr : {
+		blog : 'Blog',
+		tag : 'Tag'
+	},
+	twitter : {
+		followers : 'Followers',
+		hashtag : 'Hashtag',
+		term : 'Search',
+		user_timeline : 'User Timeline',
+		user_retweets: 'User Retweets',
+		favorites: 'User Favorites'
+	},
+	youtube : {
+		channel : "Channel",
+		playlist: "Playlist"/*,
+		user : "User"*/
+	}
+};
+
+var FEEDS = {
+	disqus        : 'Disqus',
+	facebook      : 'Facebook',
+	foursquare    : 'Foursquare',
+	github        : 'GitHub',
+	instagram     : 'Instagram',
+	meetup        : 'Meetup',
+	rss           : 'RSS',
+	stackexchange : 'StackExchange',
+	tumblr        : 'Tumblr',
+	twitter       : 'Twitter',
+	youtube       : 'YouTube'
+};
+
+var NEEDS_OAUTH = {
+	github : {
+		types : ['repo', 'org']
+	},
+	twitter : {
+		types : ['followers', 'hashtag', 'user_timeline', 'term', 'favorites', 'user_retweets']
+	},
+	meetup : {
+		types : ['group']
+	},
+	facebook : {
+		types : ['page']
+	},
+	foursquare : {
+		types : ['venue']
+	},
+	disqus : {
+		types: ['forum']
+	},
+	instagram : {
+		types: ['tag', 'user']
+	},
+	youtube : {
+		types: ['channel', 'playlist', 'user']
+	}
+};
+
+var formatKey = function(key){
+	if(key === 'url'){
+		return 'URL';
+	}
+	return can.capitalize(key.replace(/_/g, ' '));
+};
+
+var formatConfig = function(config){
+	var res = ['<ul class="config">'];
+	for(var k in config){
+		res.push('<li><b>' + formatKey(k) + '</b>: ');
+		if(can.isPlainObject(config[k])){
+			res.push(formatConfig(config[k]));
+		} else {
+			res.push(config[k]);
+		}
+		res.push('</li>');
+	}
+	res.push('</ul>');
+	return res.join('');
+};
+
+var emptyConfigForService = function(feed){
+	var config = {};
+
+	if(feed === 'github'){
+		config.tracking = {};
+	}
+
+	if(feed === 'stackexchange'){
+		config.tags = [];
+	}
+	return config;
+};
+
+var Service = can.Model.extend({
+	resource : '/api/v3/services',
+	feeds : FEEDS,
+	needsOAuth : NEEDS_OAUTH,
+	createEmptyService : function(feed){
+
+		return new this({
+			feed_name : feed,
+			config: emptyConfigForService(feed)
+		});
+	},
+	errored : function(service){
+		can.trigger(this, 'errored', [this]);
+	},
+	messageFromLiveService : function( msg ) {
+		var cb = can.noop,
+			timeout = 1,
+			self = this,
+			timeoutKey;
+
+		if(typeof msg === 'string'){
+			msg = JSON.parse(msg);
+		}
+
+		timeoutKey = msg.service.id;
+
+		if(msg.service.empty_results){
+			timeoutKey = msg.service.id + '-noResults';
+			cb = function(service){
+				if(service.attr('entity_count') === 0){
+					service.hasNoResults();
+				}
+			};
+			timeout = 2000;
+		}
+
+		clearTimeout(RELOAD_TIMEOUTS[timeoutKey]);
+
+		RELOAD_TIMEOUTS[timeoutKey] = setTimeout(function(){
+			self.findOne({id: msg.service.id}).then(cb);
+		}, timeout);
+	}
+}, {
+	define : {
+		feed_name : {
+			set : function(val){
+				var keys = _keys(TYPES[val]);
+
+				this.attr('type_name', keys.length === 1 ? keys[0] : "");
+				this.attr('graphColor', GRAPH_COLORS[val]);
+
+				return val;
+			}
+		},
+		type_name : {
+			set : function(val){
+				this.attr('config', emptyConfigForService(this.attr('feed_name')));
+				return val;
+			}
+		},
+		error : {
+			set : function(val){
+				var klass = val && val.klass;
+				if(klass && isCelluloidError(klass)){
+					return;
+				}
+				return val;
+			}
+		},
+		approved_by_default : {
+			set : function(val){
+				return !!val;
+			}
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+
+		if(!(data.feed_name === 'instagram' && data.type_name === 'user') && !(data.feed_name === 'facebook' && data.type_name === 'public_page')){
+			if(data.config){
+				delete data.config.display_name;
+			}
+		}
+
+		return {
+			service : data
+		};
+	},
+	typesForFeed : function(){
+		var currentFeed = this.attr('feed_name'),
+			types = TYPES[currentFeed];
+
+		return types;
+	},
+	hasMultipleTypes : function(){
+		var typesForFeed = this.typesForFeed();
+		return _keys(typesForFeed || {}).length > 1;
+	},
+	printFeed : function() {
+		return FEEDS[ this.attr('feed_name') ];
+	},
+	printType : function() {
+		return TYPES[ this.attr('feed_name') ][ this.attr('type_name') ];
+	},
+	printConfig: function() {
+		var output = [],
+			config = this.attr('config');
+
+		config = config ? config.attr() : config;
+
+		if(!config){
+			return;
+		}
+
+		for( var key in config ) {
+			output.push(key + ': ' + config[key]);
+		}
+
+		// remove last ', '
+		return output.join('<br>');
+	},
+	hasNoResults : function(){
+		can.batch.start();
+		if(this.attr('_isNewlyCreated')){
+			this.attr('noResults', true);
+		}
+		this.attr({
+			error: null
+		});
+		can.batch.stop();
+	},
+	clearNoResults : function(){
+		this.removeAttr('noResults');
+	},
+	save : function(){
+		this.removeAttr('noResults');
+		can.trigger(this.constructor, 'saving', [this]);
+		return this._super.apply(this, arguments);
+	},
+	formattedConfig : function(){
+		return formatConfig(this.attr('config').attr());
+	},
+	formattedError : function(){
+		return getErrorMessage(this.attr('error'));
+	},
+	formattedErrorClass : function(){
+		var klass = this.attr('error.klass');
+		return !isConfigError(klass) ? '' : 'Configuration Error';
+	},
+	clearErrors : function(){
+		this.removeAttr('error');
+	},
+	isLoading : function(){
+		return this.attr('state') === 'loading';
+	}
+});
+
+Service.on('created', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+Service.on('updated', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+export default Service;
diff --git a/models/subscription.js b/models/subscription.js
new file mode 100644
index 0000000..a5394ef
--- /dev/null
+++ b/models/subscription.js
@@ -0,0 +1,36 @@
+import can from "can/";
+
+export default can.Model.extend({
+	findOne: '/api/v3/subscriptions/current'
+}, {
+	reload : function(){
+		this.constructor.findOne({});
+	},
+	canAddHub : function(hubs){
+		return true;
+		/*var currentLength = hubs.attr('length');
+		var limit = this.attr('plan.limits.embeds_per_brand') || Infinity;
+		return currentLength < limit;*/
+	},
+	canAddService : function(services, feed, type){
+		return true;
+		/*var currentLength = services.attr('length');
+		var limit = this.attr('plan.limits.services_per_embed') || Infinity;
+		var currentTypeFeed = [feed, type].join('_');
+		var limitCurrentTypeFeed = this.attr('plan.limits').attr(currentTypeFeed) || Infinity;
+		var servicesWithCurrentTypeFeed = services.filter(function(s){
+			return s.attr('feed_name') === feed && s.attr('type_name') === type;
+		});
+
+		if(currentLength >= limit){
+			return false;
+		}
+		if(servicesWithCurrentTypeFeed.attr('length') >= limitCurrentTypeFeed){
+			return false;
+		}
+		return true;*/
+	},
+	hasCC : function(){
+		return !!this.attr('card');
+	}
+});
diff --git a/models/suggestion.js b/models/suggestion.js
new file mode 100644
index 0000000..6c930d6
--- /dev/null
+++ b/models/suggestion.js
@@ -0,0 +1,4 @@
+import can from "can/";
+export default can.Model.extend({
+	findAll : '/api/v3/services/suggestions/{service}?brand_identity_id={brandIdentityId}'
+}, {});
diff --git a/new-app/components/admin-embed/admin-embed.js b/new-app/components/admin-embed/admin-embed.js
new file mode 100644
index 0000000..46eebc0
--- /dev/null
+++ b/new-app/components/admin-embed/admin-embed.js
@@ -0,0 +1,48 @@
+import can from "can";
+import initView from "./admin-embed.stache!";
+import "./admin-embed.less!";
+
+import Bit from "models/bit";
+import Preset from "models/preset";
+import "can/map/define/";
+import "components/bit/";
+import $ from "jquery";
+import iframe from "iframe-resizer/js/index";
+
+
+export default can.Component.extend({
+	tag : 'bh-admin-embed',
+	template: initView,
+	scope : {
+		define : {
+			iframe : {
+				get : function(){
+					var src = this.attr('iframeSrc');
+					var iframe;
+
+					if(src){
+						iframe = $('<iframe src="' + src + '"></iframe>');
+						setTimeout(function(){
+							iframe.iFrameResize({heightCalculationMethod: 'lowestElement'});
+						}, 1);
+						return iframe[0];
+					}
+				}
+			},
+			iframeSrc : {
+				get : function(){
+					var currentBrand = this.attr('appState.currentBrand');
+					var hubId = this.attr('appState.currentHub.id');
+
+					if(hubId && currentBrand){
+						return Preset.ADMIN.url(currentBrand.attr('tenant_name'), hubId);
+					}
+				},
+				serialize: false
+			},
+		},
+		init : function(){
+			var self = this;
+		}
+	}
+});
diff --git a/new-app/components/admin-embed/admin-embed.less b/new-app/components/admin-embed/admin-embed.less
new file mode 100644
index 0000000..6f45e7e
--- /dev/null
+++ b/new-app/components/admin-embed/admin-embed.less
@@ -0,0 +1,8 @@
+bh-admin-embed {
+    iframe {
+        width: 100%;
+        overflow: hidden;
+        border: none;
+        min-height: 300px;
+    }
+}
diff --git a/new-app/components/admin-embed/admin-embed.stache b/new-app/components/admin-embed/admin-embed.stache
new file mode 100644
index 0000000..257b333
--- /dev/null
+++ b/new-app/components/admin-embed/admin-embed.stache
@@ -0,0 +1,5 @@
+<div class="clearfix bh-bit-wrap">
+  {{{ iframe }}}
+</div>
+
+
diff --git a/new-app/components/analytics-page/analytics-page.js b/new-app/components/analytics-page/analytics-page.js
new file mode 100644
index 0000000..6e8e0c2
--- /dev/null
+++ b/new-app/components/analytics-page/analytics-page.js
@@ -0,0 +1,10 @@
+import can from "can";
+import initView from "./analytics-page.stache!";
+
+import "./analytics-page.less!";
+import "components/empty-slate/";
+
+export default can.Component.extend({
+	tag: 'bh-analytics-page',
+	template: initView
+});
diff --git a/new-app/components/analytics-page/analytics-page.less b/new-app/components/analytics-page/analytics-page.less
new file mode 100644
index 0000000..e69de29
diff --git a/new-app/components/analytics-page/analytics-page.stache b/new-app/components/analytics-page/analytics-page.stache
new file mode 100644
index 0000000..a295f7c
--- /dev/null
+++ b/new-app/components/analytics-page/analytics-page.stache
@@ -0,0 +1,2 @@
+<h1>ANALYTICS</h1>
+<bh-empty-slate></bh-empty-slate>
diff --git a/new-app/components/bit/bit.js b/new-app/components/bit/bit.js
new file mode 100644
index 0000000..af2799a
--- /dev/null
+++ b/new-app/components/bit/bit.js
@@ -0,0 +1,222 @@
+import can from "can/";
+import initView from "./bit.stache!";
+import _map from "lodash/collection/map";
+import moment from "moment";
+
+import "./image-gallery/image-gallery";
+import "./body-wrap/body-wrap";
+import "./share-bit/share-bit";
+
+import "./bit.less!";
+import "can/construct/super/super";
+
+// Image loading statuses
+var IMAGE_STATUSES = {
+	LOADING : 'LOADING',
+	LOADED  : 'LOADED',
+	ERROR   : 'ERROR'
+};
+
+// check image's status. It's either still loading, loaded or errored
+var imageStatus = function(img){
+	if(!img.complete){
+		return IMAGE_STATUSES.LOADING;
+	}
+	if(img.naturalWidth === 0){
+		return IMAGE_STATUSES.ERROR;
+	}
+	return IMAGE_STATUSES.LOADED;
+};
+
+export var BitVM = can.Map.extend({
+	actionFail: null,
+	sharePanelOpen: false,
+	toggleApproveBit : function(){
+		if(this.attr('bit.is_approved')){
+			this.disapproveBit();
+		} else {
+			this.approveBit();
+		}
+	},
+	togglePinBit : function(){
+		if(this.attr('bit.is_pinned')){
+			this.unpinBit();
+		} else {
+			this.pinBit();
+		}
+	},
+	actionFailTitle : function(){
+		var actionFail = this.attr('actionFail');
+		return actionFail === 'disapprove' ? 'block' : actionFail;
+	},
+	removeFailNotice : function(){
+		this.attr('actionFail', null);
+	},
+	showAdminPanel : function(){
+		return !!this.attr('state').isAdmin() && !(this.attr('actionFail'));
+	},
+	sharePanelToggle : function(){
+		this.attr('sharePanelOpen', !this.attr('sharePanelOpen'));
+	},
+	shouldRender : function(){
+		var bit = this.attr('bit');
+		return bit && !bit.attr('@pendingRender');
+	},
+	blockedClass : function(){
+		if(!!this.attr('state').isAdmin() && !this.attr('bit').attr('is_approved')){
+			return 'blocked';
+		}
+		return "";
+	},
+	pinnedClass : function(){
+		if(!!this.attr('state').isAdmin() && this.attr('bit').attr('is_pinned')){
+			return 'pinned';
+		}
+		return "";
+	}
+});
+
+var BIT_ACTIONS = ['pin', 'unpin', 'approve', 'disapprove'];
+
+for(var i = 0; i < BIT_ACTIONS.length; i++){
+	BitVM.prototype[BIT_ACTIONS[i] + 'Bit'] = (function(action){
+		return function(){
+			var self = this;
+			var def = this.attr('bit')[action](this.attr('state.hubId'));
+			def.fail(function(){
+				self.attr('actionFail', action);
+			});
+		};
+	})(BIT_ACTIONS[i]);
+}
+
+can.Component.extend({
+	tag: 'bh-bit',
+	template : initView,
+	scope : BitVM,
+	helpers : {
+		formattedTitle : function(title){
+			title = can.isFunction(title) ? title() : title;
+			if(title && title !== 'undefined'){
+				return title;
+			}
+			return "";
+		},
+		formattedQuotedTweetDate : function(date){
+			date = can.isFunction(date) ? date() : date;
+			return moment(date, 'dd MMM DD HH:mm:ss ZZ YYYY').format('LL');
+		}
+	},
+	events : {
+		inserted : function(){
+			var bit = this.scope.attr('bit');
+			
+			this.element.data('bitId', bit.attr('id'));
+
+			if(!bit.attr('@pendingRender')){
+				this.__initTimeout = setTimeout(this.proxy('initImages'));
+			}
+
+			// We need to wait until the bit was loaded to calculate it's height
+			// When the bit is loaded the `animate-height` class is removed from the bit
+			// which will cause the height transition. After the transition is done
+			// we remove the explicit height so bit can be resized based on user's actions.
+			// If bit was already on the page we don't have to wait for all images to load
+			// before removing the height.
+			if(!bit.attr('@resolvedHeight')){
+				this.element.one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', this.proxy('removeExplicitHeight'));
+				
+			} else {
+				this.removeExplicitHeight();
+			}
+		},
+		'{bit} @pendingRender' : function(bit, ev, newVal){
+			if(newVal === false){
+				setTimeout(() => {
+					if(this.element){
+						this.__initTimeout = setTimeout(this.proxy('initImages'));
+						this.bitLoadedAndRendered();
+					}
+				}, 1);
+			}
+		},
+		initImages : function(){
+			this.imgs = this.element.find('img').toArray();
+			this.imagesToLoadCount = this.imgs.length;
+
+			if(this.imgs.length){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+		},
+		'a click' : function(el, ev){
+			ev.preventDefault();
+			window.open(el.attr('href'));
+			this.element.trigger('interaction:link', [this.scope.attr('state.hubId'), this.scope.attr('bit.id')]);
+		},
+		// Go through all images and make sure all are loaded or errored
+		// Before calling the `doneLoading` function which will remove the loading class
+		imgSweeper : function(){
+			var statuses = _map(this.imgs, imageStatus);
+			var errored;
+
+			// If any of the images is still loading, check again in 500ms
+			if(can.inArray(IMAGE_STATUSES.LOADING, statuses) > -1){
+				this.__imgSweeperTimeout = setTimeout(this.proxy('imgSweeper'), 500);
+			} else {
+				this.doneLoading();
+			}
+
+			for(var i = 0; i < statuses.length; i++){
+				if(statuses[i] === IMAGE_STATUSES.ERROR){
+					errored = this.imgs.splice(i, 1)[0];
+					if(errored){
+						$(errored).remove();
+					}
+				}
+			}
+		},
+		// All images in bit are loaded and we can calculate it's height. We set the explicit height
+		// to make sure that that the transition animation runs.
+		doneLoading : function(){
+			var bit = this.scope.attr('bit');
+			if(!bit.attr('@resolvedHeight')){
+				this.element.find('.bit-wrap').height(this.element.find('.bit').height());
+			}
+			bit.attr('@isLoaded', true);
+			this.bitLoadedAndRendered();
+		},
+		// When we're done with the height transition remove the explicit height
+		// and mark the bit's height as resolved
+		removeExplicitHeight : function(){
+			var self = this;
+			this.__removeExplicitHeightTimeout = setTimeout(function(){
+				self.scope.attr('bit').attr('@resolvedHeight', true);
+				if(self.element){
+					self.element.find('.bit-wrap').css('height', 'auto');
+					self.bitLoadedAndRendered();
+				}
+			}, 1);
+		},
+		bitLoadedAndRendered : function(){
+			var bit = this.scope.attr('bit');
+			var check = bit.attr('@resolvedHeight') && bit.attr('@isLoaded') && !bit.attr('@pendingRender');
+
+			if(check){
+				this.element.trigger('bit:loaded');
+			}
+					
+		},
+		"bit:loaded" : function(){
+			this.element.find('.bit-wrap').removeClass('loading');
+		},
+		// Clean up the timeouts
+		destroy : function(){
+			clearTimeout(this.__imgSweeperTimeout);
+			clearTimeout(this.__initTimeout);
+			clearTimeout(this.__removeExplicitHeightTimeout);
+			return this._super.apply(this, arguments);
+		}
+	}
+});
diff --git a/new-app/components/bit/bit.less b/new-app/components/bit/bit.less
new file mode 100644
index 0000000..0e99b11
--- /dev/null
+++ b/new-app/components/bit/bit.less
@@ -0,0 +1,400 @@
+@import "../../node_modules/bootstrap/less/mixins.less";
+@import "../../node_modules/bootstrap/less/variables.less";
+
+.border-radius (@radius: @baseBorderRadius) {
+		border-radius: @radius;
+		-moz-border-radius: @radius;
+		-webkit-border-radius: @radius;
+}
+
+@gray-darker:						 lighten(#000, 13.5%); // #222
+@gray-dark:							 lighten(#000, 20%);	 // #333
+@gray:									 lighten(#000, 33.5%); // #555
+@gray-light:						 lighten(#000, 80.7%); // #777
+@gray-lighter:					 lighten(#000, 93.5%); // #eee
+
+@brand-primary:					#428bca;
+@brand-success:					#5cb85c;
+@brand-info:						#5bc0de;
+@brand-warning:					#f0ad4e;
+@brand-danger:					#d9534f;
+
+// custom brand colors
+@white: #fff;
+
+bh-bit {
+		display: block;
+		.bit-wrap {
+				.border-radius(5px);
+				position: relative;
+				background-color: @white;
+				border: 1px solid @gray-light;
+				overflow: hidden;
+				margin: 20px 10px 0;
+				opacity: 1;
+				-webkit-transition: opacity 0.2s ease-in-out;
+				-moz-transition: opacity 0.2s ease-in-out;
+				transition: opacity 0.2s ease-in-out;
+
+				&.animate-height {
+						-webkit-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						-moz-transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+						transition: height 0.5s ease-in, opacity 0.2s ease-in-out;
+				}
+
+				&.blocked {
+						border: 2px solid red;
+						background: #FFDDDD;
+						bh-body-wrap .expand-collapse {
+								box-shadow: 0 0 20px 10px #FFDDDD;
+						}
+				}
+
+				&.pinned {
+						border: 2px solid gold;
+				}
+
+				&:hover {
+						.admin-panel {
+								display: block;
+						}
+				}
+
+				&.loading {
+						height: 100px;
+						background: url(../images/card-loader.gif);
+						background-repeat: no-repeat;
+						background-position: 50% 50%;
+						.bit {
+								opacity: 0;
+						}
+				}
+
+				&.loading, &.animate-height {
+						&:hover {
+								.admin-panel {
+										display: none;
+								}
+						}
+				}
+
+				&:hover {
+						.box-shadow(0 0 20px rgba(0,0,0,.15));
+				}
+
+				.current-image-wrap img {
+						.border-top-radius(4px);
+				}
+
+				// Default "Clear" Theme
+				.bit {
+						-webkit-transition: opacity 0.5s ease-in-out;
+						-moz-transition: opacity 0.5s ease-in-out;
+						transition: opacity 0.5s ease-in-out;
+						.clearfix;
+						
+						// header
+						.bit-header,
+						.bit-footer {
+								padding: 10px 0;
+								.clearfix;
+						}
+						.bit-footer {
+								border-top: 1px solid lighten(@gray-light, 5%);
+								padding: 10px;
+								figcaption {
+										float: left;
+										max-width: 85%;
+										.bit-authorName a {
+												width: 100%;
+												display:block;
+												overflow: hidden;
+												white-space: nowrap;
+												text-overflow: ellipsis;
+										}
+								}
+
+						}
+						.bit-avatar {
+								float: left;
+								margin-right: 10px;
+								.bit-avatar--img {
+										width: 35px;
+										height: 35px;
+										border-radius: 50%;
+								}
+						}
+						.bh-icon {
+								font-size: 1.5em;
+								float: right;
+								margin-top: 6px;
+								&:hover {
+										text-decoration: none;
+								}
+						}
+						.bh-icon-twitter {
+								color: #55acee;
+						}
+						.bh-icon-youtube {
+								color: #cc181e;
+						}
+						.bh-icon-facebook {
+								color: #3b5998;
+						}
+						.bh-icon-instagram {
+								color: #3f729b;
+						}
+						.bh-icon-flickr {
+								color: #FF0084;
+						}
+						.bh-icon-googleplus {
+								color: #d73d32;
+						}
+						.bh-icon-tumblr {
+								color: #2d4661;
+						}
+						.share-fb {
+								width: 70px;
+						}
+						.share-tw {
+								width: 76px;
+								margin-right:20px;
+						}
+						// Content
+						.bit-content--media {
+								max-height: 350px;
+								overflow-y: auto;
+								overflow-x: hidden;
+						}
+						.bit-content--caption {
+								padding-bottom: 15px;
+								iframe {
+										display: block;
+								}
+								p .img-wrap {
+										margin: 0 -15px	 15px;
+										img {
+												width: 100%;
+										}
+								}
+						}
+						.img-responsive {
+								margin:0 auto;
+						}
+            .quoted-tweet {
+                margin: 0 15px 15px;
+                border-left: 3px solid @gray-light;
+                padding-left: 15px;
+                .bit-footer {
+                    padding: 10px 0 0;
+                    margin-top: 10px;
+                }
+            }
+				}
+
+				
+				.bit-content {
+						overflow: hidden;
+						bh-body-wrap h4 {
+								padding-left: 15px;
+								padding-right: 15px;
+								p {
+										padding-left: 0;
+										padding-right: 0;
+								}
+						}
+						p {
+								padding: 0 15px;
+								&:last-child {
+										margin-bottom: 0;
+								}
+						}
+						.body-inner-wrap {
+								padding: 0 15px 15px;
+								pre {
+										margin-left: -15px;
+										margin-right: -15px;
+								}
+								p {
+										padding: 0;
+								}
+								.iframe-wrap {
+										margin: 0 -15px;
+								}
+								p .img-wrap {
+										margin: 0 -15px;
+								}
+						}
+						pre {
+								border-radius: 0;
+								-webkit-border-radius: 0;
+								-moz-border-radius: 0;
+								border-left: none;
+								border-right: none;
+								padding: 10px 15px;
+						}
+				}
+				
+				.bit-created-at {
+						font-size: 70%;
+						position: relative;
+						top: -3px;
+				}
+				.image-wrap {
+						margin: 0 -15px 10px;
+						position: relative;
+						img {
+								width: 100%;
+						}
+				}
+				.admin-panel {
+						background: rgba(0, 0, 0, 0.85);
+						position: absolute;
+						z-index: 10000;
+						color: #bbb;
+						height: 30px;
+						width: 200px;
+						top: 0;
+						left: 50%;
+						margin-left: -100px;
+						border--webkit-border-bottom-right-radius: 3px;
+						-webkit-border-bottom-left-radius: 3px;
+						-moz-border-radius-bottomright: 3px;
+						-moz-border-radius-bottomleft: 3px;
+						border-bottom-right-radius: 3px;
+						border-bottom-left-radius: 3px;
+						display: none;
+						.disapprove-approve, .pin {
+								top: 0;
+								width: 50%;
+								height: 100%;
+								position: absolute;
+								cursor: pointer;
+								img {
+										height: 24px;
+										opacity: 0.7;
+										display: inline-block;
+								}
+								.action-is {
+										cursor: pointer;
+										text-align: center;
+										text-transform: uppercase;
+										font-weight: bold;
+										font-size: 12px;
+										line-height: 30px;
+								}
+								&:hover {
+										background: rgba(0,0,0,0.5);
+										color: white;
+										img {
+												opacity: 1;
+										}
+								}
+						}
+						.disapprove-approve {
+								left: 0;
+								-webkit-border-bottom-left-radius: 3px;
+								-moz-border-radius-bottomleft: 3px;
+								border-bottom-left-radius: 3px;
+						}
+						.pin {
+								-webkit-border-bottom-right-radius: 3px;
+								-moz-border-radius-bottomright: 3px;
+								border-bottom-right-radius: 3px;
+								right: 0;
+						}
+				}
+				.social-icon {
+						float: right;
+						width: 32px;
+						height: 32px;
+						img {
+								width: 100%;
+								height: 100%;
+						}
+				}
+				bh-body-wrap.tall .body-inner-wrap p:last-child {
+						margin-bottom: -15px;
+				}
+				.action-fail-alert {
+						background: rgba(255,0,0,0.85);
+						position: absolute;
+						top: 0;
+						left: 0;
+						right: 0;
+						bottom: 0;
+						color: white;
+						display: inline-block;
+						div {
+								height: 40px;
+								position: absolute;
+								top: 50%;
+								left: 0;
+								right: 0;
+								margin-top: -20px;
+								text-align: center;
+								padding: 0 20px;
+						}
+						i {
+								position: absolute;
+								top: 20px;
+								right: 20px;
+								cursor: pointer;
+								color: #E29A9A;
+								&:hover {
+										color: white;
+								}
+						}
+				}
+				.share-panel-toggle {
+						float: right;
+						font-size: 24px;
+						margin: 5px;
+						color: #9a9a9a;
+						cursor: pointer;
+						&:hover, &.open {
+								color: @brand-primary;
+						}
+				}
+				.youtube-embed-container {
+						position: relative;
+						padding-bottom: 56.25%;
+						height: 0;
+						overflow: hidden;
+						max-width: 100%;
+						iframe, object, embed {
+								position: absolute;
+								top: 0;
+								left: 0;
+								width: 100%;
+								height: 100%;
+						}
+				}
+		}
+    bh-share-bit {
+        position: relative;
+        z-index: 100000;
+    }
+}
+.dark-theme {
+		bh-bit {
+        .bit-wrap {
+            color: #eee;
+				    background: #1f1f1f;
+				    border-color: #444;
+				    .bit-footer {
+						    border-top-color: #444;
+				    }
+				    &.loading {
+						    background: url(../images/card-loader-dark.gif);
+						    background-repeat: no-repeat;
+						    background-position: 50% 50%;
+				    }
+        }
+			  
+		}
+		bh-share-bit {
+				background: #444;
+				border-color: #444;
+		}
+}
diff --git a/new-app/components/bit/bit.stache b/new-app/components/bit/bit.stache
new file mode 100644
index 0000000..acb46c6
--- /dev/null
+++ b/new-app/components/bit/bit.stache
@@ -0,0 +1,110 @@
+{{#if shouldRender}}
+	{{#bit}}
+		<div class="bit-wrap {{#unless @isLoaded}}loading{{/unless}} {{#unless @resolvedHeight}}animate-height{{/unless}} {{pinnedClass}} {{blockedClass}}">
+			{{#if showAdminPanel}}
+				<div class="admin-panel">
+					<div class="disapprove-approve" can-click="toggleApproveBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_approved}}block{{else}}approve{{/is_approved}}.png"/>
+							{{#is_approved}}
+								Block
+							{{else}}
+								Approve
+							{{/is_approved}}
+						</div>
+					</div>
+					
+					<div class="pin" can-click="togglePinBit">
+						<div class="action-is">
+							<img alt="" src="{{state.assetRoot}}images/moderation/{{#is_pinned}}unpin{{else}}pin{{/is_pinned}}.png"/>
+							{{#is_pinned}}
+								Unpin
+							{{else}}
+								Pin
+							{{/is_pinned}}
+						</div>
+					</div>
+				</div>
+			{{/if}}
+			
+			<div class="bit">
+				<div class="bit-content">
+
+					{{#if images.length}}
+						<bh-image-gallery images="{images}" bit="{this}"></bh-image-gallery>
+					{{/if}}
+
+					{{#if isYoutube}}
+						<div class="youtube-embed-container">
+							<iframe src="{{ youtubeEmbedURL }}" frameborder="0" allowfullscreen>
+						</div>
+					{{/if}}
+
+					<bh-body-wrap class="{{#if images.length}}short{{else}}tall{{/if}}">
+						<h4>{{{ formattedTitle title }}}</h4>
+						{{#if body}}
+							<div class="body-inner-wrap">{{{ body }}}</div>
+						{{/if}}
+					</bh-body-wrap>
+					
+          {{#quoted_status}}
+            <div class="quoted-tweet">
+              {{{ title }}}
+              <div class="author-date-wrap bit-footer">
+                {{#author.avatar_url}}
+						<figure class="bit-avatar">
+							<a href="{{url}}">
+								<img class="bit-avatar--img img-responsive" src="{{.}}" />
+							</a>
+						</figure>
+					{{/author.avatar_url}}
+					<figcaption>
+						{{#author.id}}
+							<div class="bit-authorName"><a href="{{url}}">{{.}}</a></div>
+						{{/author.id}}
+						{{#unless isTwitterFollow}}
+							<div class="bit-created-at">
+								{{formattedQuotedTweetDate created_at}}
+							</div>
+						{{/unless}}
+					</figcaption>
+              </div>
+            </div>
+          {{/quoted_status}}
+
+					<bh-share-bit class="{{#if sharePanelOpen}}expanded{{/if}}" card-title="{title}" media="{images.0.url}" url="{url}" bit="{.}" state="{state}"></bh-share-bit>
+				</div>
+				
+				<footer class="bit-footer col-sm-12">
+					{{#author.avatar_url}}
+						<figure class="bit-avatar">
+							<a href="{{url}}">
+								<img class="bit-avatar--img img-responsive" src="{{.}}" />
+							</a>
+						</figure>
+					{{/author.avatar_url}}
+					<figcaption>
+						{{#author.id}}
+							<div class="bit-authorName"><a href="{{url}}">{{.}}</a></div>
+						{{/author.id}}
+						{{#unless isTwitterFollow}}
+							<div class="bit-created-at">
+								{{formattedThreadUpdatedAt}}
+							</div>
+						{{/unless}}
+					</figcaption>
+					<a href="{{url}}" class="social-icon">
+						<img src="{{state.assetRoot}}images/social-empty/{{feed_name}}.png">
+					</a>
+					<i class="fa fa-share-alt share-panel-toggle {{#if sharePanelOpen}}open{{/if}}" can-click="sharePanelToggle"></i>
+				</footer>
+			</div>
+			{{#if actionFail}}
+				<div class="action-fail-alert">
+					<i class="fa fa-times" can-click="removeFailNotice"></i>
+					<div>Oops, we were not able to <b>{{actionFailTitle}}</b> this item<br> Please try again later.</div>
+				</div>
+			{{/if}}
+		</div>
+	{{/bit}}
+{{/if}}
diff --git a/new-app/components/bit/bit_test.js b/new-app/components/bit/bit_test.js
new file mode 100644
index 0000000..e88ef7b
--- /dev/null
+++ b/new-app/components/bit/bit_test.js
@@ -0,0 +1,82 @@
+import {BitVM} from "./bit";
+import fixtureData from "../fixtures/fixture_data.json";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import Bit from "models/bit";
+import $ from "jquery";
+
+F.attach(QUnit);
+
+var testBit = $.extend({}, fixtureData.data[0], {id: Date.now()});
+
+var template = can.stache("<bh-bit bit='{bit}' state='{state}'></bh-bit>");
+var getState = function(isAdmin){
+	var stateMap = can.Map({}, {
+		isAdmin: function(){
+			return isAdmin;
+		}
+	});
+	return new stateMap({hubId: 1});
+};
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+QUnit.module("Bit Test");
+
+QUnit.test("Dynamic functions exist on the prototype", 4, function(){
+	var actions = ['pin', 'unpin', 'approve', 'disapprove'];
+
+	for(var i = 0; i < actions.length; i++){
+		if(typeof BitVM.prototype[actions[i] + 'Bit'] === 'function'){
+			ok(true, actions[i] + 'Bit action is defined on the prototype');
+		}
+	}
+});
+
+QUnit.test("Card is correctly rendered", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+
+	F('bh-bit .admin-panel').missing('Admin panel is not rendered');
+	F('bh-bit bh-image-gallery').exists('Image gallery is rendered');
+	F('bh-bit bh-body-wrap').exists('Body wrap is rendered');
+	F('bh-bit bh-share-bit').exists('Share panel is rendered');
+});
+
+QUnit.test("Admin panel is rendered", function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(true)
+	});
+
+	F('bh-bit .admin-panel').exists('Admin panel is rendered');
+});
+
+QUnit.test("Card goes through the lifecycle", 4, function(){
+	renderTemplate({
+		bit: Bit.model(testBit),
+		state: getState(false)
+	});
+	F('bh-bit .loading').exists('Card is in the loading state');
+	F('bh-bit .animate-height').exists('Card is awaiting animation');
+	F('bh-bit .loading').missing('Card is loaded');
+	F('bh-bit .animate-height').missing('Card has resolved height');
+});
+
+QUnit.test("Sharing panel is expanded on click", 3, function(){
+	var bit =  Bit.model(testBit);
+	renderTemplate({
+		bit: bit,
+		state: getState(false)
+	});
+	F('bh-bit .share-panel-toggle').exists('Share button is visible');
+	F('bh-bit .share-panel-toggle').click();
+	F('bh-share-bit.expanded').exists('Share panel is expanded');
+	F.wait(1, function(){
+		ok($('bh-bit').scope().attr('sharePanelOpen'), 'VM is updated with share panel attr');
+	});
+});
diff --git a/new-app/components/bit/body-wrap/body-wrap.js b/new-app/components/bit/body-wrap/body-wrap.js
new file mode 100644
index 0000000..649e98e
--- /dev/null
+++ b/new-app/components/bit/body-wrap/body-wrap.js
@@ -0,0 +1,66 @@
+import can from "can/";
+import initView from "./body-wrap.stache!";
+import "./body-wrap.less!";
+import "can/construct/proxy/";
+
+var calculateRatioPercentage = function(width, height){
+	return (height/width) * 100;
+};
+
+var getIframeRatioClass = function(width, height){
+	var ratioPercentage = calculateRatioPercentage(width, height);
+	if(ratioPercentage - 56 < 5){
+		return 'iframe-16-9';
+	}
+	return 'iframe-4-3';
+};
+
+can.Component.extend({
+	tag: 'bh-body-wrap',
+	template : initView,
+	scope : {
+		toggleExpanded : function(){
+			this.attr('isExpanded', !this.attr('isExpanded'));
+		}
+	},
+	events : {
+		inserted : function(){
+			this.wrapImages();
+			this.wrapIframes();
+			setTimeout(this.proxy('recalculateHeight'), 1);
+		},
+		wrapImages : function(){
+			var imgs = this.element.find('img');
+			imgs.each(function(){
+				var $img = $(this);
+				if(!$img.parent().is('.img-wrap')){
+					$img.wrap('<div class="img-wrap"></div>');
+				}
+			});
+			imgs.on('load', this.proxy('recalculateHeight'));
+		},
+		wrapIframes : function(){
+			var iframes = this.element.find('iframe');
+			iframes.each(function(){
+				var $iframe = $(this);
+				var height = $iframe.attr('height');
+				var width = $iframe.attr('width');
+				var iframeRatioClass = getIframeRatioClass(width, height);
+				if(!$iframe.parent().is('.iframe-wrap')){
+					$iframe.wrap('<div class="iframe-wrap ' + iframeRatioClass + '"></div>');
+				}
+			});
+		},
+		recalculateHeight : function(){
+			if(this.scope.attr('isExpanded') || !this.element){
+				return;
+			}
+
+			var wrap = this.element.find('.body-wrap');
+			var scrollHeight = wrap[0].scrollHeight;
+			var height = wrap.height();
+
+			this.scope.attr('isTooTall', height < scrollHeight);
+		}
+	}
+});
diff --git a/new-app/components/bit/body-wrap/body-wrap.less b/new-app/components/bit/body-wrap/body-wrap.less
new file mode 100644
index 0000000..ccdc66a
--- /dev/null
+++ b/new-app/components/bit/body-wrap/body-wrap.less
@@ -0,0 +1,56 @@
+bh-body-wrap {
+	display: block;
+	.body-wrap {
+		overflow: hidden;
+	}
+	&.short {
+		.collapsed {
+			max-height: 150px;
+		}
+	}
+	&.tall {
+		.collapsed {
+			max-height: 350px;
+		}
+	}
+	
+	.expand-collapse {
+		text-align: center;
+		color: #666;
+		cursor: pointer;
+		padding: 10px 0;
+		box-shadow: 0 0 20px 10px #fff;
+		position: relative;
+		z-index: 10;
+		&:hover {
+			color: #000;
+		}
+	}
+	.no-gradient {
+		box-shadow: none;
+	}
+	.iframe-wrap {
+		position: relative;
+		height: 0;
+		overflow: hidden;
+		iframe {
+			 position: absolute;
+			top:0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.iframe-4-3 {
+		padding-bottom: 75%;
+	}
+	.iframe-16-9 {
+		padding-bottom: 56.25%;
+	}
+}
+
+.dark-theme {
+	bh-bit .expand-collapse {
+		box-shadow: 0 0 20px 10px #1f1f1f;
+	}
+}
\ No newline at end of file
diff --git a/new-app/components/bit/body-wrap/body-wrap.stache b/new-app/components/bit/body-wrap/body-wrap.stache
new file mode 100644
index 0000000..ac2b250
--- /dev/null
+++ b/new-app/components/bit/body-wrap/body-wrap.stache
@@ -0,0 +1,8 @@
+<div class="body-wrap {{#unless isExpanded}}collapsed{{/unless}}">
+	<content></content>
+</div>
+{{#if isTooTall}}
+	<div class="expand-collapse {{#if isExpanded}}no-gradient{{/if}}" can-click="toggleExpanded">
+		<i class="fa fa-chevron-{{#if isExpanded}}up{{else}}down{{/if}}"></i>
+	</div>
+{{/if}}
\ No newline at end of file
diff --git a/new-app/components/bit/image-gallery/image-gallery.js b/new-app/components/bit/image-gallery/image-gallery.js
new file mode 100644
index 0000000..89f6451
--- /dev/null
+++ b/new-app/components/bit/image-gallery/image-gallery.js
@@ -0,0 +1,28 @@
+import can from "can/";
+import initView from "./image-gallery.stache!";
+import "./image-gallery.less!";
+
+can.Component.extend({
+	tag: 'bh-image-gallery',
+	template: initView,
+	scope: {
+		init : function(){
+			this.attr('currentImage', this.attr('images.0'));
+		},
+		setCurrent : function(img){
+			this.attr('currentImage', img);
+		},
+		hasGallery : function(){
+			var images = this.attr('images');
+			return images && images.attr('length') > 1;
+		}
+	},
+	helpers : {
+		isCurrent : function(img, opts){
+			img = can.isFunction(img) ? img() : img;
+			if(img === this.attr('currentImage')){
+				return opts.fn();
+			}
+		}
+	}
+});
diff --git a/new-app/components/bit/image-gallery/image-gallery.less b/new-app/components/bit/image-gallery/image-gallery.less
new file mode 100644
index 0000000..d087f71
--- /dev/null
+++ b/new-app/components/bit/image-gallery/image-gallery.less
@@ -0,0 +1,47 @@
+@import "../../../node_modules/bootstrap/less/mixins/clearfix.less";
+
+bh-image-gallery {
+	display: block;
+	margin: 0 -15px;
+	.clearfix;
+	.current-image-wrap {
+		position: relative;
+		p.caption {
+			background: rgba(0,0,0,0.5);
+			top: 0;
+			left: 0;
+			right: 0;
+			position: absolute;
+		}
+	}
+	.image-list {
+		margin: 0;
+		margin-right: -1px;
+		margin-bottom: -1px;
+		border-top: 2px solid #fff;
+		li {
+			float: left;
+			width: 25%;
+			height: 50px;
+			overflow: hidden;
+			position: relative;
+			cursor: pointer;
+			border-right: 1px solid #fff;
+			border-bottom: 1px solid #fff;
+			&.current {
+				img {
+					opacity: 1;
+				}
+			}
+		}
+		img {
+			min-width: 100%;
+			min-height: 100%;
+			top: 0;
+			left: 0;
+			display: block;
+			position: absolute;
+			opacity: 0.5;
+		}
+	}
+}
diff --git a/new-app/components/bit/image-gallery/image-gallery.stache b/new-app/components/bit/image-gallery/image-gallery.stache
new file mode 100644
index 0000000..f40f222
--- /dev/null
+++ b/new-app/components/bit/image-gallery/image-gallery.stache
@@ -0,0 +1,13 @@
+<div class="current-image-wrap">
+	<a href="{{bit.url}}"><img src="{{currentImage.url}}"></a>
+	{{#if currentImage.caption}}
+		<p class="caption">{{ currentImage.caption }}</p>
+	{{/if}}
+</div>
+{{#if hasGallery}}
+	<ul class="image-list list-unstyled clearfix">
+		{{#each images}}
+			<li {{#isCurrent this}}class="current"{{/isCurrent}} can-click="setCurrent"><img src="{{url}}"></li>
+		{{/each}}
+	</ul>
+{{/if}}
diff --git a/new-app/components/bit/share-bit/share-bit.js b/new-app/components/bit/share-bit/share-bit.js
new file mode 100644
index 0000000..359979f
--- /dev/null
+++ b/new-app/components/bit/share-bit/share-bit.js
@@ -0,0 +1,103 @@
+import can from "can/";
+import initView from "./share-bit.stache!";
+import "./share-bit.less!";
+
+var URL_TEMPLATES = {
+	googleplus : "https://plus.google.com/share?hl=en&url={url}",
+	facebook : "http://www.facebook.com/sharer/sharer.php?u={url}&t={title}",
+	twitter: "https://twitter.com/intent/tweet?text={title}&url={url}&via={via}",
+	delicious: "http://www.delicious.com/save?v=5&noui&jump=close&url={url}&title={title}",
+	stumbleupon: "http://www.stumbleupon.com/badge/?url={url}",
+	linkedin: "https://www.linkedin.com/cws/share?url={url}&token=&isFramed=true",
+	pinterest: "http://pinterest.com/pin/create/button/?url={url}&media={media}&description={title}"
+};
+
+var getShareUrl = function(network, opts){
+	var url = can.sub(URL_TEMPLATES[network], opts);
+	console.log(url);
+	return url;
+};
+
+var popup = {
+	googleplus: function(opt){
+		var url = getShareUrl('googleplus', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, "googleplus", "toolbar=0,status=0,width=900,height=500");
+	},
+	facebook: function(opt){
+		var url = getShareUrl('facebook', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, "facebook", "toolbar=0,status=0,width=900,height=500");
+	},
+	twitter: function(opt){
+		var url = getShareUrl('twitter', {
+			title: encodeURIComponent(opt.title),
+			url: encodeURIComponent(opt.url),
+			via: opt.via
+		});
+		window.open(url, "twitter", "toolbar=0,status=0,width=650,height=360");
+	},
+	delicious: function(opt){
+		var url = getShareUrl('delicious', {
+			url: encodeURIComponent(opt.url),
+			title: opt.title
+		});
+		window.open(url, 'delicious', 'toolbar=no,width=550,height=550');
+	},
+	stumbleupon: function(opt){
+		var url = getShareUrl('stumbleupon', {
+			url : encodeURIComponent(opt.url)
+		});
+		window.open(url, 'stumbleupon', 'toolbar=no,width=550,height=550');
+	},
+	linkedin: function(opt){
+		var url = getShareUrl('linkedin', {
+			url: encodeURIComponent(opt.url)
+		});
+		window.open(url, 'linkedin', 'toolbar=no,width=550,height=550');
+	},
+	pinterest: function(opt){
+		var url = getShareUrl('pinterest', {
+			url : encodeURIComponent(opt.url),
+
+			media : encodeURIComponent(opt.media),
+			title : opt.title
+		});
+		window.open(url, 'pinterest', 'toolbar=no,width=700,height=300');
+	}
+};
+can.Component.extend({
+	template: initView,
+	tag: 'bh-share-bit',
+	scope : {
+		networksClass : function(){
+			return this.media ? 'networks-7' : 'networks-6';
+		}
+	},
+	events: {
+		"[data-network] click" : function(el, ev){
+			var network = el.data('network');
+			var div = document.createElement('div');
+			var title;
+
+			div.innerHTML = this.scope.cardTitle;
+
+			title = div.innerText;
+
+			if(network === 'pinterest' || network === 'delicious'){
+				title = title.replace(/#/g, '');
+			}
+
+			this.element.trigger('interaction:share', [this.scope.attr('state.hubId'), this.scope.attr('bit.id'), network]);
+			popup[network]({
+				title: title,
+				media: this.scope.media,
+				url: this.scope.url,
+				via : "bithubapp"
+			});
+		}
+	}
+});
diff --git a/new-app/components/bit/share-bit/share-bit.less b/new-app/components/bit/share-bit/share-bit.less
new file mode 100644
index 0000000..303f9f2
--- /dev/null
+++ b/new-app/components/bit/share-bit/share-bit.less
@@ -0,0 +1,49 @@
+@gray-darker:            lighten(#000, 13.5%); // #222
+@gray-dark:              lighten(#000, 20%);   // #333
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 80.7%); // #777
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+bh-share-bit {
+    display: block;
+    background: @gray-light;
+    border-left: 2px solid @gray-light;
+    border-right: 2px solid @gray-light;
+    height: 0;
+    overflow: hidden;
+    -webkit-transition: height 0.2s;
+	  -moz-transition: height 0.2s;
+	  transition: height 0.2s;
+    i.fa {
+        display: block;
+        float: left;
+        height: 32px;
+        border-radius: 3px;
+        text-align: center;
+        line-height: 32px;
+        cursor: pointer;
+        font-size: 16px;
+        &:hover {
+            background: @brand-primary;
+            color: white;
+        }
+    }
+    .networks-7, .networks-6 {
+        padding-top: 2px;
+    }
+    .networks-7 i.fa {
+        width: 14.2857%;
+    }
+    .networks-6 i.fa {
+        width: 16.66%;
+    }
+    &.expanded {
+        height: 35px;
+    }
+}
diff --git a/new-app/components/bit/share-bit/share-bit.stache b/new-app/components/bit/share-bit/share-bit.stache
new file mode 100644
index 0000000..83e35d7
--- /dev/null
+++ b/new-app/components/bit/share-bit/share-bit.stache
@@ -0,0 +1,11 @@
+<div class="{{networksClass}}">
+	<i class="fa fa-twitter" data-network="twitter"></i>
+	<i class="fa fa-facebook" data-network="facebook"></i>
+	{{#if media}}
+		<i class="fa fa-pinterest" data-network="pinterest"></i>
+	{{/if}}
+	<i class="fa fa-linkedin" data-network="linkedin"></i>
+	<i class="fa fa-google-plus" data-network="googleplus"></i>
+	<i class="fa fa-delicious" data-network="delicious"></i>
+	<i class="fa fa-stumbleupon" data-network="stumbleupon"></i>
+</div>
diff --git a/new-app/components/delete_service_dialog/delete_service_dialog.js b/new-app/components/delete_service_dialog/delete_service_dialog.js
new file mode 100644
index 0000000..c884244
--- /dev/null
+++ b/new-app/components/delete_service_dialog/delete_service_dialog.js
@@ -0,0 +1,47 @@
+import can from "can";
+import initView from "./delete_service_dialog.stache!";
+import "./delete_service_dialog.less!";
+import "can/construct/proxy/";
+
+export var DeleteServiceDialogVM = can.Map.extend({
+	isDeleting : false,
+	deleteService : function(){
+		var service;
+		
+		if(this.attr('isDeleting')){
+			return;
+		}
+
+		service = this.attr('service');
+
+		this.attr('isDeleting', true);
+		service.destroy();
+	},
+	cancelDelete : function(){
+		if(this.attr('isDeleting')){
+			return;
+		}
+		this.clearService();
+	},
+	clearService : function(){
+		this.attr('service', null);
+	},
+	serviceDestroyed : function(){
+		can.batch.start();
+		this.attr('state').resetEmbed();
+		this.attr('isDeleting', false);
+		this.clearService();
+		can.batch.stop();
+	}
+});
+
+can.Component.extend({
+	tag: 'bh-delete-service-dialog',
+	template: initView,
+	scope : DeleteServiceDialogVM,
+	events : {
+		'{scope.service} destroyed' : function(){
+			this.scope.serviceDestroyed();
+		}
+	}
+});
diff --git a/new-app/components/delete_service_dialog/delete_service_dialog.less b/new-app/components/delete_service_dialog/delete_service_dialog.less
new file mode 100644
index 0000000..1df0406
--- /dev/null
+++ b/new-app/components/delete_service_dialog/delete_service_dialog.less
@@ -0,0 +1,22 @@
+bh-delete-service-dialog {
+	display: block;
+
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	background: rgba(0,0,0,0.7);
+	.delete-service-panel {
+		width: 600px;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		margin-left: -300px;
+		margin-top: -82px;
+	}
+	.btn-group {
+		float: right;
+	}
+	
+}
\ No newline at end of file
diff --git a/new-app/components/delete_service_dialog/delete_service_dialog.stache b/new-app/components/delete_service_dialog/delete_service_dialog.stache
new file mode 100644
index 0000000..454ed20
--- /dev/null
+++ b/new-app/components/delete_service_dialog/delete_service_dialog.stache
@@ -0,0 +1,19 @@
+<div class="panel panel-default delete-service-panel">
+	<div class="panel-heading">
+		<h3 class="panel-title">Delete Service</h3>
+	</div>
+	<div class="panel-body">
+		<i class="fa fa-exclamation-triangle"></i> Warning! This will delete all the items collected by the service!
+	</div>
+	<div class="panel-footer clearfix">
+		<div class="btn-group">
+			<button class="btn btn-default" can-click="cancelDelete" {{#if isDeleting}}disabled{{/if}}>Cancel</button>
+			<button class="btn btn-danger" can-click="deleteService" {{#if isDeleting}}disabled{{/if}}>
+				{{#if isDeleting}}
+					<i class="fa fa-spin fa-circle-o-notch"></i>
+				{{/if}}
+				Delete
+			</button>
+		</div>
+	</div>
+</div>
diff --git a/new-app/components/delete_service_dialog/delete_service_dialog_test.js b/new-app/components/delete_service_dialog/delete_service_dialog_test.js
new file mode 100644
index 0000000..f3afca0
--- /dev/null
+++ b/new-app/components/delete_service_dialog/delete_service_dialog_test.js
@@ -0,0 +1,73 @@
+import {DeleteServiceDialogVM} from "./delete_service_dialog";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+var template = can.stache("<bh-delete-service-dialog service='{service}' state='{state}'></bh-delete-service-dialog>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var Service = can.Model.extend({
+	destroy : function(){
+		ok(true, 'Destroy called');
+	}
+});
+
+var State = can.Map.extend({
+	resetEmbed : function(){
+		ok(true, 'Reset Embed called');
+	}
+});
+
+QUnit.module("Delete Service Dialog Tests");
+
+QUnit.test('Alert panel is rendered correctly', function(){
+	renderTemplate({
+		service: new Service()
+	});
+
+	F('bh-delete-service-dialog h3').text('Delete Service', 'Title is rendered');
+	F('bh-delete-service-dialog button[disabled]').missing('Buttons are not disabled');
+});
+
+QUnit.test('Clicking delete will destroy the service', 1, function(){
+	renderTemplate({
+		service: new Service()
+	});
+	F('bh-delete-service-dialog [can-click=deleteService]').click();
+});
+
+QUnit.test('Clicking cancel will clear the service', function(){
+	renderTemplate({
+		service: new Service()
+	});
+	F('bh-delete-service-dialog [can-click=cancelDelete]').click();
+	F.wait(1, function(){
+		equal(F('bh-delete-service-dialog').scope().attr('service'), null, 'Service is cleared');
+	});
+});
+
+QUnit.test('Clicking delete will disable the buttons and show the spinner', function(){
+	renderTemplate({
+		service: new Service()
+	});
+	F('bh-delete-service-dialog [can-click=deleteService]').click();
+	F('bh-delete-service-dialog button[can-click=cancelDelete][disabled]').exists('Cancel button is disabled');
+	F('bh-delete-service-dialog button[can-click=deleteService][disabled]').exists('Delete service button is disabled');
+	F('bh-delete-service-dialog .fa-circle-o-notch').exists('Spinner exists');
+});
+
+QUnit.test('Triggering destroy on service will clear the service from the VM', 2, function(){
+	var service = new Service();
+	var state = new State();
+	renderTemplate({
+		service : service,
+		state : state
+	});
+	F.wait(1, function(){
+		service.destroyed();
+		equal(F('bh-delete-service-dialog').scope().attr('service'), null, 'Service is cleared');
+	});
+});
diff --git a/new-app/components/edit_hub_name/edit_hub_name.js b/new-app/components/edit_hub_name/edit_hub_name.js
new file mode 100644
index 0000000..845c560
--- /dev/null
+++ b/new-app/components/edit_hub_name/edit_hub_name.js
@@ -0,0 +1,66 @@
+import can from "can";
+import initView from "./edit_hub_name.stache!";
+import "./edit_hub_name.less!";
+
+var KEYMAP = {
+	13 : 'ENTER',
+	27 : 'ESC'
+};
+
+export var EditHubNameVM = can.Map.extend({
+	isEditing: false,
+	toggleHubEditing : function(val){
+		val = (typeof val === 'undefined') ? !this.attr('isEditing') : val;
+		this.attr('isEditing', val);
+	},
+	commitNewHubName : function(val){
+		var hub = this.attr('hub');
+		var name = hub.attr('name');
+		if(name !== val){
+			hub.attr('name', val);
+			hub.save();
+		}
+	}
+});
+
+can.Component.extend({
+	tag: 'bh-edit-hub-name',
+	template: initView,
+	scope: EditHubNameVM,
+	events : {
+		'{scope} isEditing' : function(scope, ev, newVal){
+			var self = this;
+			if(newVal){
+				setTimeout(function(){
+					if(self.element){
+						self.element.find('.hub-name').select().focus();
+					}
+				}, 100);
+			}
+		},
+		click : function(){
+			this.scope.toggleHubEditing();
+		},
+		"input click" : function(el, ev){
+			ev.stopImmediatePropagation();
+		},
+		"input keyup" : function(el, ev){
+			var key = KEYMAP[ev.which];
+			if(key === 'ENTER'){
+				this.scope.commitNewHubName(el.val());
+			}
+			if(key){
+				this.__preventBlur = true;
+				this.scope.toggleHubEditing();
+			}
+		},
+		"input blur" : function(el, ev){
+			if(this.__preventBlur){
+				delete this.__preventBlur;
+			} else {
+				this.scope.commitNewHubName(el.val());
+				this.scope.toggleHubEditing();
+			}
+		}
+	}
+});
diff --git a/new-app/components/edit_hub_name/edit_hub_name.less b/new-app/components/edit_hub_name/edit_hub_name.less
new file mode 100644
index 0000000..169fe6b
--- /dev/null
+++ b/new-app/components/edit_hub_name/edit_hub_name.less
@@ -0,0 +1,12 @@
+bh-edit-hub-name {
+    display: block;
+    h2 {
+        margin: 0;
+        font-size: 20px;
+    }
+    input.hub-name {
+        diplay: block;
+        margin-top: -6px;
+    }
+}
+
diff --git a/new-app/components/edit_hub_name/edit_hub_name.stache b/new-app/components/edit_hub_name/edit_hub_name.stache
new file mode 100644
index 0000000..4806c01
--- /dev/null
+++ b/new-app/components/edit_hub_name/edit_hub_name.stache
@@ -0,0 +1,9 @@
+<div class="hub-name-wrap {{#if isEditing}}hub-name-is-editting{{/if}}">
+  {{#if isEditing}}
+	  <input type="text" class="form-control hub-name" value="{{ hub.name }}">
+  {{else}}
+	  <h2>{{ hub.name }}</h2>
+	  <i class="fa fa-pencil edit-hub-name"></i>
+  {{/if}}
+</div>
+
diff --git a/new-app/components/edit_hub_name/edit_hub_name_test.js b/new-app/components/edit_hub_name/edit_hub_name_test.js
new file mode 100644
index 0000000..e117de9
--- /dev/null
+++ b/new-app/components/edit_hub_name/edit_hub_name_test.js
@@ -0,0 +1,77 @@
+import {EditHubNameVM} from "./edit_hub_name";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+var template = can.stache("<bh-edit-hub-name hub='{hub}'></bh-edit-hub-name>");
+
+var Hub = can.Map.extend({
+	save : function(){
+		QUnit.ok(true, 'Save Called');
+	}
+});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var renderTemplateAndCheckIfHubNameIsShown = function(){
+	renderTemplate({
+		hub : new Hub({name: 'Hub Name'})
+	});
+	F('bh-edit-hub-name h2').text('Hub Name', 'Hub Name is shown');
+};
+
+var renderTemplateAndEnterEditingState = function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+	F('bh-edit-hub-name').click();
+};
+
+QUnit.module("Edit Hub Name Tests");
+
+QUnit.test("Hub Name will be shown by default", function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+});
+
+QUnit.test("Clicking on a component will toggle editing state", function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').exists('Input field is shown');
+});
+
+QUnit.test("Pressing escape inside the input field will exit the editing state and revert the changes", 3, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('aaa[escape]');
+	F('bh-edit-hub-name input').missing('Exiting edit state');
+	F('bh-edit-hub-name h2').text('Hub Name', 'Name is reverted');
+});
+
+QUnit.test("Pressing enter inside the input field will save changes and exit the editing state", 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo[enter]');
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.test('Bluring the input field will save changes and exit the editing state', 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo');
+	F('bh-edit-hub-name input').type('[\t][\t]');
+	F('body').click();
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.test('Committing the same name will not trigger save', 0, function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.commitNewHubName('Hub Name');
+});
+
+QUnit.test('Toggling edit state works', function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.toggleHubEditing();
+	ok(editVM.attr('isEditing'), 'Editing State');
+	editVM.toggleHubEditing();
+	ok(!editVM.attr('isEditing'), 'Exited editing state');
+	editVM.toggleHubEditing(false);
+	ok(!editVM.attr('isEditing'), 'Did not enter editing state');
+});
diff --git a/new-app/components/embed-code/embed-code.js b/new-app/components/embed-code/embed-code.js
new file mode 100644
index 0000000..79f3ece
--- /dev/null
+++ b/new-app/components/embed-code/embed-code.js
@@ -0,0 +1,28 @@
+import can from "can";
+import initView from "./embed-code.stache!";
+
+import "./embed-code.less!";
+import "components/embed-publish/";
+
+export default can.Component.extend({
+	tag : 'bh-embed-code',
+	template: initView,
+	scope : {
+		isCCOpen : false,
+		closeCC : function(ctx, el, ev){
+			if($(ev.target).is('.cc-wrap')){
+				this.attr('isCCOpen', false);
+			}
+		},
+		openCC : function(){
+			this.attr('isCCOpen', true);
+		},
+		presetEmbedCode : function(){
+			var tenantName = this.attr('appState.currentBrand.tenant_name');
+			var hub = this.attr('appState.currentHub');
+			var hubId = hub.attr('id');
+			var hubName = hub.attr('name');
+			return this.attr('preset').embedCode(tenantName, hubId, hubName);
+		}
+	}
+});
diff --git a/new-app/components/embed-code/embed-code.less b/new-app/components/embed-code/embed-code.less
new file mode 100644
index 0000000..f70e43f
--- /dev/null
+++ b/new-app/components/embed-code/embed-code.less
@@ -0,0 +1,16 @@
+bh-embed-code {
+    .cc-wrap {
+        position: fixed;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        background: rgba(0,0,0,0.5);
+        bh-embed-publish {
+            margin: 100px auto 0;
+            background: white;
+            width: 50%;
+            padding: 15px;
+        }
+    }
+}
diff --git a/new-app/components/embed-code/embed-code.stache b/new-app/components/embed-code/embed-code.stache
new file mode 100644
index 0000000..5b652da
--- /dev/null
+++ b/new-app/components/embed-code/embed-code.stache
@@ -0,0 +1,7 @@
+<input class="form-control" can-click="openCC" value="{{presetEmbedCode}}">
+{{#if isCCOpen}}
+  <div class="cc-wrap" can-click="closeCC">
+    <bh-embed-publish app-state="{appState}"></bh-embed-publish>
+  </div>
+{{/if}}
+
diff --git a/new-app/components/embed-publish/embed-publish.js b/new-app/components/embed-publish/embed-publish.js
new file mode 100644
index 0000000..2d1605e
--- /dev/null
+++ b/new-app/components/embed-publish/embed-publish.js
@@ -0,0 +1,125 @@
+/* globals Stripe:true */
+/* globals confirm:true */
+import can from "can";
+import initView from "./embed-publish.stache!";
+
+import Preset from "models/preset";
+import $ from "jquery";
+import _some from "lodash/collection/some";
+
+import "./embed-publish.less!";
+import "jquery.payment";
+import "can/map/define/";
+
+var CC = can.Map.extend({
+	parsedExpiration(){
+		return $.payment.cardExpiryVal(this.expiration || "");
+	},
+	month(){
+		return this.parsedExpiration().month;
+	},
+	year(){
+		return this.parsedExpiration().year;
+	},
+	numberNumberWithoutSpaces(){
+		return (this.number || "").replace(/[^0-9]/g, "");
+	}
+});
+
+var EmbedPublishVM = can.Map.extend({
+	isSaving: false,
+	init(){
+		this.attr({
+			cc : new CC(),
+			errors : null
+		});
+	},
+	showCCForm(){
+		return !this.attr('appState.currentSubscription').hasCC() || this.attr('changeCC');
+	},
+	validate(){
+		var cc = this.attr('cc');
+		var expiration = $.payment.cardExpiryVal(cc.expiration || "");
+		var errors = {};
+		var cardType = $.payment.cardType(cc.number || "");
+
+		errors.number = !$.payment.validateCardNumber(cc.number || "");
+		errors.expiration = !$.payment.validateCardExpiry(expiration.month, expiration.year);
+		errors.cvc = !$.payment.validateCardCVC(cc.cvc || "", cardType);
+		
+		this.attr('errors', errors);
+		return !_some(errors, function(val){
+			return val;
+		});
+	},
+	createSubscriptionAndPublishCurrentHub(){
+		var self = this;
+		var cc;
+		if(this.validate()){
+			this.attr('isSaving', true);
+			cc = this.attr('cc');
+			Stripe.card.createToken({
+				number: cc.numberNumberWithoutSpaces(),
+				cvc: cc.cvc,
+				exp_month: cc.month(),
+				exp_year: cc.year()
+			}, function(res, obj){
+				
+				$.post('/subscriptions/update', {stripe_token: obj.id}).then(function(){
+					self.attr('appState.currentHub').publish().then(function(){
+						self.attr('isSaving', false);
+						self.attr('appState.currentSubscription').reload();
+					});
+				});
+			});
+		}
+	},
+	publishCurrentHub : function(){
+		var self = this;
+		this.attr('isSaving', true);
+		this.attr('appState.currentHub').publish().then(function(){
+			self.attr('isSaving', false);
+		});
+	},
+	unpublishCurrentHub : function(){
+		var self = this;
+		if(confirm("Are you sure you want to unpublish this currentHub?")){
+
+			this.attr('isSaving', true);
+			this.attr('appState.currentHub').unpublish().then(function(){
+				self.attr('isSaving', false);
+			});
+		}
+	},
+	embedUrl(){
+		var appState = this.attr('appState');
+		var currentBrand = appState.attr('currentBrand');
+		var currentHub = appState.attr('currentHub');
+		var preset = Preset.PREVIEW;
+		
+		return preset.fullUrl(currentBrand.attr('tenant_name'), currentHub.attr('id'));
+	},
+	toggleChangeCC(){
+		var newState = !this.attr('changeCC');
+		can.batch.start();
+		if(newState){
+			this.attr('cc', new CC());
+		}
+		this.attr('changeCC', newState);
+		can.batch.stop();
+	}
+});
+
+can.Component.extend({
+	tag : "bh-embed-publish",
+	template : initView,
+	scope : EmbedPublishVM,
+	helpers : {
+		formatCC(format){
+			format = can.isFunction(format) ? format() : format;
+			return function(el){
+				$(el).payment('format' + format);
+			};
+		}
+	}
+});
diff --git a/new-app/components/embed-publish/embed-publish.less b/new-app/components/embed-publish/embed-publish.less
new file mode 100644
index 0000000..227e540
--- /dev/null
+++ b/new-app/components/embed-publish/embed-publish.less
@@ -0,0 +1,91 @@
+bh-embed-publish {
+    display: block;
+    padding: 15px 0;
+    .alert a {
+        font-size: 90%;
+    }
+    .expiration-cvc-wrap {
+        .form-group {
+            width: 50%;
+            float: left;
+            &:first-child {
+                padding-right: 15px;
+            }
+            &:last-child {
+                padding-left: 15px;
+            }
+        }
+    }
+    .panel-title {
+        font-weight: bold;
+    }
+    .button-wrap {
+        button {
+            float: right;
+        }
+    }
+    .cc-input, .cc-info {
+        background-position: -2px 50%;
+        background-repeat: no-repeat;
+        height: 42px;
+    }
+
+    .cc-info {
+        border: 1px solid #ddd;
+        border-radius: 3px;
+        line-height: 40px;
+        font-weight: bold;
+        background-color: #f6f6f6;
+        padding-left: 10px;
+    }
+
+    .published-hub-title {
+        margin: -15px -30px 0;
+        background: #e4e3e3;
+        border-bottom: 1px solid #ccc;
+        padding: 15px 30px;
+    }
+
+    .maestro, .mastercard, .forbrugsforeningen, .dankort, .visaelectron, .visa, .dinersclub, .discover, .jcb, .amex {
+        padding-left: 80px;
+    }
+    .maestro {
+        background-image: url(/images/cc/maestro.png);
+    }
+    .mastercard {
+        background-image: url(/images/cc/mastercard.png);
+    }
+    .forbrugsforeningen {
+        background-image: url(/images/cc/forbrugsforeningen.png);
+    }
+    .dankort {
+        background-image: url(/images/cc/dankort.png);
+    }
+    .visaelectron {
+        background-image: url(/images/cc/visaelectron.png);
+    }
+    .visa {
+        background-image: url(/images/cc/visa.png);
+    }
+    .amex {
+        background-image: url(/images/cc/amex.png);
+    }
+    .dinersclub {
+        background-image: url(/images/cc/dinersclub.png);
+    }
+    .discover {
+        background-image: url(/images/cc/discover.png);
+    }
+    .jcb {
+        background-image: url(/images/cc/jcb.png);
+    }
+    .change-cc-info {
+        display: block;
+        margin-top: 10px;
+    }
+    .unpublish-wrap {
+        margin: -20px -30px;
+        border-top: 1px solid #ccc;
+        padding: 20px 30px 0;
+    }
+}
diff --git a/new-app/components/embed-publish/embed-publish.stache b/new-app/components/embed-publish/embed-publish.stache
new file mode 100644
index 0000000..83b3743
--- /dev/null
+++ b/new-app/components/embed-publish/embed-publish.stache
@@ -0,0 +1,79 @@
+{{#if state.hub.published}}
+  <h4 class="published-hub-title"><b>This is a published and public hub</b></h4>
+  <div class="unpublish-wrap">
+    <h4><b>Unpublish Hub</b></h4>
+    <p>When you unpublish the hub, the embed code will be deactivated and any embedded BitHub feeds will no longer be visible on your webpage.</p>
+    <p><b>You will not be charged for unpublished hubs.</b></p>
+    <button can-click="unpublishHub" class="btn btn-primary" {{#isSaving}}disabled{{/isSaving}}>
+      {{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Unpublish Hub
+    </button>
+  </div>
+
+{{else}}
+	<h4><b>This hub is unpublished</b></h4>
+	<p>Unpublished hub can't be embedded in the site.</p>
+	<p>This hub is publicly available at the following link: <a href="{{embedUrl}}" target="_blank">{{embedUrl}}</a></p>
+	<p><b>After the hub is published you will immediately be presented with the embed code that can be placed on your site.</b></p>
+
+	<div class="alert alert-info">
+		Public hubs are charged <b>$7 per month</b>. <a href="#">Read more about our pricing here &raquo;</a>
+	</div>
+
+	<div class="panel panel-default">
+		<div class="panel-heading">
+			<h4 class="panel-title">Credit Card Info</h4>
+		</div>
+		<div class="panel-body cc-body">
+			{{#unless showCCForm}}
+				<p>The following credit card will be charged:</p>
+        <div class="cc-info">
+          {{state.currentSubscription.card.type}} **** **** **** {{state.currentSubscription.card.last4}}, Expiration {{state.currentSubscription.card.exp_month}}/{{state.currentSubscription.card.exp_year}}
+        </div>
+        <a href="javascript://" can-click="toggleChangeCC" class="change-cc-info">Change Credit Card info</a>
+{{else}}
+				<p>Please enter your credit card info to publish this hub.</p>
+				<div class="form-group {{#if errors.number}}has-error{{/if}}">
+					<label>Credit Card Number</label>
+					<input {{formatCC 'CardNumber'}} class="form-control input-lg cc-input" placeholder="•••• •••• •••• ••••" can-value="cc.number">
+					{{#if errors.number}}
+						<strong class="text-danger">Wrong Credit Card number</strong>
+					{{/if}}
+				</div>
+				<div class="expiration-cvc-wrap clearfix">
+					<div class="form-group {{#if errors.expiration}}has-error{{/if}}">
+						<label>Expiration (MM/YYYY)</label>
+						<input {{formatCC 'CardExpiry'}} class="form-control" placeholder="•• / ••" can-value="cc.expiration">
+						{{#if errors.expiration}}
+							<strong class="text-danger">Wrong expiration date</strong>
+						{{/if}}
+					</div>
+					<div class="form-group {{#if errors.cvc}}has-error{{/if}}">
+						<label>CVC</label>
+						<input {{formatCC 'CardCVC'}} class="form-control" placeholder="•••" can-value="cc.cvc">
+						{{#if errors.cvc}}
+							<strong class="text-danger">Wrong CVC number</strong>
+						{{/if}}
+					</div>
+				</div>
+				{{#if changeCC}}
+          <a href="javascript://" can-click="toggleChangeCC">Cancel</a>
+        {{/if}}
+{{/if}}
+		</div>
+	</div>
+  <p><i>By clicking "Publish" you authorize us to charge your credit card on monthly basis as long as the hub is published and public.</i></p>
+  <div class="button-wrap clearfix">
+    {{#if showCCForm}}
+      <button class="btn btn-primary" can-click="createSubscriptionAndPublishHub" {{#isSaving}}disabled{{/isSaving}}>
+        {{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Publish Hub
+      </button>
+    {{else}}
+      <button class="btn btn-primary" can-click="publishHub" {{#isSaving}}disabled{{/isSaving}}>
+        {{#isSaving}}<i class="fa fa-spin fa-circle-o-notch"></i>{{/isSaving}} Publish Hub
+      </button>
+    {{/if}}
+  </div>
+	
+	
+{{/if}}
+
diff --git a/new-app/components/empty-slate/empty-slate.js b/new-app/components/empty-slate/empty-slate.js
new file mode 100644
index 0000000..26e5d0a
--- /dev/null
+++ b/new-app/components/empty-slate/empty-slate.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from "./empty-slate.stache!";
+import "./empty-slate.less!";
+
+export default can.Component.extend({
+	tag: 'bh-empty-slate',
+	template: initView
+});
diff --git a/new-app/components/empty-slate/empty-slate.less b/new-app/components/empty-slate/empty-slate.less
new file mode 100644
index 0000000..9fcf2a4
--- /dev/null
+++ b/new-app/components/empty-slate/empty-slate.less
@@ -0,0 +1,4 @@
+bh-empty-slate {
+    display: block;
+    text-align: center;
+}
diff --git a/new-app/components/empty-slate/empty-slate.stache b/new-app/components/empty-slate/empty-slate.stache
new file mode 100644
index 0000000..5be5e8c
--- /dev/null
+++ b/new-app/components/empty-slate/empty-slate.stache
@@ -0,0 +1,2 @@
+<h1>Welcome to Bit<b>Hub</b>!</h1>
+<p>Add content to your hub to get started</p>
diff --git a/new-app/components/helpers.js b/new-app/components/helpers.js
new file mode 100644
index 0000000..7b7bd57
--- /dev/null
+++ b/new-app/components/helpers.js
@@ -0,0 +1,49 @@
+import stache from "can/view/stache/";
+import _reduce from "lodash-amd/modern/collection/reduce";
+
+
+var getHash = function(optsHash){
+	return _reduce(optsHash || {}, function(acc, val, key){
+		acc[key] = can.isFunction(val) ? val() : val;
+		return acc;
+	}, {});
+};
+
+stache.registerHelper('pageUrl', function(page, opts){
+	var hash = getHash(opts.hash);
+	hash.page = can.isFunction(page) ? page() : page;
+	return can.route.url(hash, false);
+});
+
+stache.registerHelper('tabUrl', function(tab){
+	tab = can.isFunction(tab) ? tab() : tab;
+	return can.route.url({tab: tab}, true);
+});
+
+stache.registerHelper('configErrors', function(errors, key, opts){
+	var res;
+	
+	errors = can.isFunction(errors) ? errors() : errors;
+	key = can.isFunction(key) ? key() : key;
+
+	if(errors){
+		errors = errors.attr(key) || [];
+
+		if(!errors.length){
+			 return;
+		}
+
+		res = ['<div class="alert alert-danger alert-error-list"><ul class="list-unstyled">'];
+		for(var i = 0; i < errors.length; i++){
+			res.push('<li>' + errors[i] + '</li>');
+		}
+		res.push('</ul></div>');
+		return res.join('');
+	}
+});
+
+stache.registerHelper('ifCanAddService', function(services, feed, type, opts){
+	console.log('ifCanAddService helper called')
+
+	return true ? opts.fn() : opts.inverse();
+});
diff --git a/new-app/components/layout/layout.js b/new-app/components/layout/layout.js
new file mode 100644
index 0000000..f60be91
--- /dev/null
+++ b/new-app/components/layout/layout.js
@@ -0,0 +1,44 @@
+import can from "can";
+import initView from "./layout.stache!";
+
+import appState from "models/app-state";
+import HubModel from "models/hub";
+
+import "./layout.less!";
+import "components/edit_hub_name/";
+import "components/empty-slate/";
+import "bit-tabs/";
+import "components/helpers";
+
+export default can.Component.extend({
+	tag : 'bh-layout',
+	template: initView,
+	scope : {
+		showServicesPanel: false,
+		init(){
+			this.attr('appState', appState);
+		},
+		toggleServicesPanel(){
+			this.attr('showServicesPanel', !this.attr('showServicesPanel'));
+		},
+		selectOrganization(ctx, el, ev){
+			var val = el.val();
+			if(val){
+				this.attr('appState').attr('currentOrganization', ctx);
+			}
+		},
+		selectHub(ctx, el, ev){
+			var val = el.val();
+			var newHub;
+			if(val){
+				newHub = this.attr('appState.hubs').filter(function(hub){
+					return hub.attr('id') ===  parseInt(val, 10);
+				})[0];
+
+
+
+				this.attr('appState').attr('currentHub', newHub);
+			}
+		},
+	}
+});
diff --git a/new-app/components/layout/layout.less b/new-app/components/layout/layout.less
new file mode 100644
index 0000000..d02258f
--- /dev/null
+++ b/new-app/components/layout/layout.less
@@ -0,0 +1,105 @@
+bh-layout {
+    .top-bar, .navigation {
+        height: 40px;
+        background: #0a0b0d;
+    }
+    .navigation {
+        background: white;
+    }
+    .logo {
+        background: #b1372a;
+        color: white;
+        display: inline-block;
+        height: 40px;
+        line-height: 40px;
+        font-size: 1.3em;
+        width: 100px;
+        text-align: center;
+    }
+    .select-wrap {
+        display: inline-block;
+        height: 40px;
+        width: 200px;
+    }
+    .inner-navigation-wrap {
+        padding: 0 100px;
+    }
+    bh-edit-hub-name { 
+        width: 265px;
+        float: left;
+    }
+    .add-edit-service-link {
+        float: right;
+        
+    }
+    .main-navigation {
+        display: block;
+        
+        ul {
+            text-align: center;
+            display: block;
+            margin: 0 auto;
+            width: 450px;
+            height: 35px;
+            position: relative;
+            top: -9px;
+            li {
+                padding: 0;
+                margin: 5px 0 0 0;
+                width: 150px;
+                height: 30px;
+                border-right: 1px solid #ccc;
+                background: transparent;
+                margin-left: -1px;
+                float: left;
+                &:last-child {
+                    border-right: none;
+                }
+                &.active {
+                    border-right: none;
+                    margin-top: 0;
+                    height: 40px;
+                    background: #4893a3;
+                    &:after {
+                        content: '';
+                        display: block;
+                        margin: 0 auto;
+                        width: 0;
+                        height: 0;
+                        border-style: solid;
+                        border-width: 5px 5px 0 5px;
+                        border-color: #4893a3 transparent transparent transparent;
+                    }
+                    a {
+                        height: 40px;
+                        line-height: 40px;
+                        color: white;
+                    }
+                }
+                a {
+                    display: block;
+                    height: 30px;
+                    line-height: 30px;
+                    
+                }
+            }
+        }
+    }
+    .overlay {
+        position: fixed;
+        top: 40px;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0,0,0,0.5);
+        .services-panel-wrap {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            right: 0;
+            width: 400px;
+            padding: 15px;
+            background: white;
+        }
+    }
+}
diff --git a/new-app/components/layout/layout.stache b/new-app/components/layout/layout.stache
new file mode 100644
index 0000000..a369d57
--- /dev/null
+++ b/new-app/components/layout/layout.stache
@@ -0,0 +1,87 @@
+<div class="top-bar">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-12">
+          <a href="#" class="logo">Bit<b>Hub</b></a>
+          <div class="select-wrap">
+            <select class="form-control input-sm" can-change="selectOrganization">
+              <option value="">Select Organization</option>
+              {{#each appState.currentAccount.organizations}}
+                <option value="{{id}}" {{#eq id appState.currentOrganization.id}}selected{{/eq}}>{{name}}</option>
+              {{/each}}
+            </select>
+          </div>
+          <div class="select-wrap">
+            <select class="form-control input-sm" can-change="selectHub">
+              <option value="">Select Hub</option>
+              {{#each appState.hubs}}
+                <option value="{{id}}" {{#eq id appState.currentHub.id}}selected{{/eq}}>{{name}}</option>
+              {{/each}}
+            </select>
+          </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+<div class="navigation">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-12">
+        <bh-edit-hub-name hub="{appState.currentHub}"></bh-edit-hub-name>
+        <a href="javascript://" class="add-edit-service-link" can-click="toggleServicesPanel">Add / Edit Service</a>
+        <div class="main-navigation">
+          <ul class="list-unstyled">
+            <li {{#eq appState.page "moderation"}}class="active"{{/eq}}>
+              <a href='{{pageUrl "moderation"}}'>Moderation</a>
+            </li>
+            <li {{#eq appState.page "publish"}}class="active"{{/eq}}>
+              <a href='{{pageUrl "publish"}}'>Publish</a>
+            </li>
+            <li {{#eq appState.page "analytics"}}class="active"{{/eq}}>
+              <a href='{{pageUrl "analytics"}}'>Analytics</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+{{#eq appState.page "moderation"}}
+  <can-import from="components/moderate-page/">
+    {{#eq state "resolved"}}
+      <bh-moderate-page app-state="{appState}"></bh-moderate-page>
+    {{/eq}}
+  </can-import>
+{{/eq}}
+
+{{#eq appState.page "publish"}}
+  <can-import from="components/publish-page/">
+    {{#eq state "resolved"}}
+      <bh-publish-page app-state="{appState}"></bh-publish-page>
+    {{/eq}}
+  </can-import>
+{{/eq}}
+
+{{#eq appState.page "analytics"}}
+  <can-import from="components/analytics-page/">
+    {{#eq state "resolved"}}
+      <bh-analytics-page app-state="{appState}"></bh-analytics-page>
+    {{/eq}}
+  </can-import>
+{{/eq}}
+
+{{#if showServicesPanel}}
+  <div class="overlay">
+    <div class="services-panel-wrap">
+      <can-import from="components/services/">
+        {{#eq state "resolved"}}
+          <a href="javascript://" can-click="toggleServicesPanel">Close</a>
+          <bh-services app-state="{appState}"></bh-services>
+        {{/eq}}
+      </can-import>
+    </div>
+  </div>
+
+{{/if}}
diff --git a/new-app/components/moderate-page/moderate-page.js b/new-app/components/moderate-page/moderate-page.js
new file mode 100644
index 0000000..bda57df
--- /dev/null
+++ b/new-app/components/moderate-page/moderate-page.js
@@ -0,0 +1,17 @@
+import can from "can";
+import initView from "./moderate-page.stache!";
+
+import "./moderate-page.less!";
+import "components/empty-slate/";
+import "components/admin-embed/";
+import "components/moderation/";
+
+export default can.Component.extend({
+	tag: 'bh-moderate-page',
+	template: initView,
+	scope : {
+		hasContent(){
+			return true;
+		}
+	}
+});
diff --git a/new-app/components/moderate-page/moderate-page.less b/new-app/components/moderate-page/moderate-page.less
new file mode 100644
index 0000000..e69de29
diff --git a/new-app/components/moderate-page/moderate-page.stache b/new-app/components/moderate-page/moderate-page.stache
new file mode 100644
index 0000000..ad38441
--- /dev/null
+++ b/new-app/components/moderate-page/moderate-page.stache
@@ -0,0 +1,25 @@
+{{#if hasContent}}
+  <can-import from="components/moderation-toolbar/moderation-toolbar.component!"/>
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-12">
+        <bh-moderation app-state="{appState}" class="clearfix"></bh-moderation>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-12">
+        <bh-moderation-toolbar></bh-moderation-toolbar>
+      </div>
+    </div>
+    
+    <div class="row">
+      <div class="col-xs-12">
+        {{#appState.tab}}
+          <bh-admin-embed app-state="{appState}" tab="{.}"></bh-admin-embed>
+        {{/appState.tab}}
+      </div>
+    </div>
+  </div>
+{{else}}
+  <bh-empty-slate></bh-empty-slate>
+{{/if}}
diff --git a/new-app/components/moderation-rules/moderation-rules-test.js b/new-app/components/moderation-rules/moderation-rules-test.js
new file mode 100644
index 0000000..54fe635
--- /dev/null
+++ b/new-app/components/moderation-rules/moderation-rules-test.js
@@ -0,0 +1,124 @@
+import "./moderation-rules";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import Models from "models/";
+
+var template = can.stache("<bh-moderation-rules filters='{filters}' hub='{hub}'></bh-moderation-rules>");
+
+var filterData = {
+	"natlang_queries": [
+		{
+			"is_negated": false,
+			"val": "foober",
+			"op": "contains_all",
+			"attr_name": "content",
+			"id": 10001
+		}
+	],
+	"embed_id": 10001,
+	"action": "block",
+	"id": 10001
+};
+
+var Hub = can.Map.extend({});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var renderTemplateAndCheckForFilters = function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules').exists('Moderation rules are rendered');
+	F('bh-moderation-rules .filter-wrap').size(1, 'Filter is rendered');
+};
+
+
+QUnit.module('Moderation rules test');
+
+QUnit.test('Filters are rendered', function(){
+	renderTemplateAndCheckForFilters();
+});
+
+QUnit.test('Filters can be added', function(){
+	renderTemplateAndCheckForFilters();
+	F('bh-moderation-rules [can-click=addFilter]').click();
+	F('bh-moderation-rules .filter-wrap').size(2, 'Filter is added');
+});
+
+QUnit.test('Filters can be removed', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules [can-click=markToDestroy]').click();
+	F('bh-moderation-rules .filter-wrap').size(0, 'Filter is removed');
+	F.wait(1, function(){
+		ok(filters[0].__shouldDelete, 'Filter is marked for deletion');
+	});
+});
+
+QUnit.test('Input fields', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 1});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+
+	F('bh-moderation-rules textarea[can-value=val]').exists('Textarea is rendered');
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.op', 'is');
+		F('bh-moderation-rules input[can-value=val]').exists('Input field is rendered');
+		
+	});
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.op', 'contains_phrase');
+		F('bh-moderation-rules input[can-value=val]').exists('Input field is rendered');
+	});
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.attr_name', 'feed_name');
+		F('bh-moderation-rules select[can-value=val]').exists('Select field is rendered');
+	});
+	
+});
+
+QUnit.test('Available Verbs', function(){
+	var filters = new Models.Filter.List([
+		new Models.Filter(filterData)
+	]);
+	var hub = new Hub({id : 10001});
+
+	renderTemplate({
+		filters: filters,
+		hub: hub
+	});
+	
+	F('bh-moderation-rules select[can-value=operation] option').size(9, 'All verbs are available');
+
+	F.wait(1, function(){
+		filters.attr('0.natlang_queries.0.attr_name', 'feed_name');
+		F('bh-moderation-rules select[can-value=operation] option').size(2, 'For feeds, only 2 verbs are available');
+	});
+});
diff --git a/new-app/components/moderation-rules/moderation-rules.js b/new-app/components/moderation-rules/moderation-rules.js
new file mode 100644
index 0000000..fe42065
--- /dev/null
+++ b/new-app/components/moderation-rules/moderation-rules.js
@@ -0,0 +1,100 @@
+import can from "can";
+import initView from "./moderation-rules.stache!";
+import Models from "models/";
+import "./moderation-rules.less!";
+
+var TITLES = {
+	approve : "<b>Automatically approve items</b> matching the following rules:",
+	block   : "<b>Automatically block items</b> matching the following rules"
+};
+
+var VERBS = {
+	"pos:contains_all"    : "Contains all words",
+  "pos:contains_any"    : "Contains any",
+	"pos:contains_phrase" : "Contains a phrase",
+  "pos:is"              : "Is equal to",
+  "neg:is"              : "Isn't equal to",
+	"pos:starts_with"     : "Starts with",
+	"neg:starts_with"     : "Doesn't start with",
+	"pos:ends_with"       : "Ends with",
+	"neg:ends_with"       : "Doesn't end with"
+};
+
+var FILTERS = {
+	content   : "Content",
+	title     : "Title",
+	author    : "Author",
+	feed_name : "Feed"
+};
+
+var FILTER_VERBS = {
+	feed_name : ['pos:is', 'neg:is']
+};
+
+can.Component.extend({
+	tag : 'bh-moderation-rules',
+	template : initView,
+	scope: {
+		addFilter : function(){
+			this.attr('filters').addFilter(this.attr('hub.id'));
+		},
+		title : function(){
+			return TITLES[this.attr('filters.action')];
+		},
+		availableFilters : FILTERS,
+		filtersNotMarkedForDelete : function(){
+			var filters = this.attr('filters');
+			filters.attr('length');
+			return can.grep(filters, function(f){
+				return !f.attr('__shouldDelete');
+			});
+		},
+		feeds : Models.Service.feeds
+	},
+	events : {
+		"[can-click=addFilter],[can-click=markToDestroy] click" : function(el, ev){
+			ev.preventDefault();
+		}
+	},
+	helpers : {
+		templateIs : function(template, query, opts){
+			var templateShouldBe = 'textarea';
+			template = can.isFunction(template) ? template() : template;
+			query = can.isFunction(query) ? query() : query;
+
+			if(query.attr('op') === 'is' || query.attr('op') === 'contains_phrase'){
+				templateShouldBe = 'input';
+			}
+
+			if(query.attr('attr_name') === 'feed_name'){
+				templateShouldBe = 'feed_select';
+			}
+
+			if(template === templateShouldBe){
+				return opts.fn();
+			}
+		},
+		verbsForQuery : function(query, opts){
+			var attr_name = query.attr('attr_name');
+			var verbs = VERBS;
+			var verbsSubset = FILTER_VERBS[attr_name];
+			var html = [];
+
+			query = can.isFunction(query) ? query() : query;
+			
+			if(verbsSubset){
+				verbs = {};
+				for(var i = 0; i < verbsSubset.length; i++){
+					verbs[verbsSubset[i]] = VERBS[verbsSubset[i]];
+				}
+			}
+
+			for(var k in verbs){
+				if(verbs.hasOwnProperty(k)){
+					html.push(opts.fn(opts.scope.add({filter: k, name: verbs[k]})));
+				}
+			}
+			return html;
+		}
+	}
+});
diff --git a/new-app/components/moderation-rules/moderation-rules.less b/new-app/components/moderation-rules/moderation-rules.less
new file mode 100644
index 0000000..0f1450a
--- /dev/null
+++ b/new-app/components/moderation-rules/moderation-rules.less
@@ -0,0 +1,53 @@
+bh-moderation-rules {
+    display: block;
+    background: white;
+    padding: 15px;
+    .op-wrap, .attr-wrap  {
+        float: left;
+        width: 44%;
+        margin-right: 2%;
+    }
+    .val-wrap {
+        width: 90%;
+        clear: both;
+        padding-top: 10px;
+    }
+    .remove-filter-wrap {
+        float: right;
+        width: 7%;
+        .btn {
+            width: 100%;
+            padding-left: 0;
+            padding-right: 0;
+            text-align: center;
+        }
+    }
+    .btn-add-rule {
+        margin-bottom: 10px;
+    }
+    .filter-wrap {
+        padding: 0 25px 20px;
+        border-bottom: 1px solid #ddd;
+        margin: 0 -15px 20px;
+        &:after {
+            content: "OR";
+            display: block;
+            background: #fff;
+            font-weight: bold;
+            font-style: italic;
+            margin: 0 auto -15px;
+            width: 50px;
+            text-align: center;
+            color: #666;
+            position: relative;
+            top: 15px;
+        }
+        &:last-child {
+            border-bottom: none;
+            padding-bottom: 0;
+            &:after {
+                display: none;
+            }
+        }
+    }
+}
diff --git a/new-app/components/moderation-rules/moderation-rules.stache b/new-app/components/moderation-rules/moderation-rules.stache
new file mode 100644
index 0000000..ec9d54f
--- /dev/null
+++ b/new-app/components/moderation-rules/moderation-rules.stache
@@ -0,0 +1,55 @@
+<h4>{{{ title }}}</h4>
+
+<button class="btn btn-primary btn-sm btn-add-rule" can-click="addFilter">Add Rule</button>
+<div class="form-group">
+
+	<div>
+		{{#each filtersNotMarkedForDelete}}
+			<div class="filter-wrap clearfix">
+				<div class="remove-filter-wrap">
+					<button class="btn btn-default" can-click="markToDestroy">
+            -
+					</button>
+				</div>
+				{{#each natlang_queries}}
+					<div class="attr-wrap">
+						<select class="form-control" can-value="attr_name">
+							{{#each availableFilters}}
+								<option value="{{@key}}">{{.}}</option>
+							{{/each}}
+						</select>
+					</div>
+					<div class="op-wrap">
+						<select class="form-control" can-value="operation">
+							{{#verbsForQuery this}}
+								<option value="{{ filter }}">{{ name }}</option>
+							{{/verbsForQuery}}
+						</select>
+					</div>
+					<div class="val-wrap">
+						{{#templateIs 'textarea' this}}
+							<textarea class="form-control" can-value="val"></textarea>
+							<p class="help-block">Separate the words with spaces</p>
+						{{/templateIs}}
+
+						{{#templateIs 'input' this}}
+							<input class="form-control" type="text" can-value="val"/>
+							<p class="help-block">Whole phrase will be matched</p>
+						{{/templateIs}}
+
+						{{#templateIs 'feed_select' this}}
+							<select can-value="val" class="form-control">
+								{{#each feeds}}
+									<option value="{{@key}}">{{ . }}</option>
+								{{/each}}
+							</select>
+						{{/templateIs}}
+					</div>
+				{{/each}}
+			</div>
+			
+			
+		{{/each}}
+	</div>
+</div>
+
diff --git a/new-app/components/moderation-toolbar/moderation-toolbar.component b/new-app/components/moderation-toolbar/moderation-toolbar.component
new file mode 100644
index 0000000..5939eac
--- /dev/null
+++ b/new-app/components/moderation-toolbar/moderation-toolbar.component
@@ -0,0 +1,14 @@
+<can-component tag="bh-moderation-toolbar">
+  <can-import from="components/moderation-toolbar/moderation-toolbar.less!"/>
+  <template>
+    <can-import from="components/helpers">
+
+    <ul class="nav nav-tabs">
+      <li {{#eq appState.tab "inbox"}}class="active"{{/eq}}><a href="{{tabUrl 'inbox'}}">Inbox</a></li>
+      <li {{#eq appState.tab "approved"}}class="active"{{/eq}}><a href="{{tabUrl 'approved'}}">Approved</a></li>
+      <li {{#eq appState.tab "starred"}}class="active"{{/eq}}><a href="{{tabUrl 'starred'}}">Starred</a></li>
+      <li {{#eq appState.tab "deleted"}}class="active"{{/eq}}><a href="{{tabUrl 'deleted'}}">Deleted</a></li>
+    </ul>
+    </can-import>
+  </template>
+</can-component>
diff --git a/new-app/components/moderation-toolbar/moderation-toolbar.less b/new-app/components/moderation-toolbar/moderation-toolbar.less
new file mode 100644
index 0000000..3402a20
--- /dev/null
+++ b/new-app/components/moderation-toolbar/moderation-toolbar.less
@@ -0,0 +1,4 @@
+moderation-toolbar {
+    display: block;
+    
+}
diff --git a/new-app/components/moderation/moderation.js b/new-app/components/moderation/moderation.js
new file mode 100644
index 0000000..ba8a3a6
--- /dev/null
+++ b/new-app/components/moderation/moderation.js
@@ -0,0 +1,86 @@
+import can from "can";
+import initView from "./moderation.stache!";
+import Models from "models/";
+
+import "./moderation.less!";
+import "can/map/define/";
+import "components/moderation-rules/";
+
+var parseTruthy = function(el){
+	return !!parseInt(el.val(), 10);
+};
+
+var ModerationVM = can.Map.extend({
+	isSaving : false,
+	hasErrors: false,
+	approveSomeAutomatically: false,
+	blockSomeAutomatically: false,
+	isModerationOpen : false,
+	init : function(){
+		var self = this;
+		var id = this.attr('appState.currentHub.id');
+		Models.Filter.findAll({embed_id: id}, function(filters){
+			var blocking = filters.blocking();
+			var approving = filters.approving();
+			var approveSomeAutomatically = approving.attr('length') > 0;
+			var blockSomeAutomatically = blocking.attr('length') > 0;
+			self.attr({
+				blockingFilters: blocking,
+				approvingFilters: approving,
+				approveSomeAutomatically: approveSomeAutomatically,
+				blockSomeAutomatically: blockSomeAutomatically
+			});
+		});
+	},
+	toggleModerationSettings : function(){
+		this.attr('isModerationOpen', !this.attr('isModerationOpen'));
+	},
+	saveHub : function(ctx, el, ev){
+		var self = this;
+		this.attr({
+			hasErrors: false,
+			isSaving: true
+		});
+
+		$.when(
+			this.attr('appState.currentHub').save(),
+			this.attr('blockingFilters').saveOrDestroy(),
+			this.attr('approvingFilters').saveOrDestroy()
+		).then(function(){
+			self.attr('isSaving', false);
+			self.attr('appState.currentHub').moderate().then(function(){
+				self.attr('appState').resetEmbed();
+			});
+		}, function(){
+			self.attr('hasErrors', true);
+		});
+	},
+	
+	toggleApprovedByDefault : function(ctx, el){
+		this.attr('state.hub.approved_by_default', parseTruthy(el));
+	},
+	toggleSomeApprovedAutomatically : function(ctx, el){
+		this.attr('approveSomeAutomatically', parseTruthy(el));
+	},
+	toggleSomeBlockedAutomatically : function(ctx, el){
+		this.attr('blockSomeAutomatically', parseTruthy(el));
+	},
+	isApproveSomeAutomatically : function(){
+		var hasApproveSomeAutomatically = this.attr('approveSomeAutomatically');
+		var hasApprovingFilters = this.attr('approvingFilters.length');
+		
+		return hasApproveSomeAutomatically || hasApprovingFilters;
+	},
+	isBlockSomeAutomatically: function(){
+		var hasBlockSomeAutomatically = this.attr('blockSomeAutomatically');
+		var hasBlockingFilters = this.attr('blockingFilters.length');
+		
+		return hasBlockSomeAutomatically || hasBlockingFilters;
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-moderation',
+	template : initView,
+	scope : ModerationVM
+});
diff --git a/new-app/components/moderation/moderation.less b/new-app/components/moderation/moderation.less
new file mode 100644
index 0000000..340007e
--- /dev/null
+++ b/new-app/components/moderation/moderation.less
@@ -0,0 +1,32 @@
+bh-moderation {
+	display: block;
+	padding: 15px 0;
+	.options-wrapper {
+		background: #fafafa;
+		border-radius: 3px;
+		margin: 15px 0;
+		padding: 15px;
+	}
+	.buttons-wrapper {
+		padding: 15px;
+    text-align: center;
+	}
+
+  .moderation-rules-form {
+      background: white;
+  }
+
+
+  bh-moderation-rules.approving {
+      h4 b {
+          color: green;
+      }
+  }
+
+  bh-moderation-rules.blocking {
+      h4 b {
+          color: red;
+      }
+  }
+
+}
diff --git a/new-app/components/moderation/moderation.stache b/new-app/components/moderation/moderation.stache
new file mode 100644
index 0000000..344f974
--- /dev/null
+++ b/new-app/components/moderation/moderation.stache
@@ -0,0 +1,33 @@
+<div class="clearfix">
+  <button class="btn btn-link pull-right" can-click="toggleModerationSettings">Moderation Settings</button>
+</div>
+
+{{#if isModerationOpen}}
+  <form>
+    <div class="form moderation-rules-form">
+      <div class="row">
+        <div class="col-xs-6">
+          <bh-moderation-rules filters="{approvingFilters}" hub="{appState.currentHub}" class="approving clearfix"></bh-moderation-rules>
+        </div>
+        <div class="col-xs-6">
+          <bh-moderation-rules filters="{blockingFilters}" hub="{appState.currentHub}" class="blocking clearfix"></bh-moderation-rules>
+        </div>
+      </div>
+
+
+	    {{#isSaving}}
+		    <div class="alert alert-info">
+			    <i class="fa fa-spin fa-circle-o-notch"></i> Saving&hellip;
+		    </div>
+	    {{/isSaving}}
+	    {{#hasErrors}}
+		    <div class="alert alert-danger">
+			    There was a problem with the moderation update!
+		    </div>
+	    {{/hasErrors}}
+	    <div class="buttons-wrapper">
+		    <button class="btn btn-primary btn-save-moderation" can-click="saveHub">Save moderation rules</button>
+	    </div>
+    </div>
+  </form>
+{{/if}}
diff --git a/new-app/components/moderation/moderation_test.js b/new-app/components/moderation/moderation_test.js
new file mode 100644
index 0000000..0c5cf54
--- /dev/null
+++ b/new-app/components/moderation/moderation_test.js
@@ -0,0 +1,205 @@
+import "./moderation";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+
+var template = can.stache("<bh-moderation state='{state}'></bh-moderation>");
+
+var Hub = can.Map.extend({
+	save : function(){
+		QUnit.ok(true, 'Save Called');
+	}
+});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+
+var State = can.Map.extend({
+	resetEmbed : function(){
+		ok(true, "Reset Embed Called");
+	}
+});
+
+var Hub = can.Map.extend({
+	moderate : function(){
+		ok(true, "Moderate called");
+		return can.Deferred().resolve({id: this.attr('id')}).promise();
+	},
+	save : function(){
+		ok(true, "Save called");
+		return can.Deferred().resolve({id: this.attr('id')}).promise();
+	}
+});
+
+QUnit.module("Moderation Tests", {
+	beforeEach : function(){
+		var fixtureData = [
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "foober",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 1
+					}
+				],
+				"embed_id": "blocking-and-approving",
+				"action": "block",
+				"id": 1
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "testing",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 2
+					}
+				],
+				"embed_id": "blocking-and-approving",
+				"action": "approve",
+				"id": 2
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "testing",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 3
+					}
+				],
+				"embed_id": "approving",
+				"action": "approve",
+				"id": 3
+			},
+			{
+				"natlang_queries": [
+					{
+						"is_negated": false,
+						"val": "foober",
+						"op": "contains_all",
+						"attr_name": "content",
+						"id": 4
+					}
+				],
+				"embed_id": "blocking",
+				"action": "block",
+				"id": 4
+			}
+		];
+
+		var STORE = fixture.store(fixtureData);
+		fixture({
+			"/api/v3/filters": STORE.findAll,
+			"PUT /api/v3/filters/{id}" : STORE.update,
+			"DELETE /api/v3/filters/{id}" : STORE.destroy
+		});
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture({
+			"/api/v3/filters" : null,
+			"PUT /api/v3/filters/{id}" : null,
+			"DELETE /api/v3/filters/{id}" : null
+		});
+		fixture.on = false;
+	}
+});
+
+QUnit.test("Moderation with blocking and approving", 7, function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+
+	F('bh-moderation').exists('Moderation is rendered');
+	F('input[can-change=toggleApprovedByDefault][value=0]:checked')
+		.exists('Hub items are not approved by default');
+	F('bh-moderation bh-moderation-rules.approving').exists('Approving filters are rendered');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters are rendered');
+	F('bh-moderation button.btn-save-moderation').click();
+});
+
+QUnit.test("Moderation with only blocking filters present", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.approving').missing('Approving filters are missing');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters exist');
+});
+
+QUnit.test("Moderation with only approving filters present", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'approving',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.blocking').missing('Blocking filters are missing');
+	F('bh-moderation bh-moderation-rules.approving').exists('Approving filters exist');
+});
+
+QUnit.test("Both moderation and approving filters exist, but only blocking should be shown because hub is approving by default", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: true
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation bh-moderation-rules.approving').missing('Approving filters are missing');
+	F('bh-moderation bh-moderation-rules.blocking').exists('Blocking filters exist');
+});
+
+QUnit.test("Add filter", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation .filter-wrap').size(2, 'Two moderation filters are rendered');
+	F('bh-moderation [can-click=addFilter]:first').click();
+	F('bh-moderation .filter-wrap').size(3, 'Three moderation filters are rendered');
+});
+
+QUnit.test("Remove filter", function(){
+	renderTemplate({
+		state: new State({
+			hub: new Hub({
+				id: 'blocking-and-approving',
+				approved_by_default: false
+			})
+		})
+	});
+	F('bh-moderation').exists('Moderation is rendered');
+	F('bh-moderation .filter-wrap').size(2, 'Two moderation filters are rendered');
+	F('bh-moderation .filter-wrap:first [can-click=markToDestroy]').click();
+	F('bh-moderation .filter-wrap').size(1, 'One filter is marked for destroying');
+});
diff --git a/new-app/components/oauthorizer/oauthorizer.js b/new-app/components/oauthorizer/oauthorizer.js
new file mode 100644
index 0000000..511e38b
--- /dev/null
+++ b/new-app/components/oauthorizer/oauthorizer.js
@@ -0,0 +1,205 @@
+import can from "can";
+import initView from "./oauthorizer.stache!";
+import Models from "models/";
+
+import "./oauthorizer.less!";
+import "can/map/define/";
+
+var getIdentityProvider = function(feed){
+	if(feed === 'youtube'){
+		return 'google_oauth2';
+	}
+	return feed;
+};
+
+var OAuthURL = function(feed){
+	return '/auth/' + getIdentityProvider(feed);
+};
+
+var OAuthConnect = function(feed) {
+	var windowPropsStr     = "width=800,height=600,scrollbars=yes",
+			title              = "OAuth Login",
+			url                = OAuthURL(feed),
+			oauthWindow        = window.open(url, title, windowPropsStr),
+			def                = can.Deferred(),
+			oauthWindowSweeper = window.setInterval(function() {
+				if (oauthWindow.closed) {
+					clearInterval(oauthWindowSweeper);
+					def.resolve();
+				}
+			}, 100);
+	return def;
+};
+
+
+var BUTTON_LABELS = {
+	facebook   : '<i class="fa fa-facebook-square"></i> Log in with Facebook',
+	twitter    : 'Sign in with Twitter',
+	github     : 'Log in in with GitHub',
+	meetup     : 'Log in with Meetup',
+	foursquare : 'Log in with Foursquare',
+	instagram  : 'Log in with Instagram',
+	disqus     : 'Log in with Disqus'
+};
+
+var SERVICE_LABELS = {
+	facebook   : 'Facebook',
+	twitter    : 'Twitter',
+	github     : 'GitHub',
+	meetup     : 'Meetup',
+	foursquare : 'Foursquare',
+	instagram  : 'Instagram',
+	disqus     : 'Disqus',
+};
+
+var compareIdentities = function(a, b){
+	if(a.created_at_timestamp > b.created_at_timestamp){
+		return -1;
+	}
+	if(a.created_at_timestamp < b.created_at_timestamp){
+		return 1;
+	}
+	return 0;
+};
+
+can.Component.extend({
+	tag : 'bh-oauthorizer',
+	template : initView,
+	scope : {
+		define : {
+			accountType : {
+				set : function(val){
+					if(val === 'new'){
+						this.attr('service').attr('brand_identity_id', null);
+					} else if(this.attr('identities')) {
+						this.selectFirstIdentity();
+					}
+					return val;
+				}
+			}
+		},
+		selectedService : null,
+		accountType : 'existing',
+		init : function(){
+			var self = this;
+			Models.Identity.findAll({}).then(function(identities){
+				can.batch.start();
+				self.attr({
+					accountType: 'existing',
+					identities: identities,
+				});
+				self.selectFirstIdentity();
+				can.batch.stop();
+			});
+		},
+		serviceLabel : function(){
+			return SERVICE_LABELS[this.attr('feed')];
+		},
+		useExistingAccount : function(){
+			return this.attr('accountType') === 'existing';
+		},
+		addNewAccount : function(){
+			return this.attr('accountType') === 'new';
+		},
+		toggleAccountType : function(ctx, el){
+			this.attr('accountType', el.data('accountType'));
+		},
+		isAuthorized : function(){
+			return this.hasIdentityForService(this.attr('feed'));
+		},
+		setServiceBrandIdentityId : function(id){
+			this.attr('service').attr('brand_identity_id', parseInt(id, 10));
+		},
+		selectFirstIdentity : function(){
+			var identities = this.identitiesForCurrentService();
+      if(identities.length){
+				this.setServiceBrandIdentityId(identities[0].id);
+			}
+    },
+		identitiesForCurrentService : function(){
+			var currentService = this.attr('feed');
+			return can.grep(this.attr('identities'), function(identity){
+				return identity.attr('provider') === getIdentityProvider(currentService);
+			});
+		},
+		hasIdentityForService : function(service){
+			var identities = this.attr('identities'),
+					length = identities.attr('length');
+
+			for(var i = 0; i < length; i++){
+				if(identities.attr(i + '.provider') === getIdentityProvider(service)){
+					return true;
+				}
+			}
+			return false;
+		},
+		buttonLabel : function(){
+			return BUTTON_LABELS[this.attr('feed')] || 'Authorize Service';
+		},
+		identities: null,
+		isAuthorizing : false,
+		isAuthorizingOrHasIdentity : function(){
+			var hasIdentity = !!this.attr('service.brand_identity_id');
+			return this.attr('isAuthorizing') || hasIdentity;
+		},
+		isPending : function(){
+			return this.attr('identities') === null;
+		},
+		oauthorize : function(ctx, el, ev){
+			var self = this,
+					feed = this.attr('feed');
+
+			ev.preventDefault();
+
+			if(this.attr('service.brand_identity_id')){
+				return;
+			}
+
+			if(!feed){
+				throw "You must initialize bh-oauthorizer component with the `feed` attribute";
+			}
+
+			this.attr('isAuthorizing', true);
+
+			OAuthConnect(feed).then(function(){
+				Models.Identity.findAll({}).then(function(identities){
+					self.attr({
+						identities : identities,
+						isAuthorizing : false,
+						accountType: 'existing'
+					});
+				});
+			});
+		}
+	},
+	events : {
+		"{scope} isAuthorizing" : function(scope, ev, newVal){
+			var self = this;
+
+			if(newVal){
+				return;
+			}
+
+			setTimeout(function(){
+				var identities = self.scope.identitiesForCurrentService();
+				if(identities.length){
+					identities.sort(compareIdentities);
+					self.scope.setServiceBrandIdentityId(identities[0].id);
+					self.element.find('select.service-brand').val(identities[0].id);
+				}
+			}, 10);
+		}
+	},
+	helpers : {
+		ifServiceIs : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			if(service === this.attr('feed')){
+				return opts.fn();
+			}
+		},
+		withSelectedService : function(opts){
+			var selectedService = this.attr('service').attr('brand_identity_id');
+			return selectedService && opts.fn();
+		}
+	}
+});
diff --git a/new-app/components/oauthorizer/oauthorizer.less b/new-app/components/oauthorizer/oauthorizer.less
new file mode 100644
index 0000000..3dba572
--- /dev/null
+++ b/new-app/components/oauthorizer/oauthorizer.less
@@ -0,0 +1,26 @@
+bh-oauthorizer {
+	display: block;
+	.oauthorizer-loader {
+		height: 20px;
+		line-height: 20px;
+	}
+	.oauthorize-help {
+		margin: 15px -15px 0;
+		padding: 15px 15px 0;
+		border-top: 1px solid #ccc;
+		color: #333;
+		h4 {
+			margin-top: 0;
+		}
+		p {
+			margin-bottom: 0;
+		}
+	}
+	.account-tabs {
+		margin: 0 -15px 20px;
+		padding: 0 15px;
+		.active a, .active a:active, .active a:focus, .active a:hover {
+			background: #fafafa;
+		}
+	}
+}
\ No newline at end of file
diff --git a/new-app/components/oauthorizer/oauthorizer.stache b/new-app/components/oauthorizer/oauthorizer.stache
new file mode 100644
index 0000000..a3d4308
--- /dev/null
+++ b/new-app/components/oauthorizer/oauthorizer.stache
@@ -0,0 +1,60 @@
+{{#if isPending}}
+	<div class="loader oauthorizer-loader">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading...
+	</div>
+{{else}}
+
+	{{#if identitiesForCurrentService.length}}
+		{{#if service.isNew}}
+
+			<ul class="nav nav-tabs account-tabs">
+				<li {{#if useExistingAccount}}class="active"{{/if}}>
+					<a href="javascript://" data-account-type="existing" can-click="toggleAccountType">Use Existing Account</a>
+				</li>
+				<li {{#if addNewAccount}}class="active"{{/if}}>
+					<a href="javascript://" data-account-type="new" can-click="toggleAccountType">Add New Account</a>
+				</li>
+			</ul>
+
+			{{#if useExistingAccount}}
+				<div class="select-wrap form-group">
+					<label>{{ serviceLabel }} Account</label>
+					<select class="form-control service-brand" can-value="service.brand_identity_id">
+						{{#each identitiesForCurrentService}}
+							<option value="{{ id }}">{{ name }}</option>
+						{{/each}}
+					</select>
+				</div>
+			{{/if}}
+
+			{{#if addNewAccount}}
+				<button class="btn btn-primary oauthorize" can-click="oauthorize" {{#isAuthorizingOrHasIdentity}}disabled{{/isAuthorizingOrHasIdentity}}>
+					{{#isAuthorizing}}
+						<i class="fa fa-spin fa-circle-o-notch"></i>
+					{{/isAuthorizing}}
+					{{{buttonLabel}}
+				</button>
+			{{/if}}
+
+		{{/if}}
+		{{#withSelectedService}}
+			<content></content>
+		{{/withSelectedService}}
+	{{else}}
+		<button class="btn btn-primary oauthorize" can-click="oauthorize" {{#isAuthorizing}}disabled{{/isAuthorizing}}>
+			{{#isAuthorizing}}
+				<i class="fa fa-spin fa-circle-o-notch"></i>
+			{{/isAuthorizing}}
+			{{{buttonLabel}}}
+		</button>
+		{{#ifServiceIs 'facebook'}}
+			<div class="oauthorize-help">
+				<h4><i class="fa fa-question-circle"></i> Why do I need to log in?</h4>
+				<p>
+					We need your login info to be able to allow you to collect data from the Facebook pages you administer.
+				</p>
+			</div>
+		{{/ifServiceIs}}
+	{{/if}}
+
+{{/if}}
\ No newline at end of file
diff --git a/new-app/components/publish-page/publish-page.js b/new-app/components/publish-page/publish-page.js
new file mode 100644
index 0000000..9157aab
--- /dev/null
+++ b/new-app/components/publish-page/publish-page.js
@@ -0,0 +1,63 @@
+import can from "can";
+import initView from "./publish-page.stache!";
+
+import "./publish-page.less!";
+import "components/empty-slate/";
+import "components/embed-code/";
+
+
+import Preset from "models/preset";
+
+
+export default can.Component.extend({
+	tag: 'bh-publish-page',
+	template: initView,
+	scope : {
+		currentPreset: null,
+		init : function(){
+			var self = this;
+			this.attr('presets', []);
+			Preset.findAll({embed_id: this.attr('appState.currentHub.id')}).then(function(data){
+				if(data.length){
+					self.attr('presets').replace(data);
+					self.attr('currentPreset', data[0]);
+				} else {
+					self.addDefaultPreset();
+				}
+			});
+		},
+		addDefaultPreset : function(){
+			var self = this;
+			var newPreset = new Preset(can.extend({
+				name : 'Default Preset',
+				embed_id: this.attr('appState.currentHub.id')
+			}, Preset.PREVIEW.serialize()));
+			newPreset.save().then(function(preset){
+				self.attr('presets').push(preset);
+				self.attr('currentPreset', preset);
+			});
+		},
+		selectPresetOrAddNew : function(ctx, el, ev){
+			var currentPreset;
+			var val = el.val();
+			if(val === 'addNewPreset'){
+				this.addDefaultPreset();
+			} else {
+				val = parseInt(val, 10);
+				currentPreset = this.attr('presets').filter(function(preset){
+					return preset.attr('id') === val;
+				})[0];
+				this.attr('currentPreset', currentPreset);
+			}
+		},
+		presetIframe : function(){
+			var currentPreset = this.attr('currentPreset');
+			if(currentPreset){
+				var tenantName = this.attr('appState.currentBrand.tenant_name');
+				var hub = this.attr('appState.currentHub');
+				var hubId = hub.attr('id');
+				return this.attr('currentPreset').url(tenantName, hubId);
+			}
+		}	
+	}
+});
diff --git a/new-app/components/publish-page/publish-page.less b/new-app/components/publish-page/publish-page.less
new file mode 100644
index 0000000..e039f1c
--- /dev/null
+++ b/new-app/components/publish-page/publish-page.less
@@ -0,0 +1,17 @@
+bh-publish-page {
+    .iframe-wrap {
+        margin-top: 20px;
+        padding: 0;
+        iframe {
+            width: 100%;
+            height: 600px;
+            border: none;
+        }
+    }
+    .theme-light {
+        background: white;
+    }
+    .theme-dark {
+        background: #111;
+    }
+}
diff --git a/new-app/components/publish-page/publish-page.stache b/new-app/components/publish-page/publish-page.stache
new file mode 100644
index 0000000..443889a
--- /dev/null
+++ b/new-app/components/publish-page/publish-page.stache
@@ -0,0 +1,38 @@
+{{#if presets.length}}
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-3">
+        <select can-change="selectPresetOrAddNew" class="form-control">
+          {{#each presets}}
+            <option value="{{id}}" {{#eq id currentPreset.id}}selected{{/eq}}>{{name}}</option>
+          {{/each}}
+          <option value="addNewPreset">+ Add New Preset</option>
+        </select>
+      </div>
+      <div class="col-xs-6"></div>
+      <div class="col-xs-3">
+        {{#if currentPreset}}
+          <bh-embed-code app-state="{appState}" preset="{currentPreset}"></bh-embed-code>
+        {{/if}}
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-12">
+        <hr style="border-color: #ccc">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-3">
+        <select class="form-control" can-value="currentPreset.config.theme">
+          <option value="light">Light Theme</option>
+          <option value="dark">Dark Theme</option>
+        </select>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-xs-12 iframe-wrap theme-{{currentPreset.config.theme}}">
+        <iframe src="{{presetIframe}}"></iframe>
+      </div>
+    </div>
+  </div>
+{{/if}}
diff --git a/new-app/components/service-config-formatter/service-config-formatter.js b/new-app/components/service-config-formatter/service-config-formatter.js
new file mode 100644
index 0000000..f0d4c17
--- /dev/null
+++ b/new-app/components/service-config-formatter/service-config-formatter.js
@@ -0,0 +1,43 @@
+import can from "can";
+import initView from "./service-config-formatter.stache!";
+import "./service-config-formatter.less!";
+
+can.Component.extend({
+	template : initView,
+	tag: 'bh-service-config-formatter',
+	scope : {
+		lowercasedFeedName : function(){
+			return this.attr('service.feed_name').toLowerCase();
+		},
+		lowercasedTypeName : function(){
+			return this.attr('service.type_name').toLowerCase();
+		}
+	},
+	helpers : {
+		isFeedAndType : function(feed, type, opts){
+			feed = (can.isFunction(feed) ? feed() : feed).toLowerCase();
+			type = (can.isFunction(type) ? type() : type).toLowerCase();
+			if(feed === this.lowercasedFeedName() && type === this.lowercasedTypeName()){
+				return opts.fn();
+			}
+		},
+		cutoff : function(){
+			var str, opts;
+			if(arguments.length === 1){
+				opts = arguments[0];
+				str = opts.fn();
+			} else {
+				str = arguments[0];
+				opts = arguments[1];
+			}
+
+			str = can.isFunction(str) ? str() : str;
+
+			if(str.length > 50){
+				str = str.substr(0, 50) + '&hellip;';
+			}
+
+			return str;
+		}
+	}
+});
diff --git a/new-app/components/service-config-formatter/service-config-formatter.less b/new-app/components/service-config-formatter/service-config-formatter.less
new file mode 100644
index 0000000..7c739b3
--- /dev/null
+++ b/new-app/components/service-config-formatter/service-config-formatter.less
@@ -0,0 +1,3 @@
+bh-service-config-formatter {
+	display: block;
+}
\ No newline at end of file
diff --git a/new-app/components/service-config-formatter/service-config-formatter.stache b/new-app/components/service-config-formatter/service-config-formatter.stache
new file mode 100644
index 0000000..67ea652
--- /dev/null
+++ b/new-app/components/service-config-formatter/service-config-formatter.stache
@@ -0,0 +1,87 @@
+{{#isFeedAndType 'disqus' 'forum'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'facebook' 'page'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'facebook' 'public_page'}}
+	<b>Facebook Page </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'foursquare' 'venue'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'github' 'org'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://github.com/{{service.config.name}}" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'github' 'repo'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://github.com/{{service.config.name}}" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'instagram' 'tag'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'instagram' 'user'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'meetup' 'group'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'rss' 'site'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="{{service.config.url}}" target="_blank">{{{cutoff service.config.url}}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'stackexchange' 'tags'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'tumblr' 'blog'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> <a href="http://{{service.config.hostname}}.tumblr.com" target="_blank">{{service.config.display_name}}</a>
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'tumblr' 'tag'}}
+	<b>{{service.printFeed}} {{service.printType}} </b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'followers'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'hashtag'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'user_timeline'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'user_retweets'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'favorites'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'twitter' 'term'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'channel'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'playlist'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
+
+{{#isFeedAndType 'youtube' 'user'}}
+	<b>{{service.printFeed}} {{service.printType}} for</b> {{service.config.display_name}}
+{{/isFeedAndType}}
diff --git a/new-app/components/service-form/service-form.js b/new-app/components/service-form/service-form.js
new file mode 100644
index 0000000..0a6c244
--- /dev/null
+++ b/new-app/components/service-form/service-form.js
@@ -0,0 +1,196 @@
+import can from 'can/';
+import initView from './service-form.stache!';
+import Models from 'models/';
+
+import './service-form.less!';
+import 'can/map/define/';
+
+import 'components/service-forms/disqus-forum/';
+import 'components/service-forms/facebook-page/';
+import 'components/service-forms/facebook-public-page/';
+import 'components/service-forms/foursquare-venue/';
+import 'components/service-forms/github-org/';
+import 'components/service-forms/github-repo/';
+import 'components/service-forms/instagram-tag/';
+import 'components/service-forms/instagram-user/';
+import 'components/service-forms/meetup-group/';
+import 'components/service-forms/rss-site/';
+import 'components/service-forms/stackexchange-tags/';
+import 'components/service-forms/tumblr-blog/';
+import 'components/service-forms/tumblr-tag/';
+import 'components/service-forms/twitter-followers/';
+import 'components/service-forms/twitter-hashtag/';
+import 'components/service-forms/twitter-term/';
+import 'components/service-forms/twitter-user-timeline/';
+import 'components/service-forms/twitter-favorites/';
+import 'components/service-forms/twitter-user-retweets/';
+import 'components/service-forms/youtube-channel/';
+import 'components/service-forms/youtube-playlist/';
+import 'components/service-forms/youtube-user/';
+import 'components/oauthorizer/';
+
+import 'components/helpers';
+
+var FEED_INFOS = {
+	foursquare: 'You must be a venue manager to be able to add a venue.'
+};
+
+var makeTemplate = function(feed, type){
+	var componentName = ['bh', feed, type.replace(/_/g, '-'), 'service'].join('-'),
+			template = '<' + componentName + ' map="{service}" errors="{errors.config}"></' + componentName + '>{{{saveButtons}}}',
+			needsOAuth = Models.Service.needsOAuth[feed];
+
+	needsOAuth = needsOAuth && can.inArray(type, needsOAuth.types) > -1;
+
+
+	if(needsOAuth){
+		template = [
+			'<bh-oauthorizer feed="' + feed + '" service="{service}">',
+			template,
+			'</bh-oauthorizer>'
+		].join('');
+	}
+
+	
+	return can.stache(template);
+};
+
+can.Component.extend({
+	tag : 'bh-service-form',
+	template: initView,
+	scope : {
+		isHidden: false,
+		missingConfig : false,
+		errors: null,
+		typeErros: null,
+		saveDisabled : false,
+		define : {
+			service : {
+				set : function(val){
+					this.clearErrors();
+					return val;
+				}
+			}
+		},
+		saveService : function(formData, el, ev){
+			ev.preventDefault();
+
+			var self = this;
+			var service = this.attr('service');
+			var services = this.attr('services');
+			this.compute('service');
+
+			service.attr('embed_id', this.state.attr('hubId'));
+			if(service.isNew()){
+				services.unshift( service );
+			}
+
+			service.save( function( newService ) {
+				self.clearService();
+			}, function( error ) {
+				var index = services.indexOf(service);
+				var attrs = {
+					isHidden: false
+				};
+				var errorsResponse;
+				var errors, typeErrors;
+
+				services.splice(index, 1);
+
+				if(error.status === 400){
+					attrs.missingConfig = true;
+				} else if(error.status = 406){
+					try {
+						errorsResponse = JSON.parse(error.responseText).errors;
+						errors = errorsResponse.config_attrs;
+						typeErrors = errorsResponse.type_name;
+					} catch(e){
+						errors = {};
+					}
+					attrs.errors = errors;
+				}
+
+				if(typeErrors){
+					self.attr('typeErrors', typeErrors);
+				}
+
+				Models.Service.errored(service);
+
+				self.attr(attrs);
+			});
+
+			this.attr({
+				isHidden: service.isNew(),
+				missingConfig: false,
+				errors: null
+			});
+		},
+		feedInfo : function(){
+			return FEED_INFOS[this.attr('service.feed_name')];
+		},
+		clearService : function(){
+			can.batch.start();
+			this.attr({
+				saveDisabled: false,
+				service: null
+			});
+			this.clearErrors();
+			can.batch.stop();
+		},
+		clearErrors : function(){
+			this.attr({
+				errors: null,
+				typeErrors: null,
+				missingConfig: false
+			});
+		},
+		currentServiceFeedName : function(){
+			var service = this.attr('service');
+			if(!service) {
+				return;
+			}
+			var feed = service.attr('feed_name');
+			return Models.Service.feeds[feed];
+		}
+	},
+	events : {
+		"service:saveDisabled" : function(){
+			var self = this;
+			setTimeout(function(){
+				if(self.element){
+					self.element.find('button.save-service').prop('disabled', true);
+				}
+			}, 1);
+			
+		},
+		"service:saveEnabled" : function(){
+			var self = this;
+			setTimeout(function(){
+				if(self.element){
+					self.element.find('button.save-service').prop('disabled', false);
+				}
+			}, 1);
+		}
+	},
+	helpers : {
+		renderForm : function(opts){
+			var service = this.attr('service'), feed, type;
+			
+			if(!service){
+				return;
+			}
+
+			feed = service.attr('feed_name');
+			type = service.attr('type_name');
+
+
+			if(type && feed){
+				return makeTemplate(feed, type)(opts.scope, {
+					saveButtons : function(){
+						return opts.fn();
+					}
+				});
+			}
+		}
+	}
+});
diff --git a/new-app/components/service-form/service-form.less b/new-app/components/service-form/service-form.less
new file mode 100644
index 0000000..dcac5c3
--- /dev/null
+++ b/new-app/components/service-form/service-form.less
@@ -0,0 +1,24 @@
+bh-service-form {
+	display: block;
+	
+	bh-suggestions {
+		.panel {
+			margin-left: -15px;
+			margin-right: -15px;
+			margin-bottom: 0;
+			border-radius: 0;
+			-webkit-border-radius: 0;
+			-moz-border-radius: 0;
+			border-left: none;
+			border-right: none;
+		}
+	}
+
+	.form-instructions {
+		font-style: oblique;
+		margin-top: 5px;
+	}
+	.input-group {
+		width: 100%;
+	}
+}
\ No newline at end of file
diff --git a/new-app/components/service-form/service-form.stache b/new-app/components/service-form/service-form.stache
new file mode 100644
index 0000000..bf6548b
--- /dev/null
+++ b/new-app/components/service-form/service-form.stache
@@ -0,0 +1,66 @@
+{{#unless isHidden}}
+	<div class="form-wrapper">
+		<h3>
+			{{#if service.isNew}}Add{{else}}Edit{{/if}} {{currentServiceFeedName}}
+			<i class="fa fa-close" can-click="clearService"></i>
+		</h3>
+		{{#service}}
+
+			{{#if error}}
+				<div class="alert alert-danger">
+					<b>{{ formattedErrorClass }}</b>
+					{{ formattedError }}
+				</div>
+			{{/if}}
+
+			{{#if typeErrors.length}}
+				<div class="alert alert-danger">
+					You have {{ typeErrors.0 }}
+				</div>
+			{{/if}}
+
+			<form can-submit="saveService">
+				
+				{{#if hasMultipleTypes}}
+					<label>Type</label>
+					<div class="form-group">
+						<select can-value="type_name" class="form-control">
+							<option value="">Select Type</option>
+							{{#each typesForFeed}}
+								<option value="{{ @key }}">{{ . }}</option>
+							{{/each}}
+						</select>
+					</div>
+				{{/if}}
+
+				{{#if missingConfig}}
+					<div class="alert alert-danger">Config can't be empty</div>
+				{{/if}}
+
+				{{#if errors}}
+					<div class="alert alert-danger">Service config has some errors</div>
+				{{/if}}
+
+				{{#if feedInfo }}
+					<div class="alert alert-info">{{ feedInfo }}</div>
+				{{/if}}
+
+				
+				{{#renderForm}}
+          <div class="checkbox">
+					  <label>
+						  <input type="checkbox" can-value="service.approved_by_default"> Items collected from this service are approved by default
+					  </label>
+				  </div>
+
+					<div class="clearfix buttons-wrap">
+						<button class="btn btn-primary pull-right save-service">Save Service</button>
+						<a href="javascript://" class="btn btn-link pull-right" can-click="clearService">Cancel</a>
+					</div>
+				{{/renderForm}}
+				
+			</form>
+
+		{{/service}}
+	</div>
+{{/unless}}
diff --git a/new-app/components/service-forms/disqus-forum/disqus-forum.js b/new-app/components/service-forms/disqus-forum/disqus-forum.js
new file mode 100644
index 0000000..6766f9f
--- /dev/null
+++ b/new-app/components/service-forms/disqus-forum/disqus-forum.js
@@ -0,0 +1,10 @@
+import can from "can";
+import initView from "./disqus-forum.stache!";
+
+import "./disqus-forum.less!";
+import "components/suggestions/";
+
+can.Component.extend({
+	tag : 'bh-disqus-forum-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/disqus-forum/disqus-forum.less b/new-app/components/service-forms/disqus-forum/disqus-forum.less
new file mode 100644
index 0000000..d323ebc
--- /dev/null
+++ b/new-app/components/service-forms/disqus-forum/disqus-forum.less
@@ -0,0 +1,3 @@
+bh-disqus-forum-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/disqus-forum/disqus-forum.stache b/new-app/components/service-forms/disqus-forum/disqus-forum.stache
new file mode 100644
index 0000000..2b6cc3a
--- /dev/null
+++ b/new-app/components/service-forms/disqus-forum/disqus-forum.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="disqus" brand-identity-id="{map.brand_identity_id}" val="{map.config.url}" pick-suggestion-label="Select a site"></bh-suggestions>
+	{{{configErrors errors 'url'}}}
+</div>
diff --git a/new-app/components/service-forms/facebook-page/facebook-page.js b/new-app/components/service-forms/facebook-page/facebook-page.js
new file mode 100644
index 0000000..60f3dcb
--- /dev/null
+++ b/new-app/components/service-forms/facebook-page/facebook-page.js
@@ -0,0 +1,10 @@
+import can from "can";
+
+import initView from './facebook-page.stache!';
+import './facebook-page.less!';
+import 'components/suggestions/';
+
+can.Component.extend({
+  tag : 'bh-facebook-page-service',
+  template : initView
+});
diff --git a/new-app/components/service-forms/facebook-page/facebook-page.less b/new-app/components/service-forms/facebook-page/facebook-page.less
new file mode 100644
index 0000000..b463e18
--- /dev/null
+++ b/new-app/components/service-forms/facebook-page/facebook-page.less
@@ -0,0 +1,3 @@
+bh-facebook-page-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/facebook-page/facebook-page.stache b/new-app/components/service-forms/facebook-page/facebook-page.stache
new file mode 100644
index 0000000..c1f17ee
--- /dev/null
+++ b/new-app/components/service-forms/facebook-page/facebook-page.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="facebook" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select a page"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/facebook-public-page/facebook-public-page.js b/new-app/components/service-forms/facebook-public-page/facebook-public-page.js
new file mode 100644
index 0000000..8693004
--- /dev/null
+++ b/new-app/components/service-forms/facebook-public-page/facebook-public-page.js
@@ -0,0 +1,18 @@
+import can from "can";
+import initView from './facebook-public-page.stache!';
+import './facebook-public-page.less!';
+import 'components/suggestions/';
+
+
+can.Component.extend({
+	tag : 'bh-facebook-public-page-service',
+	template : initView,
+	scope : {
+		loading: "",
+		loadedPage: null,
+		error: "",
+		init : function(){
+			
+		}
+	}
+});
diff --git a/new-app/components/service-forms/facebook-public-page/facebook-public-page.less b/new-app/components/service-forms/facebook-public-page/facebook-public-page.less
new file mode 100644
index 0000000..3d9fa56
--- /dev/null
+++ b/new-app/components/service-forms/facebook-public-page/facebook-public-page.less
@@ -0,0 +1,8 @@
+bh-facebook-public-page-service {
+    display: block;
+    .result {
+       .alert {
+           margin-bottom: 0;
+       }
+    }
+}
diff --git a/new-app/components/service-forms/facebook-public-page/facebook-public-page.stache b/new-app/components/service-forms/facebook-public-page/facebook-public-page.stache
new file mode 100644
index 0000000..a37269b
--- /dev/null
+++ b/new-app/components/service-forms/facebook-public-page/facebook-public-page.stache
@@ -0,0 +1,7 @@
+<div class="form-group">
+    <label>Facebook Page URL</label>
+    <div class="input-group">
+        <input can-value="map.config.url" can-enter="loadPage" class="form-control">
+    </div>
+	{{{configErrors errors 'id'}}}
+</div>
diff --git a/new-app/components/service-forms/foursquare-venue/foursquare-venue.js b/new-app/components/service-forms/foursquare-venue/foursquare-venue.js
new file mode 100644
index 0000000..ac03c9c
--- /dev/null
+++ b/new-app/components/service-forms/foursquare-venue/foursquare-venue.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './foursquare-venue.stache!';
+import './foursquare-venue.less!';
+
+can.Component.extend({
+  tag : 'bh-foursquare-venue-service',
+  template : initView
+});
diff --git a/new-app/components/service-forms/foursquare-venue/foursquare-venue.less b/new-app/components/service-forms/foursquare-venue/foursquare-venue.less
new file mode 100644
index 0000000..679d0de
--- /dev/null
+++ b/new-app/components/service-forms/foursquare-venue/foursquare-venue.less
@@ -0,0 +1,3 @@
+bh-foursquare-venue-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/foursquare-venue/foursquare-venue.stache b/new-app/components/service-forms/foursquare-venue/foursquare-venue.stache
new file mode 100644
index 0000000..2aaaff2
--- /dev/null
+++ b/new-app/components/service-forms/foursquare-venue/foursquare-venue.stache
@@ -0,0 +1,5 @@
+<div class="alert alert-info">To add a Forsquare Venue you must be the manager.</div>
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="foursquare" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select a venue"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
diff --git a/new-app/components/service-forms/github-org/github-org.js b/new-app/components/service-forms/github-org/github-org.js
new file mode 100644
index 0000000..b2b249a
--- /dev/null
+++ b/new-app/components/service-forms/github-org/github-org.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './github-org.stache!';
+import './github-org.less!';
+
+can.Component.extend({
+	tag : 'bh-github-org-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/github-org/github-org.less b/new-app/components/service-forms/github-org/github-org.less
new file mode 100644
index 0000000..527cfca
--- /dev/null
+++ b/new-app/components/service-forms/github-org/github-org.less
@@ -0,0 +1,3 @@
+bh-github-org-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/github-org/github-org.stache b/new-app/components/service-forms/github-org/github-org.stache
new file mode 100644
index 0000000..a25117f
--- /dev/null
+++ b/new-app/components/service-forms/github-org/github-org.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="github/org" brand-identity-id="{map.brand_identity_id}" val="{map.config.name}" allow-extra="true" pick-suggestion-label="Select an organization you belong to" enter-your-own-label="Or enter any public organization"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/github-repo/github-repo.js b/new-app/components/service-forms/github-repo/github-repo.js
new file mode 100644
index 0000000..70898f2
--- /dev/null
+++ b/new-app/components/service-forms/github-repo/github-repo.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './github-repo.stache!';
+import './github-repo.less!';
+
+can.Component.extend({
+	tag : 'bh-github-repo-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/github-repo/github-repo.less b/new-app/components/service-forms/github-repo/github-repo.less
new file mode 100644
index 0000000..93e9aa6
--- /dev/null
+++ b/new-app/components/service-forms/github-repo/github-repo.less
@@ -0,0 +1,3 @@
+bh-github-repo-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/github-repo/github-repo.stache b/new-app/components/service-forms/github-repo/github-repo.stache
new file mode 100644
index 0000000..946c274
--- /dev/null
+++ b/new-app/components/service-forms/github-repo/github-repo.stache
@@ -0,0 +1,16 @@
+<div class="form-group">
+	<bh-suggestions service="github/repo" brand-identity-id="{map.brand_identity_id}" val="{map.config.name}" allow-extra="true" pick-suggestion-label="Pick a repo you have access to" enter-your-own-label="Or enter any public repo"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
+<div class="class-group">
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" can-value="map.config.tracking.issues"> Track Issues
+		</label>
+	</div>
+	<div class="checkbox">
+		<label>
+			<input type="checkbox" can-value="map.config.tracking.pull_requests"> Track Pull Requests
+		</label>
+	</div>
+</div>
diff --git a/new-app/components/service-forms/instagram-tag/instagram-tag.js b/new-app/components/service-forms/instagram-tag/instagram-tag.js
new file mode 100644
index 0000000..2a50473
--- /dev/null
+++ b/new-app/components/service-forms/instagram-tag/instagram-tag.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './instagram-tag.stache!';
+import './instagram-tag.less!';
+
+can.Component.extend({
+	tag : 'bh-instagram-tag-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/instagram-tag/instagram-tag.less b/new-app/components/service-forms/instagram-tag/instagram-tag.less
new file mode 100644
index 0000000..3492fd3
--- /dev/null
+++ b/new-app/components/service-forms/instagram-tag/instagram-tag.less
@@ -0,0 +1,3 @@
+instagram-tag {
+  display: block;
+}
diff --git a/new-app/components/service-forms/instagram-tag/instagram-tag.stache b/new-app/components/service-forms/instagram-tag/instagram-tag.stache
new file mode 100644
index 0000000..1074af9
--- /dev/null
+++ b/new-app/components/service-forms/instagram-tag/instagram-tag.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tag</label>
+	<input type="text" can-value="map.config.tag" class="form-control">
+	{{{configErrors errors 'tag'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/instagram-user/instagram-user.js b/new-app/components/service-forms/instagram-user/instagram-user.js
new file mode 100644
index 0000000..6dbb5e4
--- /dev/null
+++ b/new-app/components/service-forms/instagram-user/instagram-user.js
@@ -0,0 +1,67 @@
+import can from "can";
+import initView from './instagram-user.stache!';
+import './instagram-user.less!';
+import 'selectize';
+
+can.Component.extend({
+	tag : 'bh-instagram-user-service',
+	template : initView,
+	scope : {
+		isLoading : false,
+		init : function(){
+			this.attr('currentSuggestions', []);
+		},
+		setDisplayName : function(id){
+			var currentSuggestions = this.attr('currentSuggestions');
+			var length = currentSuggestions.length;
+
+			if(id){
+				for(var i = 0; i < length; i++){
+					if(id === currentSuggestions[i].id){
+						this.attr('map.config.display_name', currentSuggestions[i].username);
+					}
+				}
+			} else {
+				this.attr('map.config.display_name', '');
+			}
+		}
+	},
+	helpers : {
+		instagramSuggest : function(){
+			var self = this;
+			return function(el){
+				$(el).selectize({
+					valueField: 'id',
+					labelField: 'username',
+					searchField: 'username',
+					create: false,
+					allowEmptyOption : true,
+					load: function(query, callback){
+						if(!query.length){
+							return callback();
+						}
+						self.attr('isLoading', true);
+						$.ajax({
+							url: '/api/v3/services/suggestions/instagram',
+							data: {
+								username: query
+							},
+							error : function(){
+								self.attr('isLoading', false);
+								callback();
+							},
+							success : function(res){
+								self.attr('currentSuggestions').replace(res);
+								self.attr('isLoading', false);
+								callback(res);
+							}
+						});
+					},
+					onChange : function(id){
+						self.setDisplayName(id);
+					}
+				});
+			};
+		}
+	}
+});
diff --git a/new-app/components/service-forms/instagram-user/instagram-user.less b/new-app/components/service-forms/instagram-user/instagram-user.less
new file mode 100644
index 0000000..930a76e
--- /dev/null
+++ b/new-app/components/service-forms/instagram-user/instagram-user.less
@@ -0,0 +1,37 @@
+bh-instagram-user-service {
+	display: block;
+	.selectize-control.single .selectize-input:after {
+		right: 9px;
+	}
+	.suggest-wrapper {
+		position: relative;
+		background: #ccc;
+		height: 34px;
+		border-radius: 3px;
+		-webkit-border-radius: 3px;
+		-moz-border-radius: 3px;
+		.selectize-input {
+			-webkit-border-top-left-radius: 3px;
+			-webkit-border-bottom-left-radius: 3px;
+			-moz-border-radius-topleft: 3px;
+			-moz-border-radius-bottomleft: 3px;
+			border-top-left-radius: 3px;
+			border-bottom-left-radius: 3px;
+		}
+		.selectize-control {
+			margin-left: 34px;
+		}
+		.fa {
+			display: block;
+			position: absolute;
+			top: 0;
+			left: 0;
+			font-size: 120%;
+			margin: 8px 0 0 11px;
+			color: #666;
+		}
+		.fa-circle-o-notch {
+			margin-left: 9px;
+		}
+	}
+}
diff --git a/new-app/components/service-forms/instagram-user/instagram-user.stache b/new-app/components/service-forms/instagram-user/instagram-user.stache
new file mode 100644
index 0000000..1e0b0ec
--- /dev/null
+++ b/new-app/components/service-forms/instagram-user/instagram-user.stache
@@ -0,0 +1,10 @@
+<div class="form-group">
+	<label>User</label>
+	<div class="suggest-wrapper">
+		<select {{instagramSuggest}} can-value="map.config.id" placeholder="{{#if map.config.id}}Current User: {{map.config.display_name}}{{else}}Enter Instagram User{{/if}}">
+		</select>
+		<i class="fa {{#if isLoading}}fa-circle-o-notch fa-spin{{else}}fa-user{{/if}}"></i>
+	</div>
+	
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/meetup-group/meetup-group.js b/new-app/components/service-forms/meetup-group/meetup-group.js
new file mode 100644
index 0000000..d4c30e3
--- /dev/null
+++ b/new-app/components/service-forms/meetup-group/meetup-group.js
@@ -0,0 +1,9 @@
+import can from "can";
+import initView from './meetup-group.stache!';
+import './meetup-group.less!';
+import "components/suggestions/";
+
+can.Component.extend({
+	tag : 'bh-meetup-group-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/meetup-group/meetup-group.less b/new-app/components/service-forms/meetup-group/meetup-group.less
new file mode 100644
index 0000000..8d593da
--- /dev/null
+++ b/new-app/components/service-forms/meetup-group/meetup-group.less
@@ -0,0 +1,3 @@
+bh-meetup-group-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/meetup-group/meetup-group.stache b/new-app/components/service-forms/meetup-group/meetup-group.stache
new file mode 100644
index 0000000..6905170
--- /dev/null
+++ b/new-app/components/service-forms/meetup-group/meetup-group.stache
@@ -0,0 +1,4 @@
+<div class="form-group form-group-without-margin suggestions-wrapper">
+	<bh-suggestions service="meetup" brand-identity-id="{map.brand_identity_id}" val="{map.config.id}" pick-suggestion-label="Select Meetup Group"></bh-suggestions>
+	{{{configErrors errors 'id'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/rss-site/rss-site.js b/new-app/components/service-forms/rss-site/rss-site.js
new file mode 100644
index 0000000..e4b0c3d
--- /dev/null
+++ b/new-app/components/service-forms/rss-site/rss-site.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './rss-site.stache!';
+import './rss-site.less!';
+
+can.Component.extend({
+	tag : 'bh-rss-site-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/rss-site/rss-site.less b/new-app/components/service-forms/rss-site/rss-site.less
new file mode 100644
index 0000000..404c9a2
--- /dev/null
+++ b/new-app/components/service-forms/rss-site/rss-site.less
@@ -0,0 +1,3 @@
+bh-rss-site-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/rss-site/rss-site.stache b/new-app/components/service-forms/rss-site/rss-site.stache
new file mode 100644
index 0000000..875ff41
--- /dev/null
+++ b/new-app/components/service-forms/rss-site/rss-site.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>URL</label>
+	<input type="text" can-value="map.config.url" class="form-control">
+	{{{configErrors errors 'url'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.js b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.js
new file mode 100644
index 0000000..e158cfb
--- /dev/null
+++ b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.js
@@ -0,0 +1,9 @@
+import can from "can";
+import initView from './stackexchange-tags.stache!';
+import './stackexchange-tags.less!';
+import'components/tag-list/';
+
+can.Component.extend({
+	tag : 'bh-stackexchange-tags-service',
+	template : initView,
+});
diff --git a/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.less b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.less
new file mode 100644
index 0000000..7ca4b4a
--- /dev/null
+++ b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.less
@@ -0,0 +1,3 @@
+bh-stackexchange-tags-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.stache b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.stache
new file mode 100644
index 0000000..9b7c4e4
--- /dev/null
+++ b/new-app/components/service-forms/stackexchange-tags/stackexchange-tags.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tags</label>
+	<bh-tag-list tags="{map.config.tags}"></bh-tags-list>
+	{{{configErrors errors 'tags'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/tumblr-blog/tumblr-blog.js b/new-app/components/service-forms/tumblr-blog/tumblr-blog.js
new file mode 100644
index 0000000..bad0f07
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-blog/tumblr-blog.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './tumblr-blog.stache!';
+import './tumblr-blog.less!';
+
+can.Component.extend({
+	tag : 'bh-tumblr-blog-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/tumblr-blog/tumblr-blog.less b/new-app/components/service-forms/tumblr-blog/tumblr-blog.less
new file mode 100644
index 0000000..a02a7c4
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-blog/tumblr-blog.less
@@ -0,0 +1,3 @@
+bh-tumblr-blog-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/tumblr-blog/tumblr-blog.stache b/new-app/components/service-forms/tumblr-blog/tumblr-blog.stache
new file mode 100644
index 0000000..5c068b5
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-blog/tumblr-blog.stache
@@ -0,0 +1,10 @@
+<div class="form-group">
+	<label>Blog URL</label>
+	<div class="input-group">
+		<span class="input-group-addon">
+			<i class="fa fa-link"></i>
+		</span>
+		<input type="text" can-value="map.config.hostname" class="form-control">
+		{{{configErrors errors 'hostname'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/tumblr-tag/tumblr-tag.js b/new-app/components/service-forms/tumblr-tag/tumblr-tag.js
new file mode 100644
index 0000000..46ca23f
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-tag/tumblr-tag.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './tumblr-tag.stache!';
+import './tumblr-tag.less!';
+
+can.Component.extend({
+	tag : 'bh-tumblr-tag-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/tumblr-tag/tumblr-tag.less b/new-app/components/service-forms/tumblr-tag/tumblr-tag.less
new file mode 100644
index 0000000..ad9a85c
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-tag/tumblr-tag.less
@@ -0,0 +1,3 @@
+bh-tumblr-tags-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/tumblr-tag/tumblr-tag.stache b/new-app/components/service-forms/tumblr-tag/tumblr-tag.stache
new file mode 100644
index 0000000..1074af9
--- /dev/null
+++ b/new-app/components/service-forms/tumblr-tag/tumblr-tag.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Tag</label>
+	<input type="text" can-value="map.config.tag" class="form-control">
+	{{{configErrors errors 'tag'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-favorites/twitter-favorites.js b/new-app/components/service-forms/twitter-favorites/twitter-favorites.js
new file mode 100644
index 0000000..188d55d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-favorites/twitter-favorites.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-favorites.stache!';
+import './twitter-favorites.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-favorites-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-favorites/twitter-favorites.less b/new-app/components/service-forms/twitter-favorites/twitter-favorites.less
new file mode 100644
index 0000000..44cdb02
--- /dev/null
+++ b/new-app/components/service-forms/twitter-favorites/twitter-favorites.less
@@ -0,0 +1,3 @@
+bh-twitter-favorites-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-favorites/twitter-favorites.stache b/new-app/components/service-forms/twitter-favorites/twitter-favorites.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-favorites/twitter-favorites.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-followers/twitter-followers.js b/new-app/components/service-forms/twitter-followers/twitter-followers.js
new file mode 100644
index 0000000..1824dba
--- /dev/null
+++ b/new-app/components/service-forms/twitter-followers/twitter-followers.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-followers.stache!';
+import './twitter-followers.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-followers-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-followers/twitter-followers.less b/new-app/components/service-forms/twitter-followers/twitter-followers.less
new file mode 100644
index 0000000..ac3fc27
--- /dev/null
+++ b/new-app/components/service-forms/twitter-followers/twitter-followers.less
@@ -0,0 +1,3 @@
+bh-twitter-followers-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-followers/twitter-followers.stache b/new-app/components/service-forms/twitter-followers/twitter-followers.stache
new file mode 100644
index 0000000..72fffc2
--- /dev/null
+++ b/new-app/components/service-forms/twitter-followers/twitter-followers.stache
@@ -0,0 +1,8 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.js b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.js
new file mode 100644
index 0000000..d69a1ff
--- /dev/null
+++ b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-hashtag.stache!';
+import './twitter-hashtag.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-hashtag-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.less b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.less
new file mode 100644
index 0000000..d07394d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.less
@@ -0,0 +1,3 @@
+bh-twitter-hashtag-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.stache b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.stache
new file mode 100644
index 0000000..43af3c6
--- /dev/null
+++ b/new-app/components/service-forms/twitter-hashtag/twitter-hashtag.stache
@@ -0,0 +1,8 @@
+<div class="form-group">
+	<label>Hashtag</label>
+	<div class="input-group">
+		<span class="input-group-addon">#</span>
+		<input type="text" can-value="map.config.hashtag" class="form-control">
+		{{{configErrors errors 'hashtag'}}}
+	</div>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-term/twitter-term.js b/new-app/components/service-forms/twitter-term/twitter-term.js
new file mode 100644
index 0000000..7d79fba
--- /dev/null
+++ b/new-app/components/service-forms/twitter-term/twitter-term.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-term.stache!';
+import './twitter-term.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-term-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-term/twitter-term.less b/new-app/components/service-forms/twitter-term/twitter-term.less
new file mode 100644
index 0000000..e2f75da
--- /dev/null
+++ b/new-app/components/service-forms/twitter-term/twitter-term.less
@@ -0,0 +1,3 @@
+bh-twitter-term-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-term/twitter-term.stache b/new-app/components/service-forms/twitter-term/twitter-term.stache
new file mode 100644
index 0000000..97829d3
--- /dev/null
+++ b/new-app/components/service-forms/twitter-term/twitter-term.stache
@@ -0,0 +1,5 @@
+<div class="form-group">
+	<label>Term</label>
+	<input type="text" can-value="map.config.term" class="form-control">
+	{{{configErrors errors 'term'}}}
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.js b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.js
new file mode 100644
index 0000000..3cac45d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-user-retweets.stache!';
+import './twitter-user-retweets.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-user-retweets-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.less b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.less
new file mode 100644
index 0000000..b796b26
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.less
@@ -0,0 +1,3 @@
+bh-twitter-user-retweets-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-retweets/twitter-user-retweets.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.js b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.js
new file mode 100644
index 0000000..87b867f
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './twitter-user-timeline.stache!';
+import './twitter-user-timeline.less!';
+
+can.Component.extend({
+	tag : 'bh-twitter-user-timeline-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.less b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.less
new file mode 100644
index 0000000..3be894f
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.less
@@ -0,0 +1,3 @@
+bh-twitter-user-timeline-service {
+  display: block;
+}
diff --git a/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache
new file mode 100644
index 0000000..f1aab0d
--- /dev/null
+++ b/new-app/components/service-forms/twitter-user-timeline/twitter-user-timeline.stache
@@ -0,0 +1,9 @@
+<div class="form-group">
+	<label>User Handle</label>
+	<div class="input-group">
+		<span class="input-group-addon">@</span>
+		<input type="text" can-value="map.config.handle" class="form-control">
+		{{{configErrors errors 'handle'}}}
+	</div>
+	<p class="form-instructions">Enter any Twitter user handle</p>
+</div>
\ No newline at end of file
diff --git a/new-app/components/service-forms/youtube-channel/youtube-channel.js b/new-app/components/service-forms/youtube-channel/youtube-channel.js
new file mode 100644
index 0000000..6c204ac
--- /dev/null
+++ b/new-app/components/service-forms/youtube-channel/youtube-channel.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './youtube-channel.stache!';
+import './youtube-channel.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-channel-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/youtube-channel/youtube-channel.less b/new-app/components/service-forms/youtube-channel/youtube-channel.less
new file mode 100644
index 0000000..07aed3d
--- /dev/null
+++ b/new-app/components/service-forms/youtube-channel/youtube-channel.less
@@ -0,0 +1,3 @@
+bh-youtube-channel {
+    display: block;
+}
diff --git a/new-app/components/service-forms/youtube-channel/youtube-channel.stache b/new-app/components/service-forms/youtube-channel/youtube-channel.stache
new file mode 100644
index 0000000..060d72d
--- /dev/null
+++ b/new-app/components/service-forms/youtube-channel/youtube-channel.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="youtube/channel" brand-identity-id="{map.brand_identity_id}" val="{map.config.target}" allow-extra="true" pick-suggestion-label="Pick a channel" enter-your-own-label="Or enter any public channel"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
diff --git a/new-app/components/service-forms/youtube-playlist/youtube-playlist.js b/new-app/components/service-forms/youtube-playlist/youtube-playlist.js
new file mode 100644
index 0000000..909ab32
--- /dev/null
+++ b/new-app/components/service-forms/youtube-playlist/youtube-playlist.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './youtube-playlist.stache!';
+import './youtube-playlist.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-playlist-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/youtube-playlist/youtube-playlist.less b/new-app/components/service-forms/youtube-playlist/youtube-playlist.less
new file mode 100644
index 0000000..874a1e8
--- /dev/null
+++ b/new-app/components/service-forms/youtube-playlist/youtube-playlist.less
@@ -0,0 +1,3 @@
+bh-youtube-playlist {
+    display: block;
+}
diff --git a/new-app/components/service-forms/youtube-playlist/youtube-playlist.stache b/new-app/components/service-forms/youtube-playlist/youtube-playlist.stache
new file mode 100644
index 0000000..3d95b81
--- /dev/null
+++ b/new-app/components/service-forms/youtube-playlist/youtube-playlist.stache
@@ -0,0 +1,4 @@
+<div class="form-group">
+	<bh-suggestions service="youtube/playlist" brand-identity-id="{map.brand_identity_id}" val="{map.config.target}" allow-extra="true" pick-suggestion-label="Pick a playlist" enter-your-own-label="Or enter any public playlist"></bh-suggestions>
+	{{{configErrors errors 'name'}}}
+</div>
diff --git a/new-app/components/service-forms/youtube-user/youtube-user.js b/new-app/components/service-forms/youtube-user/youtube-user.js
new file mode 100644
index 0000000..70180e4
--- /dev/null
+++ b/new-app/components/service-forms/youtube-user/youtube-user.js
@@ -0,0 +1,8 @@
+import can from "can";
+import initView from './youtube-user.stache!';
+import './youtube-user.less!';
+
+can.Component.extend({
+	tag : 'bh-youtube-user-service',
+	template : initView
+});
diff --git a/new-app/components/service-forms/youtube-user/youtube-user.less b/new-app/components/service-forms/youtube-user/youtube-user.less
new file mode 100644
index 0000000..ddabf7f
--- /dev/null
+++ b/new-app/components/service-forms/youtube-user/youtube-user.less
@@ -0,0 +1,3 @@
+bh-youtube-user {
+    display: block;
+}
diff --git a/new-app/components/service-forms/youtube-user/youtube-user.stache b/new-app/components/service-forms/youtube-user/youtube-user.stache
new file mode 100644
index 0000000..50a1849
--- /dev/null
+++ b/new-app/components/service-forms/youtube-user/youtube-user.stache
@@ -0,0 +1,3 @@
+<div class="form-group">
+
+</div>
diff --git a/new-app/components/services-list/services-list-test.js b/new-app/components/services-list/services-list-test.js
new file mode 100644
index 0000000..20c6cd2
--- /dev/null
+++ b/new-app/components/services-list/services-list-test.js
@@ -0,0 +1,131 @@
+import "./services-list";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import Models from "models/";
+
+var template = can.stache("<bh-services-list services='{services}' state='{state}' current-service='{currentService}'></bh-services-list>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var services =  [
+	new Models.Service({
+		"error": null,
+		"config": {
+			"display_name": "bitovi",
+			"term": "bitovi"
+		},
+		"entity_count": 98,
+		"brand_identity_id": 1,
+		"type_name": "term",
+		"feed_name": "twitter",
+		"id": 4
+	})
+];
+
+QUnit.module('Services List Test');
+
+QUnit.test('Services List is correctly rendered', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tbody tr').size(1, 'Services table is rendered');
+});
+
+QUnit.test('Services can be edited', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list [can-click=editService]').click();
+	F('bh-services-list bh-service-form').exists('Form is rendered');
+});
+
+QUnit.test('Services can be destroyed', function(){
+	renderTemplate({
+		services : new can.List(services),
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list [can-click=destroyService]').exists('Destroy confirmation dialog is rendered');
+});
+
+QUnit.test('Services can be in loading state', function(){
+	var servicesList = new can.List(services);
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: [servicesList[0]]
+		})
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tr.loader').exists('Service is in loading state');
+	F('bh-services-list tr.loading-service').exists('Service is marked as loading');
+});
+
+QUnit.test('Services can have no results', function(){
+	var servicesList = new can.List(services);
+
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	servicesList[0].attr('noResults', true);
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list .no-data-alert').exists('Service has no data alert is shown');
+	F('bh-services-list [can-click=hideNoResults]').click();
+	F('bh-services-list .no-data-alert').missing('Service has no data alert can be hidden');
+});
+
+QUnit.test('Services can have be in error state', function(){
+	var servicesList = new can.List(services);
+
+	renderTemplate({
+		services : servicesList,
+		currentService : new can.compute(),
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	servicesList[0].attr('error', {
+		klass: 'foo',
+		message: 'bar'
+	});
+
+	F('bh-services-list').exists('Services list is rendered');
+	F('bh-services-list tr.errored-service').exists('Service is marked as in error state');
+	F('bh-services-list .alert-config-error').missing('Errors are not displayed by default');
+	F('bh-services-list [can-click=toggleErrorShowing]').click();
+	F('bh-services-list .alert-config-error').exists('Errors are displayed');
+});
diff --git a/new-app/components/services-list/services-list.js b/new-app/components/services-list/services-list.js
new file mode 100644
index 0000000..e1610f9
--- /dev/null
+++ b/new-app/components/services-list/services-list.js
@@ -0,0 +1,78 @@
+import can from "can";
+import initView from "./services-list.stache!";
+import "./services-list.less!";
+import "can/map/define/";
+import "components/delete_service_dialog/";
+import "components/service-config-formatter/";
+
+can.Component.extend({
+	tag : 'bh-services-list',
+	template : initView,
+	scope: {
+		deletingService: null,
+		init : function(){
+			this.attr({
+				shownErrors: [],
+				hiddenNoResults: []
+			});
+		},
+		hideNoResults : function(service){
+			this.attr('hiddenNoResults').push(service);
+		},
+		destroyService: function( service, el, ev) {
+			this.attr('deletingService', service);
+		},
+		editService:function(service){
+			this.attr('currentService', service);
+		},
+		toggleErrorShowing : function(service){
+			var shownErrors = this.attr('shownErrors'),
+					index = shownErrors.indexOf(service);
+			if(index > -1){
+				shownErrors.splice(index, 1);
+			} else {
+				shownErrors.push(service);
+			}
+		}
+	},
+	helpers : {
+		isCurrentService : function(service, opts){
+			var check;
+
+			service = can.isFunction(service) ? service() : service;
+			
+			check = service === this.attr('currentService');
+			check = check && !service.isNew();
+
+			return check ? opts.fn(opts.scope.add(service)) : opts.inverse(opts.scope.add(service));
+		},
+		isServiceCurrentlyLoading : function(service, opts){
+			var currentlyLoading = this.attr('state.loadingServices');
+
+			service = can.isFunction(service) ? service() : service;
+			
+			if(service.isLoading() || (currentlyLoading.indexOf(service) !== -1 && !service.attr('error') && !service.attr('noResults'))){
+				return opts.fn();
+			}
+		},
+		serviceHasNoResults : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			this.attr('hiddenNoResults').attr('length');
+			if(service.attr('noResults') && this.attr('hiddenNoResults').indexOf(service) === -1){
+				return opts.fn();
+			}
+		},
+		showErrorsForService : function(service, opts){
+			service = can.isFunction(service) ? service() : service;
+			this.attr('shownErrors').attr('length');
+			if(service.attr('error') && this.attr('shownErrors').indexOf(service) !== -1){
+				return opts.fn();
+			}
+		}
+	},
+	events : {
+		'{currentService} created' : function(){
+			this.scope.attr('currentService', null);
+		}
+	}
+});
diff --git a/new-app/components/services-list/services-list.less b/new-app/components/services-list/services-list.less
new file mode 100644
index 0000000..4ea5d8e
--- /dev/null
+++ b/new-app/components/services-list/services-list.less
@@ -0,0 +1,83 @@
+bh-services-list {
+	display: block;
+	margin: 0 -15px;
+	border-bottom: 1px solid #ddd;
+	.destroy-service, .edit-service {
+		cursor: pointer;
+		color: #666;
+		&:hover {
+			color: #333;
+		}
+	}
+	
+	table.services-table {
+		margin-bottom: 0;
+		> tbody > tr, > thead > tr {
+			&.service-row td, &.loader td {
+				border-top-color: #ddd;
+			}
+			&.loader td {
+				background: #97ECFF;
+			}
+			&.loading-service td {
+				border-top: none;
+				background: #97ECFF;
+			}
+			&.errored-service td {
+				border-top-color: #FFB8B8;
+			}
+			th {
+				border-bottom-color: #ddd;
+			}
+			th:first-child, td:first-child {
+				padding-left: 25px;
+			}
+			th:last-child, td:last-child {
+				padding-right: 25px;
+			}
+			th.actions {
+				width: 70px;
+			}
+			td.actions .fa {
+				display: inline-block;
+				margin-top: 3px;
+
+			}
+			th {
+				color: #f30;
+				font-size: 16px;
+			}
+			.progress {
+				height: 5px;
+				margin: 5px 0 0;
+			}
+		}
+		.no-data-alert {
+			margin: 10px 25px;
+		}
+		.alert-config-error {
+			margin-bottom: 0;
+			background: white;
+		}
+	}
+	ul.config {
+		font-size: 12px;
+		margin: 0;
+		padding: 0 0 0 16px;
+	}
+	.toggle-errors {
+		cursor: pointer;
+		float: left;
+		margin: 3px 5px 0 0;
+	}
+	bh-service-config-formatter {
+		float: left;
+	}
+	.table > tbody > tr.current-editing-service > td {
+		padding-bottom: 0;
+		padding-top: 25px;
+	}
+	.pending-wrap {
+		padding: 25px;
+	}
+}
diff --git a/new-app/components/services-list/services-list.stache b/new-app/components/services-list/services-list.stache
new file mode 100644
index 0000000..be11c05
--- /dev/null
+++ b/new-app/components/services-list/services-list.stache
@@ -0,0 +1,58 @@
+{{#if deletingService}}
+	<bh-delete-service-dialog service="{deletingService}" state="{state}"></bh-delete-service-dialog>
+{{/if}}
+<div class="services-table-wrap">
+	<table class="table services-table">
+		<tbody>
+			{{#each services}}
+				{{#isCurrentService this}}
+					<tr class="current-editing-service">
+						<td colspan="2">
+							<bh-service-form service="{currentService}" state="{../state}" services="{../services}" class="bithub-form"></bh-service-form>
+						</td>
+					</tr>
+				{{else}}
+					{{#isServiceCurrentlyLoading this}}
+						<tr class="loader">
+							<td colspan="2">
+								<div class="progress">
+									<div class="progress-bar progress-bar-striped active" style="width: 100%"></div>
+								</div>
+							</td>
+						</tr>
+					{{/isServiceCurrentlyLoading}}
+					<tr class="service-row {{#if error}}errored-service danger{{/if}} {{#isServiceCurrentlyLoading this}}loading-service{{/isServiceCurrentlyLoading}}">
+						<td>
+							{{#if error}}
+								<i class="fa fa-warning toggle-errors" can-click="toggleErrorShowing"></i>
+							{{/if}}
+							<bh-service-config-formatter service="{this}"></bh-service-config-formatter>
+						</td>
+						<td class="actions">
+							<i can-click="destroyService" class="fa fa-trash-o pull-right destroy-service"></i>
+							<i can-click="editService" class="fa fa-pencil pull-right edit-service"></i>
+						</td>
+					</tr>
+					{{#serviceHasNoResults this}}
+						<td colspan="2">
+							<div class="alert alert-info alert-dismissible no-data-alert">
+								<button class="close" can-click="hideNoResults">&times;</button>
+								We couldn't find any data for this service.
+							</div>
+						</td>
+					{{/serviceHasNoResults}}
+					{{#showErrorsForService this}}
+						<tr class="danger">
+							<td colspan="2">
+								<div class="alert alert-danger alert-config-error">
+									<b>{{ formattedErrorClass }}</b>
+									{{ formattedError }}
+								</div>
+							</td>
+						</tr>
+					{{/showErrorsForService}}
+				{{/isCurrentService}}
+			{{/each}}
+		</tbody>
+	</table>
+</div>
diff --git a/new-app/components/services/services.js b/new-app/components/services/services.js
new file mode 100644
index 0000000..03f4dce
--- /dev/null
+++ b/new-app/components/services/services.js
@@ -0,0 +1,68 @@
+import can from "can";
+import Models from "models/";
+import initView from "./services.stache!";
+
+import "./services.less!";
+import "components/service-form/";
+import "components/services-list/";
+
+can.Component.extend({
+	tag : 'bh-services',
+	template : initView,
+	scope : {
+		currentService : null,
+		define : {
+			services : {
+				get : function() {
+					console.log('GET LIST OF SERVICES', this.attr('appState'))
+					return new Models.Service.List({
+						embed_id: this.attr('appState.currentHub.id')
+					});
+				}
+			}
+		},
+		feeds : Models.Service.feeds,
+		toggleNewService : function(ctx, el){
+			var feed = el.data('feed');
+			var currentService = this.attr('currentService');
+			var check = currentService && currentService.isNew() && currentService.attr('feed_name') === feed;
+
+			if(check){
+				this.attr('currentService', null);
+				return;
+			}
+
+			this.attr('currentService', Models.Service.createEmptyService(feed));
+		}
+	},
+	events : {
+		init : function(){
+			this.preloadIcons();
+		},
+		preloadIcons : function(){
+			var feeds = this.scope.feeds.attr();
+			var img;
+			for(var k in feeds){
+				img = new Image();
+				img.src = "/images/social-empty/" + k + '.png';
+			}
+		}
+	},
+	helpers : {
+		currentServiceIsNewAndHasFeedName : function(feedName, opts){
+			var currentService = this.attr('currentService');
+
+			feedName = can.isFunction(feedName) ? feedName() : feedName;
+
+			if(!currentService){
+				return opts.inverse(this);
+			}
+
+			if(currentService.isNew() &&
+				 currentService.attr('feed_name') === feedName){
+				return opts.fn(this);
+			}
+			return opts.inverse(this);
+		}
+	}
+});
diff --git a/new-app/components/services/services.less b/new-app/components/services/services.less
new file mode 100644
index 0000000..796e8ba
--- /dev/null
+++ b/new-app/components/services/services.less
@@ -0,0 +1,42 @@
+bh-services {
+	display: block;
+	.service-slider-outer-wrap {
+		position: relative;
+		margin-bottom: 20px;
+	}
+	.service-slider-wrap {
+		padding: 25px 0;
+		.new-service-picker {
+			margin-bottom: 0;
+			li {
+				float: left;
+				width: 62px;
+				height: 63px;
+				border: 1px solid #dad9d9;
+				text-align: center;
+				font-size: 9px;
+				margin-right: -1px;
+				margin-top: -1px;
+				cursor: pointer;
+				img {
+					width: 48px;
+					height: 48px;
+					display: block;
+					margin: 5px auto;
+				}
+				&.active {
+					background: white;
+					color: #249cb8;
+				}
+			}
+		}
+	}
+	.alert-error-list {
+		padding: 5px;
+		margin-top: 5px;
+		font-size: 85%;
+	}
+	bh-service-form {
+		margin-bottom: 25px;
+	}
+}
diff --git a/new-app/components/services/services.stache b/new-app/components/services/services.stache
new file mode 100644
index 0000000..c51fdf9
--- /dev/null
+++ b/new-app/components/services/services.stache
@@ -0,0 +1,34 @@
+<h2 class="subtitle-separator">Connect a service</h2>
+
+<div class="service-slider-wrap">
+	<ul class="list-unstyled new-service-picker clearfix">
+		{{#each feeds}}
+			<li can-click="toggleNewService" data-feed="{{@key}}" {{#currentServiceIsNewAndHasFeedName @key}}class="active"{{/currentServiceIsNewAndHasFeedName}}>
+				{{#currentServiceIsNewAndHasFeedName @key}}
+					<img src="/images/social-empty/{{@key}}.png" alt="">
+				{{else}}
+					<img src="/images/social-grey/{{@key}}.png" alt="">
+				{{/currentServiceIsNewAndHasFeedName}}
+			</li>
+		{{/each}}
+	</ul>
+</div>
+
+{{#if currentService.isNew}}
+	{{#ifCanAddService services currentService.feed_name currentService.type_name}}
+		<bh-service-form service="{currentService}" state="{appState}" services="{appState.services}" class="bithub-form"></bh-service-form>
+  {{else}}
+    <div class="alert alert-info">You must upgrade your plan to add this service.</div>
+	{{/ifCanAddService}}
+{{/if}}
+
+{{#if services.isPending}}
+	<div class="pending-wrap">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading ...
+	</div>
+{{else}}
+	{{#if services.length}}
+		<h2 class="subtitle-separator">Connected services</h2>
+		<bh-services-list state="{appState}" current-service="{currentService}" services="{appState.services}"></bh-services-list>
+	{{/if}}
+{{/if}}
diff --git a/new-app/components/services/services_test.js b/new-app/components/services/services_test.js
new file mode 100644
index 0000000..495d950
--- /dev/null
+++ b/new-app/components/services/services_test.js
@@ -0,0 +1,95 @@
+import "./services";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+import fixture from "can/util/fixture/";
+import Models from  "models/";
+
+import "can/map/define/";
+
+var template = can.stache("<bh-services state='{state}'></bh-services>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+can.stache.registerHelper(
+	'ifCanAddService',
+	function(services, feed, type, opts){
+		return opts.fn();
+	}
+);
+
+var StateMap = can.Map.extend({
+	define : {
+		services : {
+			get : function() {
+				var res = new Models.Service.List({
+					embed_id: this.attr('hubId')
+				});
+				console.log(res);
+				return res;
+			}
+		}
+	}
+});
+
+QUnit.module('Services Test', {
+	beforeEach : function(){
+		var fixtureData = [
+			{
+				"error": null,
+				"config": {
+					"display_name": "bitovi",
+					"term": "bitovi"
+				},
+				"entity_count": 98,
+				"brand_identity_id": 1,
+				"type_name": "term",
+				"feed_name": "twitter",
+				"id": 4
+			}
+		];
+		fixture('GET /api/v3/services', function(){
+			return fixtureData;
+		});
+		fixture.delay = 1000;
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture('GET /api/v3/services', null);
+		fixture.on = false;
+		fixture.delay = 100;
+	}
+});
+
+QUnit.test('Services are correctly rendered', function(){
+	renderTemplate({
+		state : new StateMap({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+	
+	F('bh-services').exists('Services are rendered');
+	F('bh-services .pending-wrap').exists('Loader is rendered');
+	F('bh-services bh-services-list').exists('Services list is rendered');
+	F('bh-services .service-slider-wrap li').exists('Feed buttons are loaded');
+});
+
+QUnit.test('Clicking on a feed button will toggle the service form', function(){
+	renderTemplate({
+		state : new can.Map({
+			hubId: 1,
+			loadingServices: []
+		})
+	});
+
+	F('bh-services li[can-click=toggleNewService]:first').click();
+	F('bh-services bh-service-form').exists('Service form is rendered');
+	F.wait(1, function(){
+		ok(F('bh-services li[can-click=toggleNewService]:first').is('.active'), 'First service button is activated');
+	});
+	F('bh-services li[can-click=toggleNewService].active').click();
+	F('bh-services li[can-click=toggleNewService].active').missing('First service button is deactivated');
+});
diff --git a/new-app/components/suggestions/suggestions.js b/new-app/components/suggestions/suggestions.js
new file mode 100644
index 0000000..f9827f7
--- /dev/null
+++ b/new-app/components/suggestions/suggestions.js
@@ -0,0 +1,61 @@
+import initView from './suggestions.stache!';
+import Models from 'models/';
+import './suggestions.less!';
+
+export var SuggestionsVM = can.Map.extend({
+	enterYourOwnLabel : 'Enter your own',
+	pickSuggestionLabel : 'Pick a suggestion',
+	allowExtra : false,
+	isLoading : true,
+	init : function(){
+		var self = this;
+		this.attr('isLoading', true);
+		Models.Suggestion.findAll({
+			service: this.attr('service'),
+			brandIdentityId: this.attr('brandIdentityId')
+		}).then(function(data){
+			self.attr({
+				suggestions: data,
+				isLoading : false
+			});
+		});
+	},
+	toggleSuggestion : function(suggestion){
+		var currentSuggestion = this.attr('val');
+		var newSuggestion = suggestion.attr('id');
+
+		if(currentSuggestion === newSuggestion){
+			this.attr('val', null);
+		} else {
+			this.attr('val', suggestion.attr('id'));
+		}
+		
+	},
+	hasExtra : function(){
+		var suggestions = this.attr('suggestions');
+		var length = suggestions.attr('length');
+		var val = this.attr('val');
+
+		for(var i = 0; i < length; i++){
+			if(suggestions[i].id === val){
+				return false;
+			}
+		}
+		return !!this.attr('allowExtra');
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-suggestions',
+	template : initView,
+	scope : SuggestionsVM,
+	helpers : {
+		isSelected : function(suggestion, opts){
+			suggestion = can.isFunction(suggestion) ? suggestion() : suggestion;
+			if(suggestion.attr('id') === this.attr('val')){
+				return opts.fn();
+			}
+			return opts.inverse();
+		}
+	}
+});
diff --git a/new-app/components/suggestions/suggestions.less b/new-app/components/suggestions/suggestions.less
new file mode 100644
index 0000000..d3cc854
--- /dev/null
+++ b/new-app/components/suggestions/suggestions.less
@@ -0,0 +1,26 @@
+bh-suggestions {
+	display: block;
+	tr {
+		cursor: pointer;
+		td:first-child {
+			padding-left: 15px;
+		}
+		&:first-child td {
+			border-top: none;
+		}
+	}
+	.scroll {
+		max-height: 215px;
+		overflow-y: auto;
+		.table {
+			margin-bottom: 0;
+		}
+	}
+	.panel {
+		margin-top: 10px;
+	}
+	label.enter-your-own {
+		display: block;
+		margin-top: 15px;
+	}
+}
\ No newline at end of file
diff --git a/new-app/components/suggestions/suggestions.stache b/new-app/components/suggestions/suggestions.stache
new file mode 100644
index 0000000..05a1e84
--- /dev/null
+++ b/new-app/components/suggestions/suggestions.stache
@@ -0,0 +1,35 @@
+{{#if isLoading}}
+	<div class="loader">
+		<i class="fa fa-spin fa-circle-o-notch"></i> Loading...
+	</div>
+{{else}}
+	{{#if suggestions.length}}
+		<div class="panel panel-default">
+			<div class="panel-heading">
+				<b>{{ pickSuggestionLabel }}</b>
+			</div>
+			<div class="scroll">
+				<table class="table table-hover">
+					<tbody>
+						{{#each suggestions}}
+							<tr {{#isSelected this}}class="info"{{/isSelected}} can-click="toggleSuggestion">
+								<td>
+									<i class="fa {{#isSelected this}}fa-dot-circle-o{{else}}fa-circle-o{{/isSelected}}"></i>
+									{{ name }}
+								</td>
+							</tr>
+						{{/each}}
+					</tbody>
+				</table>
+			</div>
+		</div>
+	{{else}}
+		<div class="alert alert-info">
+			We couldn't load any suggestions for this feed.
+		</div>
+	{{/if}}
+	{{#if hasExtra}}
+		<label class="enter-your-own">{{ enterYourOwnLabel }}</label>
+		<input type="text" can-value="val" class="form-control">
+	{{/if}}
+{{/if}}
diff --git a/new-app/components/suggestions/suggestions_test.js b/new-app/components/suggestions/suggestions_test.js
new file mode 100644
index 0000000..22c8aa5
--- /dev/null
+++ b/new-app/components/suggestions/suggestions_test.js
@@ -0,0 +1,129 @@
+import "./suggestions";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+import fixture from "can/util/fixture/";
+
+var template = can.stache("<bh-suggestions val='{val}' allow-extra='{allowExtra}' brand-identity-id='{brandIdentityId}' service='{service}'></bh-analytics>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+
+var fixtureUrl = '/api/v3/services/suggestions/repo?brand_identity_id={brandIdentityId}';
+
+QUnit.module('Suggestions Tests', {
+	beforeEach : function(){
+		fixture(fixtureUrl, function(req){
+			if(req.data.brandIdentityId !== '1'){
+				return [];
+			}
+			return [
+				{
+					"name": "aljosa/muchi.me",
+					"id": "aljosa/muchi.me"
+				},
+				{
+					"name": "retro/apitizer",
+					"id": "retro/apitizer"
+				}
+			];
+		});
+		fixture.delay = 100;
+		fixture.on = true;
+	},
+	afterEach : function(){
+		fixture.on = false;
+		fixture.delay = 0;
+		fixture(fixtureUrl, null);
+	}
+});
+
+QUnit.test("Suggestions are listed", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo'
+	});
+	
+	F('bh-suggestions .loader').exists('Loader is displayed');
+	F('bh-suggestions .panel').exists('Suggestions are loaded');
+	F('bh-suggestions td').text(/aljosa\/muchi\.me/, 'First suggestion is rendered');
+	F('bh-suggestions td').text(/retro\/apitizer/, 'Secong suggestion is rendered');
+
+});
+
+QUnit.test("When there are no suggestions, info is shown", function(){
+	renderTemplate({
+		brandIdentityId: 2,
+		service: 'repo'
+	});
+
+	F('bh-suggestions .panel').missing('Suggestions are not loaded');
+	F('bh-suggestions .alert-info').exists('Info panel is shown instead of suggestions');
+});
+
+QUnit.test("Allow extra", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		allowExtra: true
+	});
+	
+	F('bh-suggestions [can-value=val]').exists('Input field for extra is shown');
+	F('bh-suggestions [can-value=val]').type('foo/bar[\t]');
+	F.wait(1, function(){
+		QUnit.equal(F('bh-suggestions').scope().attr('val'), 'foo/bar', 'Val is set to extra value');
+	});
+});
+
+QUnit.test("Selecting suggestion", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo'
+	});
+	
+	F('bh-suggestions .panel').exists('Suggestions are loaded');
+	F('tr:first').click();
+	F('tr.info td').text(/aljosa\/muchi\.me/, 'Suggestion is selected');
+	F.wait(1, function(){
+		QUnit.equal(F('bh-suggestions').scope().attr('val'), 'aljosa/muchi.me', 'Suggestion is set on scope');
+	});
+});
+
+QUnit.test("Selecting suggestion is possible through the attribute", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		val: 'aljosa/muchi.me'
+	});
+	F('tr.info td').text(/aljosa\/muchi\.me/, 'Suggestion is selected');
+});
+
+QUnit.test("Clicking on a selected suggestion will hide it", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		val: 'aljosa/muchi.me'
+	});
+
+	F('tr.info').click();
+	F('tr.info').missing('Suggestion is deselected');
+});
+
+QUnit.test("Selecting a suggestion from the list will hide the extra input", function(){
+	renderTemplate({
+		brandIdentityId: 1,
+		service: 'repo',
+		allowExtra: true
+	});
+
+	F('[can-value=val]').exists('Extra input is shown');
+	F('tr:first').click();
+	F('tr.info').exists('Suggestion is selected');
+	F('[can-value=val]').missing('Extra input is hidden');
+	F('tr.info').click();
+	F('tr.info').missing('Suggestion is deselected');
+	F('[can-value=val]').exists('Extra input is shown');
+});
diff --git a/new-app/components/tag-list/tag-list-tests.js b/new-app/components/tag-list/tag-list-tests.js
new file mode 100644
index 0000000..27894fe
--- /dev/null
+++ b/new-app/components/tag-list/tag-list-tests.js
@@ -0,0 +1,66 @@
+import {TagListVM} from "./tag-list";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+var template = can.stache("<bh-tag-list tags='{tags}'></bh-tag-list>");
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var getTags = function(vm){
+	return vm.attr('tags').attr();
+};
+
+QUnit.module("Tag List Tests");
+
+QUnit.test('Adding tags', function(){
+	var tags = new can.List();
+	
+	renderTemplate({tags: tags});
+
+	F('bh-tag-list').exists();
+	F('bh-tag-list').click();
+	F('bh-tag-list input').type('FOO ');
+	F.wait(1, function(){
+		QUnit.assert.deepEqual(tags.attr(), ['FOO']);
+	});
+});
+
+QUnit.test('Removing tags', function(){
+	var tags = new can.List(['tag1', 'tag2']);
+	
+	renderTemplate({tags: tags});
+
+	F('bh-tag-list input').type('\b');
+
+	F.wait(1, function(){
+		QUnit.assert.deepEqual(tags.attr(), ['tag1']);
+	});
+});
+
+QUnit.test('addTag function', function(){
+	var vm = new TagListVM();
+	QUnit.assert.deepEqual(getTags(vm), [], 'VM is initalized with empty tag list');
+	vm.addTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['foo'], 'Tag is added');
+	vm.addTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['foo'], 'Duplicate tag entry is prevented');
+	vm.addTag(' bar#$');
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'Tags are cleaned before they are added to the list');
+	vm.addTag('    bar$$$');
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'Tags are cleaned before checking for duplicates');
+});
+
+QUnit.test('removeTag function', function(){
+	var vm = new TagListVM({
+		tags : ['foo', 'bar', 'baz']
+	});
+	vm.removeTag();
+	QUnit.assert.deepEqual(getTags(vm), ['foo', 'bar'], 'When called without argument removeTag removes last tag from the list');
+	vm.removeTag('foo');
+	QUnit.assert.deepEqual(getTags(vm), ['bar'], 'When called with argument, removeTag will find the tag in the list and remove it');
+	vm.removeTag('foobarbaz');
+	QUnit.assert.deepEqual(getTags(vm), ['bar'], 'When called with the non existing tag removeTag function will do nothing');
+});
diff --git a/new-app/components/tag-list/tag-list.js b/new-app/components/tag-list/tag-list.js
new file mode 100644
index 0000000..be95fcd
--- /dev/null
+++ b/new-app/components/tag-list/tag-list.js
@@ -0,0 +1,77 @@
+import can from "can";
+import initView from "./tag-list.stache!";
+import "./tag-list.less!";
+
+var KEYMAP = {
+	COMMA : 188,
+	SPACE : 32,
+	BACKSPACE : 8,
+	ENTER : 13
+};
+
+export var TagListVM = can.Map.extend({
+	init : function(){
+		if(!this.attr('tags')){
+			this.attr('tags', []);
+		}
+	},
+	removeTag : function(tag){
+		var tags  = this.attr('tags');
+		var index = tag ? tags.indexOf(tag) : tags.attr('length') - 1;
+		if(index >= 0){
+			tags.splice(index, 1);
+		}
+	},
+	addTag : function(tag){
+		var tags, canAddTag;
+		
+		tag = tag.replace(/[^a-zA-Z0-9-_]/g ,"");
+		tags = this.attr('tags');
+		canAddTag = tags.indexOf(tag) === -1;
+
+		if(canAddTag){
+			tags.push(tag);
+		}
+	}
+});
+
+can.Component.extend({
+	tag : 'bh-tag-list',
+	template : initView,
+	scope : TagListVM,
+	events: {
+		'input keydown' : function(el, ev){
+			var val = can.trim(el.val());
+			if((ev.which === KEYMAP.COMMA ||
+					ev.which === KEYMAP.SPACE ||
+					ev.which === KEYMAP.ENTER) && val !== ''){
+				this.scope.addTag(val);
+				el.val('');
+				if(ev.which !== KEYMAP.ENTER){
+					ev.preventDefault();
+				}
+			} else if(ev.which === KEYMAP.BACKSPACE && this.__lastSelectionStart === 0){
+				this.scope.removeTag();
+			}
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input click': function(el){
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input focus': function(el){
+			this.__lastSelectionStart = el[0].selectionStart;
+		},
+		'input blur' : function(el, ev){
+			var val = can.trim(el.val() || "");
+			if(val !== ""){
+				this.scope.addTag(val);
+				el.val("");
+			}
+		},
+		click : function(el, ev){
+			if(ev.target === this.element[0] || $(ev.target).is('.tag-list-wrap')){
+				this.element.find('input').focus();
+			}
+		}
+	}
+});
diff --git a/new-app/components/tag-list/tag-list.less b/new-app/components/tag-list/tag-list.less
new file mode 100644
index 0000000..bd4b854
--- /dev/null
+++ b/new-app/components/tag-list/tag-list.less
@@ -0,0 +1,25 @@
+@import "../../node_modules/bootstrap/less/mixins.less";
+
+bh-tag-list {
+	input {
+		border: none;
+		outline: none;
+		box-shadow: none;
+		float: left;
+		margin-bottom: 4px;
+	}
+	.tag-list-wrap {
+		padding: 5px 0 0 5px;
+		height: auto;
+	}
+	.label {
+		float: left;
+		font-size: 95%;
+		font-weight: 300;
+		margin: 0 5px 5px 0;
+		.remove-tag {
+			cursor: pointer;
+			margin-right: 0;
+		}
+	}
+}
diff --git a/new-app/components/tag-list/tag-list.stache b/new-app/components/tag-list/tag-list.stache
new file mode 100644
index 0000000..3ce5ffe
--- /dev/null
+++ b/new-app/components/tag-list/tag-list.stache
@@ -0,0 +1,9 @@
+<div class="form-control tag-list-wrap clearfix">
+	{{#each tags}}
+		<span class="label label-primary">
+			{{ . }}
+			<i class="fa fa-close remove-tag" can-click="removeTag"></i>
+		</span>
+	{{/each}}
+	<input type="text" placeholder="Add Tag...">
+</div>
\ No newline at end of file
diff --git a/new-app/index.html b/new-app/index.html
new file mode 100644
index 0000000..e69de29
diff --git a/new-app/index.js b/new-app/index.js
new file mode 100644
index 0000000..6f1401f
--- /dev/null
+++ b/new-app/index.js
@@ -0,0 +1,12 @@
+import "can/view/autorender/";
+import "bootstrap/less/bootstrap.less!";
+import "style/style.less!";
+import "components/layout/";
+import $ from "jquery";
+
+$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
+	if(options.type.toLowerCase() !== 'get'){
+		options.data = JSON.stringify(originalOptions.data);
+		options.contentType = 'application/json';
+	}
+});
diff --git a/new-app/models/account.js b/new-app/models/account.js
new file mode 100644
index 0000000..30e50f9
--- /dev/null
+++ b/new-app/models/account.js
@@ -0,0 +1,37 @@
+import can from "can";
+import Organization from "./organization";
+
+import "can/map/define/";
+import "can/construct/super/";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/account',
+	update: 'PUT /api/v3/current/account',
+	current : function(){
+		return this.findOne({});
+	}
+}, {
+	define : {
+
+		organizations : {
+			Type : Organization.List
+		}
+	},
+	hasMultipleOrganizations : function(){
+		var organizations = this.attr('organizations');
+		return organizations && organizations.attr('length') > 1;
+	},
+	serialize: function() {
+		var data = this._super();
+
+		if(data.current_password && !data.password){
+			data.password = "";
+		}
+		
+		if(data.password && !data.password_confirmation){
+			data.password_confirmation = "";
+		}
+
+		return { account: data };
+	}
+});
diff --git a/new-app/models/analytics.js b/new-app/models/analytics.js
new file mode 100644
index 0000000..f0a54bf
--- /dev/null
+++ b/new-app/models/analytics.js
@@ -0,0 +1,95 @@
+import can from "can";
+import Service from "./service";
+import moment from "moment";
+
+import "can/map/define/";
+import "components/service-config-formatter/";
+
+var TOOLTIP = can.stache('<bh-service-config-formatter service="{this}"></bh-service-config-formatter>');
+
+var fillInMissingTimepoints = function(points, length){
+	var firstRun = true;
+	
+	while(points.length < length){
+		if(firstRun){
+			points.unshift(0);
+			firstRun = false;
+		} else {
+			points.unshift(null);
+		}
+		
+	}
+	return points;
+};
+
+var alphaVersion = function(color){
+	return 'rgba' + color.substring(3, color.length - 1) + ', .2)';
+};
+
+var Analytics = can.Model.extend({
+	findAll : '/api/v3/analytics?source_type={sourceType}&resolution={resolution}&owner_id={ownerId}'
+}, {
+	define : {
+		source : {
+			Type: Service
+		}
+	}
+});
+
+Analytics.List = Analytics.List.extend({
+	graphData : function(type){
+		var length = this.attr('length');
+		var serviceTimepoints = {};
+		var service;
+		var timepoints;
+		var isLongest = false;
+		var data = [];
+		var longestPointsLengthLabels = [];
+		var i;
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			timepoints = this.attr(i + '.timepoints');
+
+			serviceTimepoints[service.id] = [];
+
+			isLongest = (timepoints.length > longestPointsLengthLabels.length);
+
+			if(isLongest){
+				longestPointsLengthLabels = [];
+			}
+
+			for(var j = 0; j < timepoints.length; j++){
+				serviceTimepoints[service.id].push(timepoints[j][type]);
+				if(isLongest){
+					longestPointsLengthLabels.push(moment(timepoints[j].measured_at).fromNow());
+				}
+				
+			}
+		}
+
+		for(var k in serviceTimepoints){
+			serviceTimepoints[k] = fillInMissingTimepoints(serviceTimepoints[k], longestPointsLengthLabels.length);
+		}
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			data.push({
+				label : can.trim(TOOLTIP(service).firstChild.innerText),
+				fillColor: alphaVersion(service.attr('graphColor')),
+				strokeColor: service.attr('graphColor'),
+				pointColor: service.attr('graphColor'),
+				pointHighlightFill: "#fff",
+				pointHighlightStroke: service.attr('graphColor'),
+				data: serviceTimepoints[service.id]
+			});
+		}
+
+		return {
+			labels : longestPointsLengthLabels,
+			datasets: data
+		};
+	}
+});
+
+export default Analytics;
diff --git a/new-app/models/app-state.js b/new-app/models/app-state.js
new file mode 100644
index 0000000..5ac5030
--- /dev/null
+++ b/new-app/models/app-state.js
@@ -0,0 +1,78 @@
+import $ from "jquery";
+import can from "can";
+import Models from "models/";
+import route from "can/route/";
+
+import "can/map/define/";
+
+
+var AppState = can.Map.extend({
+	define : {
+		page : {
+			set : function(val){
+				return val;
+			}
+		},
+		tab : {
+			get : function(lastSetVal){
+				return lastSetVal || "inbox";
+			}
+		},
+		currentBrand : {
+			serialize: false
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount : {
+			serialize: false
+		},
+		currentOrganization: {
+			serialize: false
+		},
+		currentHub: {
+			serialize: false,
+		},
+		hubs : {
+			serialize: false
+		},
+		loadingServices : {
+			serialize : false,
+			get : function(){
+				return [];
+			}
+		},
+	
+	},
+	isAdmin : function(){
+		return true;
+	},
+	resetEmbed : function(){}
+});
+
+var appState = new AppState();
+route.map(appState);
+route("", {page: "moderation"});
+route.ready();
+
+
+$.when(
+	Models.Brand.findOne({}),
+	Models.Subscription.findOne({}),
+	Models.Account.current(),
+	Models.Organization.current(),
+	Models.Hub.findAll({})
+).done(function(brand, subscription, account, organization, hubs){
+		
+	appState.attr({
+		currentBrand: brand,
+		currentSubscription: subscription,
+		currentAccount: account,
+		currentOrganization: organization,
+		hubs: hubs,
+		currentHub: hubs[0],
+	});
+
+});
+
+export default appState;
diff --git a/new-app/models/appstate.js b/new-app/models/appstate.js
new file mode 100644
index 0000000..601d5d2
--- /dev/null
+++ b/new-app/models/appstate.js
@@ -0,0 +1,291 @@
+import can from "can";
+import Models from 'models/';
+import _reduce from 'lodash/collection/reduce';
+import connectLiveService from 'connect-liveservice';
+import Communicator from 'communicator/';
+import 'can/map/define/';
+import 'can/construct/proxy/';
+import 'can/map/delegate/';
+
+var CURRENT_IFRAME;
+
+var PAGE_TITLES = {
+	'hub-list' : 'Hub List',
+	'services' : 'Services',
+	'integration' : 'Integration',
+	'moderation' : 'Moderation',
+	'analytics' : 'Analytics',
+	'payments' : 'Payments',
+	'organization-settings' : 'Organization Accounts',
+	'user-settings' : 'User Settings'
+};
+
+var getPageTitle = function(val, appState){
+	if(val === 'sidebar'){
+		val = appState.attr('panel') || 'services';
+	}
+
+	return PAGE_TITLES[val];
+};
+
+var setTitle = function(val, appState){
+	$('title').html('BitHub &mdash; ' + getPageTitle(val, appState));
+};
+
+export default can.Map.extend({
+	define : {
+		page : {
+			value : 'hub-list',
+			set : function(val){
+				this.removeAttr('customPreset');
+				setTitle(val, this);
+				return val;
+			}
+		},
+		panel : {
+			set : function(val){
+				setTitle(val, this);
+				return val;
+			}
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount: {
+			serialize: false
+		},
+		currentOrganization : {
+			serialize: false
+		},
+		hubId : {
+			set : function(val){
+				var liveService = connectLiveService(val, this.attr('currentBrand').attr('tenant_name'));
+				var self = this;
+
+				this.attr('bits').splice(0);
+
+				if(liveService){
+
+
+					liveService.on('services', can.proxy(Models.Service.messageFromLiveService, Models.Service));
+
+					liveService.on('services', function(msg){
+						var loadingServices = self.attr('loadingServices');
+						var index, service;
+						if(typeof msg === 'string'){
+							msg = JSON.parse(msg);
+						}
+
+						if(msg.service.empty_results || msg.service.has_errors){
+							service = loadingServices.filter(function(s){
+								return s.id === msg.service.id;
+							})[0];
+							index = loadingServices.indexOf(service);
+							if(index > -1){
+								loadingServices.splice(index, 1);
+							}
+						}
+					});
+				}
+
+				return val;
+			},
+			remove : function(){
+				CURRENT_IFRAME = null;
+				this.attr('bits').splice(0);
+			}
+		},
+		embedType : {
+			get : function(){
+				if(this.attr('page') === 'sidebar'){
+					if(this.attr('panel') === 'integration'){
+						return 'preview';
+					}
+					return 'admin';
+				}
+			},
+			serialize: false
+		},
+		iframe : {
+			get : function(){
+				var src = this.attr('iframeSrc');
+				var iframe;
+
+				if(src){
+					if(!CURRENT_IFRAME){
+						iframe = $('<iframe src="' + this.iframeSrc() + '"></iframe>');
+						CURRENT_IFRAME = iframe[0];
+					}
+
+					return CURRENT_IFRAME;
+				}
+			}
+		},
+		iframeSrc : {
+			get : function(){
+				var currentBrand = this.attr('currentBrand');
+				var hubId = this.attr('hubId');
+
+				if(hubId && currentBrand){
+					return this.attr('preset').url(currentBrand.attr('tenant_name'), hubId);
+				}
+			},
+			serialize: false
+		},
+		adminPreset : {
+			value : Models.Preset.ADMIN,
+			serialize: false
+		},
+		defaultPreviewPreset : {
+			value : Models.Preset.PREVIEW,
+			serialize: false
+		},
+		preset : {
+			get : function(){
+				var embedType = this.embedType();
+				var customPreset;
+
+				if(embedType === 'admin'){
+					return this.attr('adminPreset');
+				} else {
+					customPreset = this.attr('customPreset');
+					return customPreset || this.attr('defaultPreviewPreset');
+				}
+			},
+			set : function(val){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+
+				if(embedType === 'admin'){
+					adminPreset.attr('config').attr(val.attr ? val.attr() : val);
+					return val;
+				}
+			},
+			serialize : function(){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+				var adminParams;
+				if(adminPreset){
+					adminPreset.attr();
+				}
+				
+
+				if(embedType === 'admin'){
+					adminParams = {
+						order: adminPreset.attr('config.order'),
+						filter: adminPreset.attr('config.filter')
+					};
+
+					if(adminPreset.attr('config.service_id')){
+						adminParams.service_id = adminPreset.attr('config.service_id');
+					}
+
+					return adminParams;
+				}
+			}
+		},
+		customPreset: {
+			serialize: false
+		},
+		hub : {
+			serialize : false,
+			get : function(lastSetValue, setAttrValue){
+				Models.Hub.findOne({id: this.attr('hubId')})
+					.then(function(hub){
+						setAttrValue(hub);
+					});
+			}
+		},
+		services : {
+			get : function() {
+				return new Models.Service.List({
+					embed_id: this.attr('hubId')
+				});
+			}
+		},
+		sidebarIsExpanded : {
+			value : true,
+			serialize: false
+		},
+		loadingServices : {
+			value : [],
+			serialize: false
+		},
+		bits : {
+			Value : Models.Bit.List,
+			serialize: false
+		},
+		scrollTop : {
+			value : 0,
+			serialize: false
+		},
+		scrollHeight: {
+			value : 0,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		}
+	},
+	init : function(){
+		var self = this;
+		this.communicator = Communicator.bind(this.compute('iframe'), {
+			loadedBits : function(payload){
+				self.bitsWereLoaded(payload);
+			}
+		});
+	},
+	updateIframeAttrs : function(){
+		var preset = this.attr('preset');
+		var currentBrand = this.attr('currentBrand');
+		var hubId = this.attr('hubId');
+		var newAttrs;
+
+		if(preset && currentBrand && hubId){
+			newAttrs = preset.embedAttrs(currentBrand.attr('tenant_name'), hubId);
+			this.communicator.send('updateAttrs', newAttrs);
+		}
+	},
+	resetEmbed : function(){
+		this.communicator.send('reset');
+	},
+	bitsWereLoaded : function(serviceIds){
+		var loadingServices = this.attr('loadingServices');
+		var loadingServicesByIds = _reduce(loadingServices, function(acc, service){
+			acc[service.attr('id') + ""] = service;
+			return acc;
+		}, {});
+		var index;
+
+		for(var i = 0; i < serviceIds.length; i++){
+			if(loadingServicesByIds[serviceIds[i]]){
+				index = loadingServices.indexOf(loadingServicesByIds[serviceIds[i]]);
+				loadingServices.splice(index, 1);
+			}
+		}
+	},
+	isAdminEmbed : function(){
+		var preset = this.attr('preset');
+		return preset && preset.attr('config.view') === 'admin';
+	},
+	theme : function(){
+		var preset = this.attr('preset');
+		return (preset && preset.attr('config.theme')) || 'light';
+	},
+	isSidebar : function(){
+		return this.attr('page') === 'sidebar' && this.attr('hubId');
+	},
+	embedType : function(){
+		return this.attr('embedType');
+	},
+	embedTypeTitle : function(){
+		var titles = {
+			admin: 'Administration',
+			preview: 'Preview'
+		};
+		return titles[this.embedType()];
+	},
+	isAnalyticsPageActive : function(){
+		return this.attr('page') === 'analytics';
+	},
+});
diff --git a/new-app/models/bit.js b/new-app/models/bit.js
new file mode 100644
index 0000000..184bf3f
--- /dev/null
+++ b/new-app/models/bit.js
@@ -0,0 +1,85 @@
+import can from "can";
+import Bit from "bithub-embed/models/bit";
+
+import "can/list/promise/";
+import "can/map/define/";
+
+var checkIfBitIsBelowCurrentBit = function(bit, currentBit){
+	if(!currentBit){
+		return false;
+	}
+	if(currentBit.is_pinned){
+		return true;
+	}
+	return bit.thread_updated_ts < currentBit.thread_updated_ts;
+};
+
+var isFullBit = function(bit){
+	return !!bit.created_at;
+};
+
+var buffer = (function(){
+	var _buffer = [];
+	var _currentSweeper;
+
+	return {
+		add : function(bit){
+			_buffer.push(bit);
+			if(!_currentSweeper){
+				_currentSweeper = setTimeout(function(){
+					var localBuffer = _buffer.splice(0).reverse();
+					for(var i = 0; i < localBuffer.length; i++){
+						can.trigger(Bit, 'lifecycle', [localBuffer[i]]);
+					}
+					_currentSweeper = null;
+				}, 5000);
+			}
+		}
+	};
+})();
+
+Bit.messageFromLiveService = function(msg){
+	var parsed = JSON.parse(msg);
+	parsed._isFromLiveService = true;
+
+	if(this.store[parsed.id]){
+		this.store[parsed.id].attr(parsed);
+	} else if(isFullBit(parsed)){
+		buffer.add(this.model(parsed));
+	}
+	if(!parsed.is_approved){
+		can.trigger(Bit, 'disapproved', [this.store[parsed.id]]);
+	}
+};
+
+Bit.List = Bit.List.extend({
+	place : function(bit){
+		var index = -1;
+		var currentIndex, currentBit;
+
+		this.attr('length');
+
+		currentIndex = this.indexOf(bit);
+
+		// if it exists in the list remove it because we are changing the order
+		if(currentIndex > -1){
+			this.splice(currentIndex, 1);
+		}
+
+		if(bit.attr('is_pinned')){
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(currentBit && currentBit.attr('is_pinned'));
+		} else {
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(checkIfBitIsBelowCurrentBit(bit, currentBit));
+		}
+
+		this.splice(index, 0, bit);
+	}
+});
+
+export default Bit;
diff --git a/new-app/models/brand.js b/new-app/models/brand.js
new file mode 100644
index 0000000..13cedf6
--- /dev/null
+++ b/new-app/models/brand.js
@@ -0,0 +1,5 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne : '/api/v3/brands/current'
+}, {});
diff --git a/new-app/models/embed_appstate.js b/new-app/models/embed_appstate.js
new file mode 100644
index 0000000..03ab5c3
--- /dev/null
+++ b/new-app/models/embed_appstate.js
@@ -0,0 +1,122 @@
+import can from "can";
+import Bit from "models/bit";
+import connectLiveService from "connect-liveservice";
+import "can/map/define/";
+
+var addDefaultAttrs = function(params){
+	var defaultParams = {
+		view: 'public',
+		theme: 'light',
+		live: false
+	};
+	return can.extend(defaultParams, params);
+};
+
+var liveService;
+
+export default can.Map.extend({
+	define : {
+		live : {
+			set : function(val){
+				return (val === true || val === 'true');
+			}
+		},
+		hub : {
+			serialize : false,
+		},
+		bits : {
+			Value : Bit.List,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		},
+	},
+	setAttrs : function(attrs){
+		this.attr(addDefaultAttrs(attrs));
+	},
+	init : function(){
+		this.setDefaultParams();
+	},
+	isLive : function(){
+		return this.attr('live');
+	},
+	isPublic : function(){
+		return !this.isAdmin();
+	},
+	isGroupedByDate : function(){
+		return this.attr('order') === 'grouped-by-date';
+	},
+	showPoweredBy : function(){
+		return this.isPublic();
+	},
+	reset : function(){
+		can.batch.start();
+		this.setDefaultParams();
+		this.bits.splice(0);
+		can.batch.stop();
+	},
+	getView : function(){
+		if(this.isAdmin()){
+			return 'admin';
+		}
+		return 'public';
+	},
+	connectLiveService : function(){
+
+		var hubId = this.attr('hubId');
+		liveService = connectLiveService(hubId, this.attr('tenant'));
+
+		if(liveService){
+			console.log('LIVESERVICE ENTITIES', liveService);
+
+			liveService.on('entities', can.proxy(Bit.messageFromLiveService, Bit));
+		}
+	},
+	getParams: function(){
+		var hubId = this.attr('hubId');
+		var params = {};
+		var tenant = this.attr('tenant');
+		var isPublic = this.isPublic();
+		var filter = this.attr('filter');
+		var serviceId = this.attr('service_id');
+		var imageOnly = this.attr('image_only');
+
+		imageOnly = imageOnly === true || imageOnly === 'true';
+
+		params.view = this.getView();
+
+		if(isPublic){
+			params.tenant_name = tenant;
+		} else {
+			params.order = this.attr('order') || "created_at:desc";
+			if(params.order === 'grouped-by-date'){
+				params.order = 'preview';
+			}
+			if(filter){
+				params.show = filter;
+			}
+			if(serviceId){
+				params.service_id = serviceId;
+			}
+		}
+	
+		if(imageOnly){
+			params.image_only = true;
+		}
+
+	
+		params.hubId = hubId;
+
+		return params;
+	},
+	setDefaultParams : function(){
+		this.attr('params', {
+			offset: 0,
+			limit: 50
+		});
+	},
+	isAdmin : function(){
+		return this.attr('hub') && this.attr('view') === 'admin';
+	}
+});
diff --git a/new-app/models/filter.js b/new-app/models/filter.js
new file mode 100644
index 0000000..3c24d08
--- /dev/null
+++ b/new-app/models/filter.js
@@ -0,0 +1,91 @@
+import can from "can";
+import NatlangQuery from "./natlang-query";
+import "can/map/define/";
+import "can/construct/super/";
+
+var ModerationRuleset = can.Model.extend({
+	resource : "/api/v3/filters",
+	destroy : function(id, data){
+		return $.ajax({
+			url : "/api/v3/filters/" + id + "?embed_id=" + data.filter.embed_id,
+			type : "DELETE"
+		});
+	}
+}, {
+	define : {
+		natlang_queries: {
+			Value : NatlangQuery.List,
+			set : function(val){
+				return new NatlangQuery.List(can.map(val, function(v){
+					return NatlangQuery.model(v);
+				}));
+			}
+		},
+	},
+	addQuery : function(){
+		this.natlang_queries.push(new NatlangQuery());
+	},
+	removeQuery : function(filter){
+		var natlang = this.attr('natlang_queries');
+		var index = natlang.indexOf(filter);
+		if(index > -1){
+			natlang.splice(index, 1);
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		return {
+			filter: data
+		};
+	},
+	markToDestroy : function(){
+		this.attr('__shouldDelete', true);
+	},
+	saveOrDestroy : function(){
+		if(this.attr('__shouldDelete')){
+			return this.destroy();
+		}
+		return this.save();
+	}
+});
+
+ModerationRuleset.List = ModerationRuleset.List.extend({
+	blocking : function(){
+		return this.filtersByAction('block');
+	},
+	approving : function(){
+		return this.filtersByAction('approve');
+	},
+	filtersByAction : function(action){
+		var list = new this.constructor();
+		var length = this.attr('length');
+		var current;
+		for(var i = 0; i < length; i++){
+			current = this.attr(i);
+			if(current.attr('action') === action){
+				list.push(current);
+			}
+		}
+		list.attr('action', action);
+		return list;
+	},
+	addFilter : function(embedId){
+		var filter = new ModerationRuleset({action: this.attr('action'), embed_id: embedId});
+		filter.addQuery();
+		this.push(filter);
+	},
+	removeFilter : function(filter){
+		var index = this.indexOf(filter);
+
+		if(index > -1){
+			this.splice(index, 1);
+		}
+	},
+	saveOrDestroy : function(){
+		return $.when.apply($, can.map(this, function(f){
+			f.saveOrDestroy();
+		}));
+	}
+});
+
+export default ModerationRuleset;
diff --git a/new-app/models/hub.js b/new-app/models/hub.js
new file mode 100644
index 0000000..f58241f
--- /dev/null
+++ b/new-app/models/hub.js
@@ -0,0 +1,48 @@
+import can from "can";
+import ServiceModel from './service';
+import 'can/list/promise/';
+import 'can/construct/super/';
+import 'can/map/backup/';
+import 'can/map/define/';
+
+var Bit = can.Model.extend({
+	resource : '/api/v3/embeds',
+}, {
+	define : {
+		services : {
+			get : function(){
+				return new ServiceModel.List({embed_id: this.attr('id')});
+			}
+		}
+	},
+	serialize : function(){
+		return {
+			embed : this._super.apply(this, arguments)
+		};
+	},
+	moderate : function(){
+		return $.ajax({
+			type : 'POST',
+			url : '/api/v3/embeds/' + this.attr('id') + '/moderate'
+		});
+	},
+	publish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/publish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	},
+	unpublish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/unpublish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	}
+
+});
+
+export default Bit;
diff --git a/new-app/models/identity.js b/new-app/models/identity.js
new file mode 100644
index 0000000..e9932cf
--- /dev/null
+++ b/new-app/models/identity.js
@@ -0,0 +1,20 @@
+import can from "can";
+import "can/list/promise/";
+
+var identities;
+
+export default can.Model.extend({
+	resource : '/api/v3/identities',
+	getAll : function(){
+		return this.reloadAll();
+	},
+	reloadAll : function(){
+		var def = new this.List({});
+
+		def.then(function(data){
+			identities = data;
+		});
+
+		return def;
+	}
+}, {});
diff --git a/new-app/models/interaction_event.js b/new-app/models/interaction_event.js
new file mode 100644
index 0000000..a015e95
--- /dev/null
+++ b/new-app/models/interaction_event.js
@@ -0,0 +1,127 @@
+import can from "can";
+import moment from "moment";
+import "can/construct/super/";
+
+var wrapCreate = function(data){
+	return {
+		interaction: data
+	};
+};
+
+var InteractionEvent = can.Model.extend({
+	create : 'POST /api/v3/interactions',
+	findAll : 'GET /api/v3/interactions',
+	
+	createScrollInteraction : function(tenant_name, hubId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			event_type: 'scroll'
+		}));
+	},
+	createLinkClickedInteraction : function(tenant_name, hubId, entityId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'link'
+		}));
+	},
+	createEntitySharedInteraction : function(tenant_name, hubId, entityId, target){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'share',
+			event_subtype: target
+		}));
+	}
+}, {});
+
+var fillZeroes = function(data, length){
+	while(data.length < length){
+		data.unshift(0);
+	}
+	return data;
+};
+
+InteractionEvent.List = InteractionEvent.List.extend({
+	totalShareInteractionsGraphData: function(){
+		var length = this.attr('length');
+		var labels = [];
+		var data = [];
+		var i;
+		for(i = 0; i < length; i++){
+			labels.push(moment(this.attr(i + '.created_at')).fromNow());
+			data.push(this.attr(i + '.volume'));
+		}
+
+		return {
+			datasets: [{
+				data: data,
+				label: "Share count",
+				strokeColor: '#f30',
+				fillColor: '#fff'
+			}],
+			labels: labels
+		};
+	},
+	linkInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	scrollInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	perNetworkShareInteractionsGraphData : function(){
+		var length = this.attr('length');
+		var labels = {};
+		var data = {};
+		var longestLabels = [];
+		var datasets = [];
+		var i, k, current, currentSubtype;
+		
+		for(i = 0; i < length; i++){
+			current = this.attr(i);
+			currentSubtype = current.attr('event_subtype');
+			if(!data[currentSubtype]){
+				data[currentSubtype] = [];
+			}
+			if(!labels[currentSubtype]){
+				labels[currentSubtype] = [];
+			}
+			data[currentSubtype].push(current.attr('volume'));
+			labels[currentSubtype].push(moment(current.attr('created_at')).fromNow());
+		}
+
+		for(k in labels){
+			if(labels[k].length > longestLabels.length){
+				longestLabels = labels[k];
+			}
+		}
+
+		for(k in data){
+			if(data[k].length < longestLabels.length){
+				data[k] = fillZeroes(data[k], longestLabels.length);
+			}
+			datasets.push({
+				label: k,
+				data: data[k],
+				strokeColor: '#f30',
+				fillColor: 'rgba(255,255,255,0)'
+			});
+		}
+
+		return {
+			labels: longestLabels,
+			datasets: datasets
+		};
+		
+	}
+});
+
+export default InteractionEvent;
diff --git a/new-app/models/models.js b/new-app/models/models.js
new file mode 100644
index 0000000..9294c5e
--- /dev/null
+++ b/new-app/models/models.js
@@ -0,0 +1,27 @@
+import Hub from './hub';
+import Service from './service';
+import Bit from './bit';
+import Identity from './identity';
+import Suggestion from './suggestion';
+import Brand from './brand';
+import Preset from './preset';
+import Analytics from './analytics';
+import Subscription from './subscription';
+import Filter from './filter';
+import Account from './account';
+import Organization from "./organization";
+
+export default {
+	Hub : Hub,
+	Service : Service,
+	Bit : Bit,
+	Identity : Identity,
+	Suggestion : Suggestion,
+	Brand : Brand,
+	Preset: Preset,
+	Analytics : Analytics,
+	Subscription : Subscription,
+	Filter : Filter,
+	Account : Account,
+	Organization: Organization
+};
diff --git a/new-app/models/natlang-query.js b/new-app/models/natlang-query.js
new file mode 100644
index 0000000..db459d8
--- /dev/null
+++ b/new-app/models/natlang-query.js
@@ -0,0 +1,36 @@
+import can from "can";
+import "can/map/define/";
+
+export default can.Model.extend({}, {
+	define : {
+		operation : {
+			set : function(val){
+				var typeAndOp = val.split(":");
+				var type = typeAndOp.shift();
+				var op = typeAndOp.shift();
+				
+				this.attr({
+					is_negated: (type !== 'pos'),
+					op : op
+				});
+			},
+			get : function(){
+				var type = this.attr('is_negated') ? 'neg' : 'pos';
+				var op = this.attr('op');
+				return [type, op].join(':');
+			}
+		},
+		attr_name : {
+			value : 'content'
+		},
+		op : {
+			value : 'contains_all',
+			set : function(val){
+				return val;
+			}
+		},
+		is_negated : {
+			value : false
+		}
+	}
+});
diff --git a/new-app/models/organization.js b/new-app/models/organization.js
new file mode 100644
index 0000000..4a89c30
--- /dev/null
+++ b/new-app/models/organization.js
@@ -0,0 +1,35 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/organization',
+	update: 'PUT /api/v3/current/organization',
+	current : function(){
+		return this.findOne({});
+	},
+	choose : function(id){
+		return $.ajax({
+			url: '/api/v3/current/organization/choose?id=' + id,
+			type: 'PUT'
+		});
+	}
+}, {
+	invite : function(email){
+		var def = can.Deferred();
+		$.post('/api/v3/current/organization/accounts', {account: {email: email}}).then(function(res){
+			def.resolve(res.account);
+		}, function(){
+			$.post('/accounts/invitation', {account: {email: email}}).then(function(res){
+				def.resolve(res);
+			}, function(){
+				def.reject();
+			});
+		});
+		return def;
+	},
+	addInvitation: function(invitation){
+		if(!this.attr('invitations')){
+			this.attr('invitations', []);
+		}
+		this.attr('invitations').push(invitation);
+	}
+});
diff --git a/new-app/models/preset.js b/new-app/models/preset.js
new file mode 100644
index 0000000..b2bf932
--- /dev/null
+++ b/new-app/models/preset.js
@@ -0,0 +1,82 @@
+/* globals EMBED_ENDPOINT:true */
+
+import can from "can";
+
+import 'can/construct/super/';
+import 'can/map/define/';
+import 'can/list/promise/';
+import 'can/map/backup/';
+
+var EMBED_TEMPLATE = '<a href="http://{embedEndpoint}{embedUrl}" class="bithub-embed">{hubName} Embed</a><script src="http://{embedEndpoint}/embed.js"></script>';
+
+var Preset = can.Model.extend({
+	resource: '/api/v3/presets',
+}, {
+	define : {
+		config : {
+			value : function(){
+				return {
+					theme: 'light',
+					view: 'public'
+				};
+			}
+		}
+	},
+	embedAttrs : function(tenantName, hubId){
+		return can.extend({
+			hubId: hubId,
+			tenant: tenantName
+		}, this.serialize().preset.config || {});
+	},
+	url : function(tenantName, hubId){
+		var attrs = this.embedAttrs(tenantName, hubId);
+		return '/embed?' + can.param(attrs);
+	},
+	fullUrl : function(tenantName, hubId){
+		return can.sub("http://{embedEndpoint}{embedUrl}", {
+			embedEndpoint: EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId)
+		});
+	},
+	embedCode : function(tenantName, hubId, hubName){
+		return can.sub(EMBED_TEMPLATE, {
+			embedEndpoint : EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId),
+			hubName: hubName
+		});
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		if(!data.config){
+			data.config = {};
+		}
+		if(!data.config.view){
+			data.config.view = 'public';
+		}
+		if(!data.config.live){
+			delete data.config.live;
+		}
+
+		return {
+			preset: data
+		};
+	}
+});
+
+Preset.ADMIN = new Preset({
+	config: {
+		live: true,
+		view: 'admin',
+		order: 'grouped-by-date',
+		filter: 'all'
+	}
+});
+
+Preset.PREVIEW = new Preset({
+	name : 'Default Preset',
+	config: {
+		live: false
+	}
+});
+
+export default Preset;
diff --git a/new-app/models/service.js b/new-app/models/service.js
new file mode 100644
index 0000000..ba36000
--- /dev/null
+++ b/new-app/models/service.js
@@ -0,0 +1,350 @@
+import can from "can";
+import _keys from "lodash-amd/modern/object/keys";
+
+import 'can/list/promise/';
+import 'can/map/define/';
+import 'can/construct/super/';
+
+var RELOAD_TIMEOUTS = {};
+
+var isCelluloidError = function(klass){
+	return (/celluloid/).test(klass.toLowerCase());
+};
+
+var isConfigError = function(klass){
+	return (/configerror/).test(klass.toLowerCase());
+};
+
+var getErrorMessage = (function(){
+	var MESSAGES = {
+		autherror: "We are unable to authorize with your service credentials. Are you sure you have rights to access this content?",
+		remoteerror: "Service is currently unavailable. We will try to load data again later.",
+		unknownerror: "We are so sorry. Unknown error occured when we tried to load data from this service. We have been notified about this error, and we'll try to fix it as soon as possible.",
+		ratelimiterror: "Due to number of services authorized with the same account we are unable to load data from this service at the moment. We will try again soon."
+	};
+	return function(error){
+		var klass = error.klass.toLowerCase();
+		return MESSAGES[klass] || error.message;
+	};
+})();
+
+
+var convertHexToRgb = function(hex){
+	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	var r, g, b;
+	if(result){
+		r = parseInt(result[1], 16);
+		g = parseInt(result[2], 16);
+		b = parseInt(result[3], 16);
+		var res = 'rgb(' + r + ',' + g + ',' + b + ')';
+		return res;
+	}
+	return 'rgb(0,0,0)';
+};
+
+var GRAPH_COLORS = {
+	disqus : convertHexToRgb('#ffe842'),
+	facebook : convertHexToRgb('#80a2bd'),
+	foursquare : convertHexToRgb('#655557'),
+	github : convertHexToRgb('#191749'),
+	instagram : convertHexToRgb('#450d0b'),
+	meetup : convertHexToRgb('#062233'),
+	rss : convertHexToRgb('#183a37'),
+	stackexchange : convertHexToRgb('#95b26e'),
+	tumblr : convertHexToRgb('#c44900'),
+	twitter : convertHexToRgb('#432534'),
+	youtube : convertHexToRgb('#432834')
+};
+
+
+var TYPES = {
+	disqus : {
+		forum : 'Forum'
+	},
+	facebook : {
+		page : 'Page',
+		public_page : 'Public Page'
+	},
+	foursquare : {
+		venue : 'Venue'
+	},
+	github : {
+		org : 'Organization',
+		repo : 'Repository'
+	},
+	instagram : {
+		tag : 'Tag',
+		// location : 'Location',
+		// geography : 'Geography',
+		user : 'User'
+	},
+	meetup : {
+		group : 'Group'
+	},
+	rss : {
+		site : 'URL'
+	},
+	stackexchange : {
+		tags : 'Tags'
+	},
+	tumblr : {
+		blog : 'Blog',
+		tag : 'Tag'
+	},
+	twitter : {
+		followers : 'Followers',
+		hashtag : 'Hashtag',
+		term : 'Search',
+		user_timeline : 'User Timeline',
+		user_retweets: 'User Retweets',
+		favorites: 'User Favorites'
+	},
+	youtube : {
+		channel : "Channel",
+		playlist: "Playlist"/*,
+		user : "User"*/
+	}
+};
+
+var FEEDS = {
+	disqus        : 'Disqus',
+	facebook      : 'Facebook',
+	foursquare    : 'Foursquare',
+	github        : 'GitHub',
+	instagram     : 'Instagram',
+	meetup        : 'Meetup',
+	rss           : 'RSS',
+	stackexchange : 'StackExchange',
+	tumblr        : 'Tumblr',
+	twitter       : 'Twitter',
+	youtube       : 'YouTube'
+};
+
+var NEEDS_OAUTH = {
+	github : {
+		types : ['repo', 'org']
+	},
+	twitter : {
+		types : ['followers', 'hashtag', 'user_timeline', 'term', 'favorites', 'user_retweets']
+	},
+	meetup : {
+		types : ['group']
+	},
+	facebook : {
+		types : ['page']
+	},
+	foursquare : {
+		types : ['venue']
+	},
+	disqus : {
+		types: ['forum']
+	},
+	instagram : {
+		types: ['tag', 'user']
+	},
+	youtube : {
+		types: ['channel', 'playlist', 'user']
+	}
+};
+
+var formatKey = function(key){
+	if(key === 'url'){
+		return 'URL';
+	}
+	return can.capitalize(key.replace(/_/g, ' '));
+};
+
+var formatConfig = function(config){
+	var res = ['<ul class="config">'];
+	for(var k in config){
+		res.push('<li><b>' + formatKey(k) + '</b>: ');
+		if(can.isPlainObject(config[k])){
+			res.push(formatConfig(config[k]));
+		} else {
+			res.push(config[k]);
+		}
+		res.push('</li>');
+	}
+	res.push('</ul>');
+	return res.join('');
+};
+
+var emptyConfigForService = function(feed){
+	var config = {};
+
+	if(feed === 'github'){
+		config.tracking = {};
+	}
+
+	if(feed === 'stackexchange'){
+		config.tags = [];
+	}
+	return config;
+};
+
+var Service = can.Model.extend({
+	resource : '/api/v3/services',
+	feeds : FEEDS,
+	needsOAuth : NEEDS_OAUTH,
+	createEmptyService : function(feed){
+
+		return new this({
+			feed_name : feed,
+			config: emptyConfigForService(feed)
+		});
+	},
+	errored : function(service){
+		can.trigger(this, 'errored', [this]);
+	},
+	messageFromLiveService : function( msg ) {
+		var cb = can.noop,
+			timeout = 1,
+			self = this,
+			timeoutKey;
+
+		if(typeof msg === 'string'){
+			msg = JSON.parse(msg);
+		}
+
+		timeoutKey = msg.service.id;
+
+		if(msg.service.empty_results){
+			timeoutKey = msg.service.id + '-noResults';
+			cb = function(service){
+				if(service.attr('entity_count') === 0){
+					service.hasNoResults();
+				}
+			};
+			timeout = 2000;
+		}
+
+		clearTimeout(RELOAD_TIMEOUTS[timeoutKey]);
+
+		RELOAD_TIMEOUTS[timeoutKey] = setTimeout(function(){
+			self.findOne({id: msg.service.id}).then(cb);
+		}, timeout);
+	}
+}, {
+	define : {
+		feed_name : {
+			set : function(val){
+				var keys = _keys(TYPES[val]);
+
+				this.attr('type_name', keys.length === 1 ? keys[0] : "");
+				this.attr('graphColor', GRAPH_COLORS[val]);
+
+				return val;
+			}
+		},
+		type_name : {
+			set : function(val){
+				this.attr('config', emptyConfigForService(this.attr('feed_name')));
+				return val;
+			}
+		},
+		error : {
+			set : function(val){
+				var klass = val && val.klass;
+				if(klass && isCelluloidError(klass)){
+					return;
+				}
+				return val;
+			}
+		},
+		approved_by_default : {
+			set : function(val){
+				return !!val;
+			}
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+
+		if(!(data.feed_name === 'instagram' && data.type_name === 'user') && !(data.feed_name === 'facebook' && data.type_name === 'public_page')){
+			if(data.config){
+				delete data.config.display_name;
+			}
+		}
+
+		return {
+			service : data
+		};
+	},
+	typesForFeed : function(){
+		var currentFeed = this.attr('feed_name'),
+			types = TYPES[currentFeed];
+
+		return types;
+	},
+	hasMultipleTypes : function(){
+		var typesForFeed = this.typesForFeed();
+		return _keys(typesForFeed || {}).length > 1;
+	},
+	printFeed : function() {
+		return FEEDS[ this.attr('feed_name') ];
+	},
+	printType : function() {
+		return TYPES[ this.attr('feed_name') ][ this.attr('type_name') ];
+	},
+	printConfig: function() {
+		var output = [],
+			config = this.attr('config');
+
+		config = config ? config.attr() : config;
+
+		if(!config){
+			return;
+		}
+
+		for( var key in config ) {
+			output.push(key + ': ' + config[key]);
+		}
+
+		// remove last ', '
+		return output.join('<br>');
+	},
+	hasNoResults : function(){
+		can.batch.start();
+		if(this.attr('_isNewlyCreated')){
+			this.attr('noResults', true);
+		}
+		this.attr({
+			error: null
+		});
+		can.batch.stop();
+	},
+	clearNoResults : function(){
+		this.removeAttr('noResults');
+	},
+	save : function(){
+		this.removeAttr('noResults');
+		can.trigger(this.constructor, 'saving', [this]);
+		return this._super.apply(this, arguments);
+	},
+	formattedConfig : function(){
+		return formatConfig(this.attr('config').attr());
+	},
+	formattedError : function(){
+		return getErrorMessage(this.attr('error'));
+	},
+	formattedErrorClass : function(){
+		var klass = this.attr('error.klass');
+		return !isConfigError(klass) ? '' : 'Configuration Error';
+	},
+	clearErrors : function(){
+		this.removeAttr('error');
+	},
+	isLoading : function(){
+		return this.attr('state') === 'loading';
+	}
+});
+
+Service.on('created', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+Service.on('updated', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+export default Service;
diff --git a/new-app/models/subscription.js b/new-app/models/subscription.js
new file mode 100644
index 0000000..d78d39a
--- /dev/null
+++ b/new-app/models/subscription.js
@@ -0,0 +1,36 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne: '/api/v3/subscriptions/current'
+}, {
+	reload : function(){
+		this.constructor.findOne({});
+	},
+	canAddHub : function(hubs){
+		return true;
+		/*var currentLength = hubs.attr('length');
+		var limit = this.attr('plan.limits.embeds_per_brand') || Infinity;
+		return currentLength < limit;*/
+	},
+	canAddService : function(services, feed, type){
+		return true;
+		/*var currentLength = services.attr('length');
+		var limit = this.attr('plan.limits.services_per_embed') || Infinity;
+		var currentTypeFeed = [feed, type].join('_');
+		var limitCurrentTypeFeed = this.attr('plan.limits').attr(currentTypeFeed) || Infinity;
+		var servicesWithCurrentTypeFeed = services.filter(function(s){
+			return s.attr('feed_name') === feed && s.attr('type_name') === type;
+		});
+
+		if(currentLength >= limit){
+			return false;
+		}
+		if(servicesWithCurrentTypeFeed.attr('length') >= limitCurrentTypeFeed){
+			return false;
+		}
+		return true;*/
+	},
+	hasCC : function(){
+		return !!this.attr('card');
+	}
+});
diff --git a/new-app/models/suggestion.js b/new-app/models/suggestion.js
new file mode 100644
index 0000000..7e55794
--- /dev/null
+++ b/new-app/models/suggestion.js
@@ -0,0 +1,4 @@
+import can from "can";
+export default can.Model.extend({
+	findAll : '/api/v3/services/suggestions/{service}?brand_identity_id={brandIdentityId}'
+}, {});
diff --git a/new-app/package.json b/new-app/package.json
new file mode 100644
index 0000000..d8fb6c7
--- /dev/null
+++ b/new-app/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "bithub",
+  "version": "0.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "jquery": "^2.1.4",
+    "can": "^2.3.0-pre.9",
+    "steal": "^0.12.0-pre.1",
+    "bootstrap": "^3.3.5",
+    "steal-tools": "^0.12.0-pre.1",
+    "lodash-amd": "^3.10.1",
+    "bit-tabs": "^0.1.3",
+    "moment": "^2.10.6",
+    "selectize": "^0.12.1",
+    "bithub-embed": "bithubapp/bithub-embed#stealable",
+    "done-component": "^0.2.0",
+    "iframe-resizer": "^3.3.3",
+    "jquery.payment": "^1.3.0"
+  }
+}
diff --git a/new-app/style/style.less b/new-app/style/style.less
new file mode 100644
index 0000000..6f8a638
--- /dev/null
+++ b/new-app/style/style.less
@@ -0,0 +1,3 @@
+body {
+    background: #f2f3f5;
+}
diff --git a/new-bithub-client/.gitignore b/new-bithub-client/.gitignore
new file mode 100755
index 0000000..94b6f75
--- /dev/null
+++ b/new-bithub-client/.gitignore
@@ -0,0 +1,31 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directory
+# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git
+node_modules
+
+# DoneJS
+docs
\ No newline at end of file
diff --git a/new-bithub-client/.yo-rc.json b/new-bithub-client/.yo-rc.json
new file mode 100755
index 0000000..690bd0b
--- /dev/null
+++ b/new-bithub-client/.yo-rc.json
@@ -0,0 +1,6 @@
+{
+  "generator-donejs": {
+    "folder": "src",
+    "name": "bithub-client"
+  }
+}
\ No newline at end of file
diff --git a/new-bithub-client/build.js b/new-bithub-client/build.js
new file mode 100755
index 0000000..d184ad9
--- /dev/null
+++ b/new-bithub-client/build.js
@@ -0,0 +1,7 @@
+var stealTools = require("steal-tools");
+
+var buildPromise = stealTools.build({
+  config: __dirname + "/package.json!npm"
+}, {
+  bundleAssets: true
+});
diff --git a/new-bithub-client/development.html b/new-bithub-client/development.html
new file mode 100755
index 0000000..e32dbc8
--- /dev/null
+++ b/new-bithub-client/development.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>bithub-client</title>
+</head>
+<body>
+  <script src="node_modules/steal/steal.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/new-bithub-client/documentjs.json b/new-bithub-client/documentjs.json
new file mode 100755
index 0000000..a9bc8c0
--- /dev/null
+++ b/new-bithub-client/documentjs.json
@@ -0,0 +1,14 @@
+{
+  "sites": {
+    "docs": {
+      "dest": "docs",
+      "parent": "bithub-client",
+      "pageConfig": {
+        "page": "docs"
+      },
+      "glob": {
+        "pattern": "src/**/*.{js,md}"
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/new-bithub-client/images/app-resources-icons-gear-grey.svg b/new-bithub-client/images/app-resources-icons-gear-grey.svg
new file mode 100755
index 0000000..f252e85
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-gear-grey.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st0" d="M129,296.5c-4.8,0-10.1-4.5-10.9-9.2l-4-24.3l-14.1-6l-20.2,13.4c-3.8,2.6-10,2.7-13.2-0.6l-35.7-35.6
+		c-3.3-3.3-3.8-8.4-1.2-12.3l13.1-19.7c0.2-0.3,0.4-0.6,0.6-0.9c-2.3-4.2-4.6-8.9-6.3-14.1c-0.1-0.3-0.2-0.5-0.3-0.8l-23.6-3.9
+		c-4.2-1.2-8.9-5.4-8.9-9.8v-49.2c0-4.9,3.7-9,8.5-9.6l23-2.7c1.1-2.9,2.2-5.7,3.3-8.6c0.8-1.9,1.7-3.8,2.6-5.6L28.6,77.2
+		c-2.6-3.9-2.5-9.8,0.7-13L65,28.5c3.3-3.3,8.4-3.8,12.3-1.2l20.6,15.1c4-2.2,8.3-4.3,13-5.9c0.6-0.2,1.1-0.4,1.7-0.5l3.8-22.7
+		c0.8-4.7,5.1-9.7,9.9-9.7h49.3c4.9,0,9.1,3.7,9.7,8.6l1.4,12.7c0.4,3.8,0.9,7.6,1.3,11.4c4.7,1.6,9.4,3.6,14.2,6.1l19.2-14.1
+		c3.9-2.8,10.4-3.2,13.8,0.2l35.7,35.7c3.4,3.4,3.8,8.8,1,12.6l-15.1,20.6c2.3,4.7,4.6,9.4,6.3,14.2l23.6,3.9
+		c4.8,0.7,9.3,5.9,9.3,10.8v47.3c0,4.6-4.1,9.7-8.6,10.7l-19,3.8c-1.6,4.9-3.7,9.8-6.3,14.7l14.4,19.6c2.8,3.9,2.9,9.9-0.5,13.3
+		L240,271.4c-3.3,3.3-8.4,3.8-12.3,1.2l-20.6-15.1c-4,2.3-8.6,4.5-13.6,6.1c-0.3,0.1-0.7,0.2-1,0.3l-4,23.9
+		c-0.8,4.7-4.9,8.6-9.7,8.6L129,296.5L129,296.5z M99.5,236.7c1.5,0,2.9,0.2,4.1,0.8l22.2,9.5c3.1,1.3,6.2,5.2,6.7,8.5l3.6,21.7
+		l34.5,0l3.6-21.5c0.6-3.8,4.5-8,8.3-9c1.8-0.4,3.5-0.8,5-1.3c5.1-1.7,10-4.4,14.1-6.9c4.1-2.6,8.9-2.3,12.9,0.6l17.6,12.9
+		l23.9-23.9l-13-17.7c-2.8-3.8-3.1-8.5-0.6-12.6c3.9-6.7,6.6-13.1,8.3-19.4c0.9-3.5,5.3-7.5,8.9-8.2l16.6-3.3v-33.1l-21.8-3.6
+		c-3.8-0.6-7.7-4.2-8.7-7.8c-0.3-1-0.6-2-0.9-2.9c-1.9-5.3-4.4-10.3-6.9-15.3l-1.1-2.1c-1.7-3.3-1.1-9.1,1.1-12.1L251,72L227,48.1
+		l-17.8,13.1c-3.2,2.3-9.1,2.6-12.5,0.6c-6.3-3.7-12.3-6.3-18.3-8c-7.7-2.1-9.3-8.1-9.7-11.4c-0.5-5.1-1-10.2-1.6-15.3l-0.5-4.1
+		h-32.4l-3.7,21.7c-0.6,3.7-4.1,7.4-7.6,8.5l-2.8,0.8c-1.1,0.3-2.2,0.6-3.3,0.9c-4.9,1.6-9.5,4.2-13.8,6.8c-3.3,2-9.4,1.7-12.6-0.6
+		l-17.7-13L48.7,72.3l12,17.9c2,2.9,2.3,8.3,0.6,11.4l-0.9,1.8c-1.1,2.2-2.3,4.4-3.2,6.7c-1.1,2.6-2.1,5.3-3.1,8l-1.8,4.8
+		c-1.3,3.3-5.1,6.5-8.7,6.9l-19.8,2.3v32.5l20.4,3.4c5.8,1,9.1,4.2,10.1,8.7c0.3,1.6,0.8,3.1,1.3,4.6c1.6,5.1,4.3,9.8,6.9,14.2
+		c2.6,4.3,2.4,9-0.5,13c-1,1.4-2,2.9-2.9,4.3l-8.8,13.2l24.4,24.4l18.1-12.1C94.5,237.3,97.1,236.7,99.5,236.7z M149.9,209.8
+		c-0.1,0-0.2,0-0.4,0c-33.8-0.2-60.3-26.9-60.2-60.8c0-34,26.7-60.7,60.7-60.7c16.6,0,31.9,6.2,43.2,17.5
+		c11.3,11.3,17.5,26.7,17.5,43.3c0,16.6-6.3,31.9-17.6,43.2C181.7,203.6,166.4,209.8,149.9,209.8z M150,107.8
+		c-23.5,0-41.3,17.7-41.3,41.2c0,23.4,17.6,41.2,40.9,41.4c11.5-0.2,22-4.1,29.7-11.8c7.7-7.6,11.9-18.1,11.9-29.4
+		c0-11.4-4.2-21.9-11.8-29.5C171.8,112,161.3,107.8,150,107.8z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-gear-white.svg b/new-bithub-client/images/app-resources-icons-gear-white.svg
new file mode 100755
index 0000000..05550a9
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-gear-white.svg
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st1" d="M129,296.5c-4.8,0-10.1-4.5-10.9-9.2l-4-24.3l-14.1-6l-20.2,13.4c-3.8,2.6-10,2.7-13.2-0.6l-35.7-35.6
+		c-3.3-3.3-3.8-8.4-1.2-12.3l13.1-19.7c0.2-0.3,0.4-0.6,0.6-0.9c-2.3-4.2-4.6-8.9-6.3-14.1c-0.1-0.3-0.2-0.5-0.3-0.8l-23.6-3.9
+		c-4.2-1.2-8.9-5.4-8.9-9.8v-49.2c0-4.9,3.7-9,8.5-9.6l23-2.7c1.1-2.9,2.2-5.7,3.3-8.6c0.8-1.9,1.7-3.8,2.6-5.6L28.6,77.2
+		c-2.6-3.9-2.5-9.8,0.7-13L65,28.5c3.3-3.3,8.4-3.8,12.3-1.2l20.6,15.1c4-2.2,8.3-4.3,13-5.9c0.6-0.2,1.1-0.4,1.7-0.5l3.8-22.7
+		c0.8-4.7,5.1-9.7,9.9-9.7h49.3c4.9,0,9.1,3.7,9.7,8.6l1.4,12.7c0.4,3.8,0.9,7.6,1.3,11.4c4.7,1.6,9.4,3.6,14.2,6.1l19.2-14.1
+		c3.9-2.8,10.4-3.2,13.8,0.2l35.7,35.7c3.4,3.4,3.8,8.8,1,12.6l-15.1,20.6c2.3,4.7,4.6,9.4,6.3,14.2l23.6,3.9
+		c4.8,0.7,9.3,5.9,9.3,10.8v47.3c0,4.6-4.1,9.7-8.6,10.7l-19,3.8c-1.6,4.9-3.7,9.8-6.3,14.7l14.4,19.6c2.8,3.9,2.9,9.9-0.5,13.3
+		L240,271.4c-3.3,3.3-8.4,3.8-12.3,1.2l-20.6-15.1c-4,2.3-8.6,4.5-13.6,6.1c-0.3,0.1-0.7,0.2-1,0.3l-4,23.9
+		c-0.8,4.7-4.9,8.6-9.7,8.6L129,296.5L129,296.5z M99.5,236.7c1.5,0,2.9,0.2,4.1,0.8l22.2,9.5c3.1,1.3,6.2,5.2,6.7,8.5l3.6,21.7
+		l34.5,0l3.6-21.5c0.6-3.8,4.5-8,8.3-9c1.8-0.4,3.5-0.8,5-1.3c5.1-1.7,10-4.4,14.1-6.9c4.1-2.6,8.9-2.3,12.9,0.6l17.6,12.9
+		l23.9-23.9l-13-17.7c-2.8-3.8-3.1-8.5-0.6-12.6c3.9-6.7,6.6-13.1,8.3-19.4c0.9-3.5,5.3-7.5,8.9-8.2l16.6-3.3v-33.1l-21.8-3.6
+		c-3.8-0.6-7.7-4.2-8.7-7.8c-0.3-1-0.6-2-0.9-2.9c-1.9-5.3-4.4-10.3-6.9-15.3l-1.1-2.1c-1.7-3.3-1.1-9.1,1.1-12.1L251,72L227,48.1
+		l-17.8,13.1c-3.2,2.3-9.1,2.6-12.5,0.6c-6.3-3.7-12.3-6.3-18.3-8c-7.7-2.1-9.3-8.1-9.7-11.4c-0.5-5.1-1-10.2-1.6-15.3l-0.5-4.1
+		h-32.4l-3.7,21.7c-0.6,3.7-4.1,7.4-7.6,8.5l-2.8,0.8c-1.1,0.3-2.2,0.6-3.3,0.9c-4.9,1.6-9.5,4.2-13.8,6.8c-3.3,2-9.4,1.7-12.6-0.6
+		l-17.7-13L48.7,72.3l12,17.9c2,2.9,2.3,8.3,0.6,11.4l-0.9,1.8c-1.1,2.2-2.3,4.4-3.2,6.7c-1.1,2.6-2.1,5.3-3.1,8l-1.8,4.8
+		c-1.3,3.3-5.1,6.5-8.7,6.9l-19.8,2.3v32.5l20.4,3.4c5.8,1,9.1,4.2,10.1,8.7c0.3,1.6,0.8,3.1,1.3,4.6c1.6,5.1,4.3,9.8,6.9,14.2
+		c2.6,4.3,2.4,9-0.5,13c-1,1.4-2,2.9-2.9,4.3l-8.8,13.2l24.4,24.4l18.1-12.1C94.5,237.3,97.1,236.7,99.5,236.7z M149.9,209.8
+		c-0.1,0-0.2,0-0.4,0c-33.8-0.2-60.3-26.9-60.2-60.8c0-34,26.7-60.7,60.7-60.7c16.6,0,31.9,6.2,43.2,17.5
+		c11.3,11.3,17.5,26.7,17.5,43.3s-6.3,31.9-17.6,43.2C181.7,203.6,166.4,209.8,149.9,209.8z M150,107.8c-23.5,0-41.3,17.7-41.3,41.2
+		c0,23.4,17.6,41.2,40.9,41.4c11.5-0.2,22-4.1,29.7-11.8c7.7-7.6,11.9-18.1,11.9-29.4c0-11.4-4.2-21.9-11.8-29.5
+		C171.8,112,161.3,107.8,150,107.8z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-inbox-grey.svg b/new-bithub-client/images/app-resources-icons-inbox-grey.svg
new file mode 100755
index 0000000..96234b8
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-inbox-grey.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st0" d="M251.5,289.1H48.5c-19.4,0-35.1-15.7-35.1-35.1v-74.8c0-8.5,1.1-17,3.1-25.4L44,43.3
+		c4.7-19.1,21.8-32.4,41.4-32.4h131.3c18.4,0,34.3,12.5,38.8,30.3l28,112.6c2.1,8.4,3.1,16.9,3.1,25.4V254
+		C286.6,273.3,270.9,289.1,251.5,289.1z M85.4,37.9c-7.2,0-13.5,4.9-15.2,11.9L42.6,160.3c-1.5,6.2-2.3,12.6-2.3,18.9V254
+		c0,4.5,3.7,8.1,8.1,8.1h203.1c4.5,0,8.1-3.7,8.1-8.1v-74.8c0-6.3-0.8-12.7-2.3-18.9l-28-112.6c-1.4-5.8-6.6-9.9-12.6-9.9H85.4z"/>
+	<path class="st0" d="M252.2,289H47.8c-19,0-34.4-15.4-34.4-34.4v-66c0-19,15.4-34.4,34.4-34.4H120l6.8,28.2h46.5l6.8-28.2h72.2
+		c19,0,34.4,15.4,34.4,34.4v66C286.6,273.6,271.2,289,252.2,289z M47.8,181.2c-4.1,0-7.5,3.3-7.5,7.4v66c0,4.1,3.3,7.5,7.5,7.5
+		h204.4c4.1,0,7.4-3.3,7.4-7.5v-66c0-4.1-3.3-7.4-7.4-7.4h-50.9l-6.8,28.2h-89l-6.8-28.2H47.8z"/>
+	<polygon class="st0" points="229.8,125.8 224.7,106.7 75.4,106.7 70.2,125.8 	"/>
+	<polygon class="st0" points="223,83.5 217.9,64.4 82.2,64.4 77,83.5 	"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-inbox-white.svg b/new-bithub-client/images/app-resources-icons-inbox-white.svg
new file mode 100755
index 0000000..f0f3a45
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-inbox-white.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st1" d="M251.5,289.1H48.5c-19.4,0-35.1-15.7-35.1-35.1v-74.8c0-8.5,1.1-17,3.1-25.4L44,43.3
+		c4.7-19.1,21.8-32.4,41.4-32.4h131.3c18.4,0,34.3,12.5,38.8,30.3l28,112.6c2.1,8.4,3.1,16.9,3.1,25.4V254
+		C286.6,273.3,270.9,289.1,251.5,289.1z M85.4,37.9c-7.2,0-13.5,4.9-15.2,11.9L42.6,160.3c-1.5,6.2-2.3,12.6-2.3,18.9V254
+		c0,4.5,3.7,8.1,8.1,8.1h203.1c4.5,0,8.1-3.7,8.1-8.1v-74.8c0-6.3-0.8-12.7-2.3-18.9l-28-112.6c-1.4-5.8-6.6-9.9-12.6-9.9H85.4z"/>
+	<path class="st1" d="M252.2,289H47.8c-19,0-34.4-15.4-34.4-34.4v-66c0-19,15.4-34.4,34.4-34.4H120l6.8,28.2h46.5l6.8-28.2h72.2
+		c19,0,34.4,15.4,34.4,34.4v66C286.6,273.6,271.2,289,252.2,289z M47.8,181.2c-4.1,0-7.5,3.3-7.5,7.4v66c0,4.1,3.3,7.5,7.5,7.5
+		h204.4c4.1,0,7.4-3.3,7.4-7.5v-66c0-4.1-3.3-7.4-7.4-7.4h-50.9l-6.8,28.2h-89l-6.8-28.2H47.8z"/>
+	<polygon class="st1" points="229.8,125.8 224.7,106.7 75.4,106.7 70.2,125.8 	"/>
+	<polygon class="st1" points="223,83.5 217.9,64.4 82.2,64.4 77,83.5 	"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-menu-white.svg b/new-bithub-client/images/app-resources-icons-menu-white.svg
new file mode 100755
index 0000000..2215e72
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-menu-white.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="218.1px"
+	 viewBox="0 0 300 218.1" style="enable-background:new 0 0 300 218.1;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<rect x="2.4" y="6.2" class="st1" width="295.2" height="35"/>
+	<rect x="2.4" y="91.5" class="st1" width="295.2" height="35"/>
+	<rect x="2.4" y="176.9" class="st1" width="295.2" height="35"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-plus-blue.svg b/new-bithub-client/images/app-resources-icons-plus-blue.svg
new file mode 100755
index 0000000..7e61b15
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-plus-blue.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st4{fill:#4694A6;}
+	.st5{fill:#B33826;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2891.2" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st4" d="M150,2.7C68.6,2.7,2.7,68.6,2.7,150c0,81.4,66,147.3,147.3,147.3c81.4,0,147.3-66,147.3-147.3
+		C297.3,68.6,231.4,2.7,150,2.7z M239.8,165.2h-74.6v74.6h-30.5v-74.6H60.2v-30.5h74.6V60.2h30.5v74.6h74.6V165.2z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-plus-white.svg b/new-bithub-client/images/app-resources-icons-plus-white.svg
new file mode 100755
index 0000000..5083bdf
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-plus-white.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st4{fill:#4694A6;}
+	.st5{fill:#B33826;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2891.2" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st1" d="M150,2.7C68.6,2.7,2.7,68.6,2.7,150c0,81.4,66,147.3,147.3,147.3c81.4,0,147.3-66,147.3-147.3
+		C297.3,68.6,231.4,2.7,150,2.7z M239.8,165.2h-74.6v74.6h-30.5v-74.6H60.2v-30.5h74.6V60.2h30.5v74.6h74.6V165.2z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-star-grey.svg b/new-bithub-client/images/app-resources-icons-star-grey.svg
new file mode 100755
index 0000000..6693538
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-star-grey.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<path class="st0" d="M159.3,18.3l36.5,73.9c1.5,3.1,4.4,5.2,7.8,5.7l81.6,11.9c8.5,1.2,11.9,11.7,5.7,17.6l-59,57.5
+	c-2.4,2.4-3.6,5.8-3,9.2l13.9,81.3c1.4,8.4-7.4,14.9-15,10.9l-73-38.4c-3-1.6-6.6-1.6-9.6,0l-73,38.4c-7.6,4-16.5-2.5-15-10.9
+	l13.9-81.3c0.6-3.4-0.5-6.8-3-9.2l-59-57.5c-6.1-6-2.8-16.4,5.7-17.6l81.6-11.9c3.4-0.5,6.3-2.6,7.8-5.7l36.5-73.9
+	C144.5,10.6,155.5,10.6,159.3,18.3z"/>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-star-white.svg b/new-bithub-client/images/app-resources-icons-star-white.svg
new file mode 100755
index 0000000..2779be5
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-star-white.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<path class="st1" d="M159.3,18.3l36.5,73.9c1.5,3.1,4.4,5.2,7.8,5.7l81.6,11.9c8.5,1.2,11.9,11.7,5.7,17.6l-59,57.5
+	c-2.4,2.4-3.6,5.8-3,9.2l13.9,81.3c1.4,8.4-7.4,14.9-15,10.9l-73-38.4c-3-1.6-6.6-1.6-9.6,0l-73,38.4c-7.6,4-16.5-2.5-15-10.9
+	l13.9-81.3c0.6-3.4-0.5-6.8-3-9.2l-59-57.5c-6.1-6-2.8-16.4,5.7-17.6l81.6-11.9c3.4-0.5,6.3-2.6,7.8-5.7l36.5-73.9
+	C144.5,10.6,155.5,10.6,159.3,18.3z"/>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-switch-grey.svg b/new-bithub-client/images/app-resources-icons-switch-grey.svg
new file mode 100755
index 0000000..aa75a70
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-switch-grey.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	
+		<rect x="211.9" y="-2.4" transform="matrix(0.7071 0.7071 -0.7071 0.7071 115.6585 -145.0364)" class="st0" width="42" height="139"/>
+	<polygon class="st0" points="36.1,234.2 3.1,201.2 3.1,296.9 98.8,296.9 65.8,263.9 131.1,198.6 101.4,168.9 	"/>
+	<polygon class="st0" points="65.8,36.1 98.8,3.1 3.1,3.1 3.1,98.8 36.1,65.8 267.2,296.9 296.9,267.2 	"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-switch-white.svg b/new-bithub-client/images/app-resources-icons-switch-white.svg
new file mode 100755
index 0000000..819a8f1
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-switch-white.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	
+		<rect x="211.9" y="-2.4" transform="matrix(0.7071 0.7071 -0.7071 0.7071 115.6585 -145.0364)" class="st1" width="42" height="139"/>
+	<polygon class="st1" points="36.1,234.2 3.1,201.2 3.1,296.9 98.8,296.9 65.8,263.9 131.1,198.6 101.4,168.9 	"/>
+	<polygon class="st1" points="65.8,36.1 98.8,3.1 3.1,3.1 3.1,98.8 36.1,65.8 267.2,296.9 296.9,267.2 	"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-thumbs-up-grey.svg b/new-bithub-client/images/app-resources-icons-thumbs-up-grey.svg
new file mode 100755
index 0000000..ed182f5
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-thumbs-up-grey.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="321.1px" height="300px"
+	 viewBox="0 0 321.1 300" style="enable-background:new 0 0 321.1 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st2" d="M143.9,42.8c-2-28.1,3.7-35.8,17.1-37.2c13.5-1.4,38.7,5.9,43.2,51.8c1.9,19.9-12.5,59.1-12.5,59.1
+		s91.8,0.1,100.7,0.1c14.3,0,25.4,6,25.4,25.2c0,18-20.1,23.4-20.1,23.4s12.9,5,12.9,20.1c0,15.3-13.4,22.2-22.3,22.2
+		c5.5,2.7,13.2,7.9,11.5,21c-1.7,13.1-11.2,17.9-20.5,20.7c6,3.7,10.4,13.9,7.1,21.7c-4.5,10.5-16.5,22.2-43.3,22.2H117.9
+		c-9.5,0-16.5-4.3-18-9.5V139.1c0,0,0-4.6,0.7-5.8C134,84.7,145.9,70.9,143.9,42.8L143.9,42.8z M80.4,135.2v159.4h-48L3.3,135.2
+		H80.4L80.4,135.2z M80.4,135.2"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-thumbs-up-white.svg b/new-bithub-client/images/app-resources-icons-thumbs-up-white.svg
new file mode 100755
index 0000000..15446d9
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-thumbs-up-white.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="321.1px" height="300px"
+	 viewBox="0 0 321.1 300" style="enable-background:new 0 0 321.1 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st3" d="M143.9,42.8c-2-28.1,3.7-35.8,17.1-37.2c13.5-1.4,38.7,5.9,43.2,51.8c1.9,19.9-12.5,59.1-12.5,59.1
+		s91.8,0.1,100.7,0.1c14.3,0,25.4,6,25.4,25.2c0,18-20.1,23.4-20.1,23.4s12.9,5,12.9,20.1c0,15.3-13.4,22.2-22.3,22.2
+		c5.5,2.7,13.2,7.9,11.5,21c-1.7,13.1-11.2,17.9-20.5,20.7c6,3.7,10.4,13.9,7.1,21.7c-4.5,10.5-16.5,22.2-43.3,22.2H117.9
+		c-9.5,0-16.5-4.3-18-9.5V139.1c0,0,0-4.6,0.7-5.8C134,84.7,145.9,70.9,143.9,42.8L143.9,42.8z M80.4,135.2v159.4h-48L3.3,135.2
+		H80.4L80.4,135.2z M80.4,135.2"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-trash-grey.svg b/new-bithub-client/images/app-resources-icons-trash-grey.svg
new file mode 100755
index 0000000..b057a46
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-trash-grey.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st0" d="M271.4,59.1h-49.6V37.8c0-17.2-14-31.2-31.2-31.2h-81.3c-17.2,0-31.2,14-31.2,31.2v21.3H28.6v27.3H41V251
+		c0,23.4,19,42.4,42.4,42.4h133.2c23.4,0,42.4-19,42.4-42.4V86.4h12.4V59.1z M105.5,37.8c0-2.1,1.7-3.8,3.9-3.8h81.3
+		c2.1,0,3.9,1.7,3.9,3.8v21.3h-89V37.8z M231.7,251c0,8.3-6.8,15.1-15.1,15.1H83.4c-8.3,0-15.1-6.8-15.1-15.1V86.4h163.3V251z"/>
+	<rect x="98" y="107.9" class="st0" width="17.1" height="133"/>
+	<rect x="141.5" y="107.9" class="st0" width="17.1" height="133"/>
+	<rect x="185" y="107.9" class="st0" width="17.1" height="133"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-trash-white.svg b/new-bithub-client/images/app-resources-icons-trash-white.svg
new file mode 100755
index 0000000..efed7be
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-trash-white.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2250.8" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st1" d="M271.4,59.1h-49.6V37.8c0-17.2-14-31.2-31.2-31.2h-81.3c-17.2,0-31.2,14-31.2,31.2v21.3H28.6v27.3H41V251
+		c0,23.4,19,42.4,42.4,42.4h133.2c23.4,0,42.4-19,42.4-42.4V86.4h12.4V59.1z M105.5,37.8c0-2.1,1.7-3.8,3.9-3.8h81.3
+		c2.1,0,3.9,1.7,3.9,3.8v21.3h-89V37.8z M231.7,251c0,8.3-6.8,15.1-15.1,15.1H83.4c-8.3,0-15.1-6.8-15.1-15.1V86.4h163.3V251z"/>
+	<rect x="98" y="107.9" class="st1" width="17.1" height="133"/>
+	<rect x="141.5" y="107.9" class="st1" width="17.1" height="133"/>
+	<rect x="185" y="107.9" class="st1" width="17.1" height="133"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-x-red.svg b/new-bithub-client/images/app-resources-icons-x-red.svg
new file mode 100755
index 0000000..294d568
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-x-red.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st4{fill:#4694A6;}
+	.st5{fill:#B33826;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2891.2" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st5" d="M254.2,45.8c-57.5-57.5-150.8-57.5-208.4,0c-57.5,57.5-57.5,150.8,0,208.4c57.5,57.5,150.8,57.5,208.4,0
+		C311.7,196.6,311.7,103.4,254.2,45.8z M202.8,224.3L150,171.5l-52.8,52.8l-21.5-21.5l52.8-52.8L75.7,97.3l21.5-21.5l52.7,52.7
+		l52.7-52.7l21.5,21.5L171.6,150l52.8,52.8L202.8,224.3z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/app-resources-icons-x-white.svg b/new-bithub-client/images/app-resources-icons-x-white.svg
new file mode 100755
index 0000000..9238d07
--- /dev/null
+++ b/new-bithub-client/images/app-resources-icons-x-white.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="Layer_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#768083;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#768083;}
+	.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+	.st4{fill:#4694A6;}
+	.st5{fill:#B33826;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  width="2891.2" height="870" x="70" y="-611.3" bottomLeftOrigin="true"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<g>
+	<path class="st1" d="M254.2,45.8c-57.5-57.5-150.8-57.5-208.4,0c-57.5,57.5-57.5,150.8,0,208.4c57.5,57.5,150.8,57.5,208.4,0
+		C311.7,196.6,311.7,103.4,254.2,45.8z M202.8,224.3L150,171.5l-52.8,52.8l-21.5-21.5l52.8-52.8L75.7,97.3l21.5-21.5l52.7,52.7
+		l52.7-52.7l21.5,21.5L171.6,150l52.8,52.8L202.8,224.3z"/>
+</g>
+</svg>
diff --git a/new-bithub-client/images/social-empty/500px.png b/new-bithub-client/images/social-empty/500px.png
new file mode 100644
index 0000000..73266dd
Binary files /dev/null and b/new-bithub-client/images/social-empty/500px.png differ
diff --git a/new-bithub-client/images/social-empty/android.png b/new-bithub-client/images/social-empty/android.png
new file mode 100644
index 0000000..4979a10
Binary files /dev/null and b/new-bithub-client/images/social-empty/android.png differ
diff --git a/new-bithub-client/images/social-empty/apple.png b/new-bithub-client/images/social-empty/apple.png
new file mode 100644
index 0000000..1e4e54f
Binary files /dev/null and b/new-bithub-client/images/social-empty/apple.png differ
diff --git a/new-bithub-client/images/social-empty/appnet.png b/new-bithub-client/images/social-empty/appnet.png
new file mode 100644
index 0000000..ec789ed
Binary files /dev/null and b/new-bithub-client/images/social-empty/appnet.png differ
diff --git a/new-bithub-client/images/social-empty/bebo.png b/new-bithub-client/images/social-empty/bebo.png
new file mode 100644
index 0000000..3bbdb61
Binary files /dev/null and b/new-bithub-client/images/social-empty/bebo.png differ
diff --git a/new-bithub-client/images/social-empty/behance.png b/new-bithub-client/images/social-empty/behance.png
new file mode 100644
index 0000000..e54849f
Binary files /dev/null and b/new-bithub-client/images/social-empty/behance.png differ
diff --git a/new-bithub-client/images/social-empty/blogger.png b/new-bithub-client/images/social-empty/blogger.png
new file mode 100644
index 0000000..76b4379
Binary files /dev/null and b/new-bithub-client/images/social-empty/blogger.png differ
diff --git a/new-bithub-client/images/social-empty/buffer.png b/new-bithub-client/images/social-empty/buffer.png
new file mode 100644
index 0000000..59e452b
Binary files /dev/null and b/new-bithub-client/images/social-empty/buffer.png differ
diff --git a/new-bithub-client/images/social-empty/chimein.png b/new-bithub-client/images/social-empty/chimein.png
new file mode 100644
index 0000000..f9ee78a
Binary files /dev/null and b/new-bithub-client/images/social-empty/chimein.png differ
diff --git a/new-bithub-client/images/social-empty/coderwall.png b/new-bithub-client/images/social-empty/coderwall.png
new file mode 100644
index 0000000..963ee86
Binary files /dev/null and b/new-bithub-client/images/social-empty/coderwall.png differ
diff --git a/new-bithub-client/images/social-empty/dailymotion.png b/new-bithub-client/images/social-empty/dailymotion.png
new file mode 100644
index 0000000..e878939
Binary files /dev/null and b/new-bithub-client/images/social-empty/dailymotion.png differ
diff --git a/new-bithub-client/images/social-empty/delicious.png b/new-bithub-client/images/social-empty/delicious.png
new file mode 100644
index 0000000..edfc408
Binary files /dev/null and b/new-bithub-client/images/social-empty/delicious.png differ
diff --git a/new-bithub-client/images/social-empty/deviantart.png b/new-bithub-client/images/social-empty/deviantart.png
new file mode 100644
index 0000000..02d26dc
Binary files /dev/null and b/new-bithub-client/images/social-empty/deviantart.png differ
diff --git a/new-bithub-client/images/social-empty/digg.png b/new-bithub-client/images/social-empty/digg.png
new file mode 100644
index 0000000..8266383
Binary files /dev/null and b/new-bithub-client/images/social-empty/digg.png differ
diff --git a/new-bithub-client/images/social-empty/disqus.png b/new-bithub-client/images/social-empty/disqus.png
new file mode 100644
index 0000000..db112ba
Binary files /dev/null and b/new-bithub-client/images/social-empty/disqus.png differ
diff --git a/new-bithub-client/images/social-empty/dribbble.png b/new-bithub-client/images/social-empty/dribbble.png
new file mode 100644
index 0000000..b3f1102
Binary files /dev/null and b/new-bithub-client/images/social-empty/dribbble.png differ
diff --git a/new-bithub-client/images/social-empty/drupal.png b/new-bithub-client/images/social-empty/drupal.png
new file mode 100644
index 0000000..7263329
Binary files /dev/null and b/new-bithub-client/images/social-empty/drupal.png differ
diff --git a/new-bithub-client/images/social-empty/envato.png b/new-bithub-client/images/social-empty/envato.png
new file mode 100644
index 0000000..2bbde2b
Binary files /dev/null and b/new-bithub-client/images/social-empty/envato.png differ
diff --git a/new-bithub-client/images/social-empty/facebook.png b/new-bithub-client/images/social-empty/facebook.png
new file mode 100644
index 0000000..b06ccb5
Binary files /dev/null and b/new-bithub-client/images/social-empty/facebook.png differ
diff --git a/new-bithub-client/images/social-empty/feedburner.png b/new-bithub-client/images/social-empty/feedburner.png
new file mode 100644
index 0000000..e57af06
Binary files /dev/null and b/new-bithub-client/images/social-empty/feedburner.png differ
diff --git a/new-bithub-client/images/social-empty/flattr.png b/new-bithub-client/images/social-empty/flattr.png
new file mode 100644
index 0000000..511f24d
Binary files /dev/null and b/new-bithub-client/images/social-empty/flattr.png differ
diff --git a/new-bithub-client/images/social-empty/flickr.png b/new-bithub-client/images/social-empty/flickr.png
new file mode 100644
index 0000000..0cedf44
Binary files /dev/null and b/new-bithub-client/images/social-empty/flickr.png differ
diff --git a/new-bithub-client/images/social-empty/forrst.png b/new-bithub-client/images/social-empty/forrst.png
new file mode 100644
index 0000000..72bda7f
Binary files /dev/null and b/new-bithub-client/images/social-empty/forrst.png differ
diff --git a/new-bithub-client/images/social-empty/foursquare.png b/new-bithub-client/images/social-empty/foursquare.png
new file mode 100644
index 0000000..7802c6b
Binary files /dev/null and b/new-bithub-client/images/social-empty/foursquare.png differ
diff --git a/new-bithub-client/images/social-empty/friendfeed.png b/new-bithub-client/images/social-empty/friendfeed.png
new file mode 100644
index 0000000..0daaaa9
Binary files /dev/null and b/new-bithub-client/images/social-empty/friendfeed.png differ
diff --git a/new-bithub-client/images/social-empty/github.png b/new-bithub-client/images/social-empty/github.png
new file mode 100644
index 0000000..4f33508
Binary files /dev/null and b/new-bithub-client/images/social-empty/github.png differ
diff --git a/new-bithub-client/images/social-empty/goodreads.png b/new-bithub-client/images/social-empty/goodreads.png
new file mode 100644
index 0000000..9aa233f
Binary files /dev/null and b/new-bithub-client/images/social-empty/goodreads.png differ
diff --git a/new-bithub-client/images/social-empty/google.png b/new-bithub-client/images/social-empty/google.png
new file mode 100644
index 0000000..5ef8afd
Binary files /dev/null and b/new-bithub-client/images/social-empty/google.png differ
diff --git a/new-bithub-client/images/social-empty/grooveshark.png b/new-bithub-client/images/social-empty/grooveshark.png
new file mode 100644
index 0000000..acdcd69
Binary files /dev/null and b/new-bithub-client/images/social-empty/grooveshark.png differ
diff --git a/new-bithub-client/images/social-empty/houzz.png b/new-bithub-client/images/social-empty/houzz.png
new file mode 100644
index 0000000..5438183
Binary files /dev/null and b/new-bithub-client/images/social-empty/houzz.png differ
diff --git a/new-bithub-client/images/social-empty/identica.png b/new-bithub-client/images/social-empty/identica.png
new file mode 100644
index 0000000..3bfb3af
Binary files /dev/null and b/new-bithub-client/images/social-empty/identica.png differ
diff --git a/new-bithub-client/images/social-empty/instagram.png b/new-bithub-client/images/social-empty/instagram.png
new file mode 100644
index 0000000..098d0e5
Binary files /dev/null and b/new-bithub-client/images/social-empty/instagram.png differ
diff --git a/new-bithub-client/images/social-empty/lanyrd.png b/new-bithub-client/images/social-empty/lanyrd.png
new file mode 100644
index 0000000..529e6d6
Binary files /dev/null and b/new-bithub-client/images/social-empty/lanyrd.png differ
diff --git a/new-bithub-client/images/social-empty/lastfm.png b/new-bithub-client/images/social-empty/lastfm.png
new file mode 100644
index 0000000..ac87052
Binary files /dev/null and b/new-bithub-client/images/social-empty/lastfm.png differ
diff --git a/new-bithub-client/images/social-empty/linkedin.png b/new-bithub-client/images/social-empty/linkedin.png
new file mode 100644
index 0000000..1879697
Binary files /dev/null and b/new-bithub-client/images/social-empty/linkedin.png differ
diff --git a/new-bithub-client/images/social-empty/mail.png b/new-bithub-client/images/social-empty/mail.png
new file mode 100644
index 0000000..ad02588
Binary files /dev/null and b/new-bithub-client/images/social-empty/mail.png differ
diff --git a/new-bithub-client/images/social-empty/meetup.png b/new-bithub-client/images/social-empty/meetup.png
new file mode 100644
index 0000000..7147566
Binary files /dev/null and b/new-bithub-client/images/social-empty/meetup.png differ
diff --git a/new-bithub-client/images/social-empty/myspace.png b/new-bithub-client/images/social-empty/myspace.png
new file mode 100644
index 0000000..a67eac7
Binary files /dev/null and b/new-bithub-client/images/social-empty/myspace.png differ
diff --git a/new-bithub-client/images/social-empty/newsvine.png b/new-bithub-client/images/social-empty/newsvine.png
new file mode 100644
index 0000000..2dec0c3
Binary files /dev/null and b/new-bithub-client/images/social-empty/newsvine.png differ
diff --git a/new-bithub-client/images/social-empty/odnoklassniki.png b/new-bithub-client/images/social-empty/odnoklassniki.png
new file mode 100644
index 0000000..cfdd6ce
Binary files /dev/null and b/new-bithub-client/images/social-empty/odnoklassniki.png differ
diff --git a/new-bithub-client/images/social-empty/outlook.png b/new-bithub-client/images/social-empty/outlook.png
new file mode 100644
index 0000000..60967cc
Binary files /dev/null and b/new-bithub-client/images/social-empty/outlook.png differ
diff --git a/new-bithub-client/images/social-empty/patreon.png b/new-bithub-client/images/social-empty/patreon.png
new file mode 100644
index 0000000..2e51a71
Binary files /dev/null and b/new-bithub-client/images/social-empty/patreon.png differ
diff --git a/new-bithub-client/images/social-empty/paypal.png b/new-bithub-client/images/social-empty/paypal.png
new file mode 100644
index 0000000..bf0d6cc
Binary files /dev/null and b/new-bithub-client/images/social-empty/paypal.png differ
diff --git a/new-bithub-client/images/social-empty/persona.png b/new-bithub-client/images/social-empty/persona.png
new file mode 100644
index 0000000..a597f8d
Binary files /dev/null and b/new-bithub-client/images/social-empty/persona.png differ
diff --git a/new-bithub-client/images/social-empty/pinterest.png b/new-bithub-client/images/social-empty/pinterest.png
new file mode 100644
index 0000000..151c944
Binary files /dev/null and b/new-bithub-client/images/social-empty/pinterest.png differ
diff --git a/new-bithub-client/images/social-empty/play.png b/new-bithub-client/images/social-empty/play.png
new file mode 100644
index 0000000..33453f2
Binary files /dev/null and b/new-bithub-client/images/social-empty/play.png differ
diff --git a/new-bithub-client/images/social-empty/playstation.png b/new-bithub-client/images/social-empty/playstation.png
new file mode 100644
index 0000000..e88bd9d
Binary files /dev/null and b/new-bithub-client/images/social-empty/playstation.png differ
diff --git a/new-bithub-client/images/social-empty/reddit.png b/new-bithub-client/images/social-empty/reddit.png
new file mode 100644
index 0000000..1974382
Binary files /dev/null and b/new-bithub-client/images/social-empty/reddit.png differ
diff --git a/new-bithub-client/images/social-empty/rss.png b/new-bithub-client/images/social-empty/rss.png
new file mode 100644
index 0000000..cb04482
Binary files /dev/null and b/new-bithub-client/images/social-empty/rss.png differ
diff --git a/new-bithub-client/images/social-empty/skype.png b/new-bithub-client/images/social-empty/skype.png
new file mode 100644
index 0000000..c6103c4
Binary files /dev/null and b/new-bithub-client/images/social-empty/skype.png differ
diff --git a/new-bithub-client/images/social-empty/slideshare.png b/new-bithub-client/images/social-empty/slideshare.png
new file mode 100644
index 0000000..da943ed
Binary files /dev/null and b/new-bithub-client/images/social-empty/slideshare.png differ
diff --git a/new-bithub-client/images/social-empty/smugmug.png b/new-bithub-client/images/social-empty/smugmug.png
new file mode 100644
index 0000000..5436075
Binary files /dev/null and b/new-bithub-client/images/social-empty/smugmug.png differ
diff --git a/new-bithub-client/images/social-empty/soundcloud.png b/new-bithub-client/images/social-empty/soundcloud.png
new file mode 100644
index 0000000..e02067f
Binary files /dev/null and b/new-bithub-client/images/social-empty/soundcloud.png differ
diff --git a/new-bithub-client/images/social-empty/spotify.png b/new-bithub-client/images/social-empty/spotify.png
new file mode 100644
index 0000000..c798065
Binary files /dev/null and b/new-bithub-client/images/social-empty/spotify.png differ
diff --git a/new-bithub-client/images/social-empty/stackexchange.png b/new-bithub-client/images/social-empty/stackexchange.png
new file mode 100644
index 0000000..07c976e
Binary files /dev/null and b/new-bithub-client/images/social-empty/stackexchange.png differ
diff --git a/new-bithub-client/images/social-empty/steam.png b/new-bithub-client/images/social-empty/steam.png
new file mode 100644
index 0000000..b485fc6
Binary files /dev/null and b/new-bithub-client/images/social-empty/steam.png differ
diff --git a/new-bithub-client/images/social-empty/stumbleupon.png b/new-bithub-client/images/social-empty/stumbleupon.png
new file mode 100644
index 0000000..0a0466e
Binary files /dev/null and b/new-bithub-client/images/social-empty/stumbleupon.png differ
diff --git a/new-bithub-client/images/social-empty/swarm.png b/new-bithub-client/images/social-empty/swarm.png
new file mode 100644
index 0000000..1c260b0
Binary files /dev/null and b/new-bithub-client/images/social-empty/swarm.png differ
diff --git a/new-bithub-client/images/social-empty/technorati.png b/new-bithub-client/images/social-empty/technorati.png
new file mode 100644
index 0000000..becc826
Binary files /dev/null and b/new-bithub-client/images/social-empty/technorati.png differ
diff --git a/new-bithub-client/images/social-empty/tripadvisor.png b/new-bithub-client/images/social-empty/tripadvisor.png
new file mode 100644
index 0000000..dcdc86f
Binary files /dev/null and b/new-bithub-client/images/social-empty/tripadvisor.png differ
diff --git a/new-bithub-client/images/social-empty/tripit.png b/new-bithub-client/images/social-empty/tripit.png
new file mode 100644
index 0000000..e7594e9
Binary files /dev/null and b/new-bithub-client/images/social-empty/tripit.png differ
diff --git a/new-bithub-client/images/social-empty/triplej.png b/new-bithub-client/images/social-empty/triplej.png
new file mode 100644
index 0000000..3730197
Binary files /dev/null and b/new-bithub-client/images/social-empty/triplej.png differ
diff --git a/new-bithub-client/images/social-empty/tumblr.png b/new-bithub-client/images/social-empty/tumblr.png
new file mode 100644
index 0000000..6c84612
Binary files /dev/null and b/new-bithub-client/images/social-empty/tumblr.png differ
diff --git a/new-bithub-client/images/social-empty/twitter.png b/new-bithub-client/images/social-empty/twitter.png
new file mode 100644
index 0000000..d363692
Binary files /dev/null and b/new-bithub-client/images/social-empty/twitter.png differ
diff --git a/new-bithub-client/images/social-empty/viadeo.png b/new-bithub-client/images/social-empty/viadeo.png
new file mode 100644
index 0000000..2eab032
Binary files /dev/null and b/new-bithub-client/images/social-empty/viadeo.png differ
diff --git a/new-bithub-client/images/social-empty/vimeo.png b/new-bithub-client/images/social-empty/vimeo.png
new file mode 100644
index 0000000..d028086
Binary files /dev/null and b/new-bithub-client/images/social-empty/vimeo.png differ
diff --git a/new-bithub-client/images/social-empty/vine.png b/new-bithub-client/images/social-empty/vine.png
new file mode 100644
index 0000000..79ebe0d
Binary files /dev/null and b/new-bithub-client/images/social-empty/vine.png differ
diff --git a/new-bithub-client/images/social-empty/vkontakte.png b/new-bithub-client/images/social-empty/vkontakte.png
new file mode 100644
index 0000000..10159a4
Binary files /dev/null and b/new-bithub-client/images/social-empty/vkontakte.png differ
diff --git a/new-bithub-client/images/social-empty/wikipedia.png b/new-bithub-client/images/social-empty/wikipedia.png
new file mode 100644
index 0000000..7c90a19
Binary files /dev/null and b/new-bithub-client/images/social-empty/wikipedia.png differ
diff --git a/new-bithub-client/images/social-empty/windows.png b/new-bithub-client/images/social-empty/windows.png
new file mode 100644
index 0000000..354e785
Binary files /dev/null and b/new-bithub-client/images/social-empty/windows.png differ
diff --git a/new-bithub-client/images/social-empty/wordpress.png b/new-bithub-client/images/social-empty/wordpress.png
new file mode 100644
index 0000000..737a7cb
Binary files /dev/null and b/new-bithub-client/images/social-empty/wordpress.png differ
diff --git a/new-bithub-client/images/social-empty/xbox.png b/new-bithub-client/images/social-empty/xbox.png
new file mode 100644
index 0000000..1768fd1
Binary files /dev/null and b/new-bithub-client/images/social-empty/xbox.png differ
diff --git a/new-bithub-client/images/social-empty/xing.png b/new-bithub-client/images/social-empty/xing.png
new file mode 100644
index 0000000..f364cff
Binary files /dev/null and b/new-bithub-client/images/social-empty/xing.png differ
diff --git a/new-bithub-client/images/social-empty/yahoo.png b/new-bithub-client/images/social-empty/yahoo.png
new file mode 100644
index 0000000..376ee5f
Binary files /dev/null and b/new-bithub-client/images/social-empty/yahoo.png differ
diff --git a/new-bithub-client/images/social-empty/yammer.png b/new-bithub-client/images/social-empty/yammer.png
new file mode 100644
index 0000000..60f3cdb
Binary files /dev/null and b/new-bithub-client/images/social-empty/yammer.png differ
diff --git a/new-bithub-client/images/social-empty/yelp.png b/new-bithub-client/images/social-empty/yelp.png
new file mode 100644
index 0000000..23e3ad1
Binary files /dev/null and b/new-bithub-client/images/social-empty/yelp.png differ
diff --git a/new-bithub-client/images/social-empty/youtube.png b/new-bithub-client/images/social-empty/youtube.png
new file mode 100644
index 0000000..3f2cbaa
Binary files /dev/null and b/new-bithub-client/images/social-empty/youtube.png differ
diff --git a/new-bithub-client/images/social-empty/zerply.png b/new-bithub-client/images/social-empty/zerply.png
new file mode 100644
index 0000000..43054f3
Binary files /dev/null and b/new-bithub-client/images/social-empty/zerply.png differ
diff --git a/new-bithub-client/images/social-empty/zynga.png b/new-bithub-client/images/social-empty/zynga.png
new file mode 100644
index 0000000..d80f6c3
Binary files /dev/null and b/new-bithub-client/images/social-empty/zynga.png differ
diff --git a/new-bithub-client/images/social-grey/500px.png b/new-bithub-client/images/social-grey/500px.png
new file mode 100644
index 0000000..70a373a
Binary files /dev/null and b/new-bithub-client/images/social-grey/500px.png differ
diff --git a/new-bithub-client/images/social-grey/android.png b/new-bithub-client/images/social-grey/android.png
new file mode 100644
index 0000000..8873929
Binary files /dev/null and b/new-bithub-client/images/social-grey/android.png differ
diff --git a/new-bithub-client/images/social-grey/apple.png b/new-bithub-client/images/social-grey/apple.png
new file mode 100644
index 0000000..3be24cd
Binary files /dev/null and b/new-bithub-client/images/social-grey/apple.png differ
diff --git a/new-bithub-client/images/social-grey/appnet.png b/new-bithub-client/images/social-grey/appnet.png
new file mode 100644
index 0000000..a0692e9
Binary files /dev/null and b/new-bithub-client/images/social-grey/appnet.png differ
diff --git a/new-bithub-client/images/social-grey/bebo.png b/new-bithub-client/images/social-grey/bebo.png
new file mode 100644
index 0000000..cda2140
Binary files /dev/null and b/new-bithub-client/images/social-grey/bebo.png differ
diff --git a/new-bithub-client/images/social-grey/behance.png b/new-bithub-client/images/social-grey/behance.png
new file mode 100644
index 0000000..32e826f
Binary files /dev/null and b/new-bithub-client/images/social-grey/behance.png differ
diff --git a/new-bithub-client/images/social-grey/blogger.png b/new-bithub-client/images/social-grey/blogger.png
new file mode 100644
index 0000000..e5c578a
Binary files /dev/null and b/new-bithub-client/images/social-grey/blogger.png differ
diff --git a/new-bithub-client/images/social-grey/buffer.png b/new-bithub-client/images/social-grey/buffer.png
new file mode 100644
index 0000000..6459b72
Binary files /dev/null and b/new-bithub-client/images/social-grey/buffer.png differ
diff --git a/new-bithub-client/images/social-grey/chimein.png b/new-bithub-client/images/social-grey/chimein.png
new file mode 100644
index 0000000..8ef164e
Binary files /dev/null and b/new-bithub-client/images/social-grey/chimein.png differ
diff --git a/new-bithub-client/images/social-grey/coderwall.png b/new-bithub-client/images/social-grey/coderwall.png
new file mode 100644
index 0000000..e33921a
Binary files /dev/null and b/new-bithub-client/images/social-grey/coderwall.png differ
diff --git a/new-bithub-client/images/social-grey/dailymotion.png b/new-bithub-client/images/social-grey/dailymotion.png
new file mode 100644
index 0000000..21ebbc5
Binary files /dev/null and b/new-bithub-client/images/social-grey/dailymotion.png differ
diff --git a/new-bithub-client/images/social-grey/delicious.png b/new-bithub-client/images/social-grey/delicious.png
new file mode 100644
index 0000000..95cc3b7
Binary files /dev/null and b/new-bithub-client/images/social-grey/delicious.png differ
diff --git a/new-bithub-client/images/social-grey/deviantart.png b/new-bithub-client/images/social-grey/deviantart.png
new file mode 100644
index 0000000..402ee08
Binary files /dev/null and b/new-bithub-client/images/social-grey/deviantart.png differ
diff --git a/new-bithub-client/images/social-grey/digg.png b/new-bithub-client/images/social-grey/digg.png
new file mode 100644
index 0000000..ec6b626
Binary files /dev/null and b/new-bithub-client/images/social-grey/digg.png differ
diff --git a/new-bithub-client/images/social-grey/disqus.png b/new-bithub-client/images/social-grey/disqus.png
new file mode 100644
index 0000000..05e62f4
Binary files /dev/null and b/new-bithub-client/images/social-grey/disqus.png differ
diff --git a/new-bithub-client/images/social-grey/dribbble.png b/new-bithub-client/images/social-grey/dribbble.png
new file mode 100644
index 0000000..0ebb563
Binary files /dev/null and b/new-bithub-client/images/social-grey/dribbble.png differ
diff --git a/new-bithub-client/images/social-grey/drupal.png b/new-bithub-client/images/social-grey/drupal.png
new file mode 100644
index 0000000..664ec75
Binary files /dev/null and b/new-bithub-client/images/social-grey/drupal.png differ
diff --git a/new-bithub-client/images/social-grey/envato.png b/new-bithub-client/images/social-grey/envato.png
new file mode 100644
index 0000000..e7d08ff
Binary files /dev/null and b/new-bithub-client/images/social-grey/envato.png differ
diff --git a/new-bithub-client/images/social-grey/facebook.png b/new-bithub-client/images/social-grey/facebook.png
new file mode 100644
index 0000000..7e9dec0
Binary files /dev/null and b/new-bithub-client/images/social-grey/facebook.png differ
diff --git a/new-bithub-client/images/social-grey/feedburner.png b/new-bithub-client/images/social-grey/feedburner.png
new file mode 100644
index 0000000..c62cf94
Binary files /dev/null and b/new-bithub-client/images/social-grey/feedburner.png differ
diff --git a/new-bithub-client/images/social-grey/flattr.png b/new-bithub-client/images/social-grey/flattr.png
new file mode 100644
index 0000000..692d1da
Binary files /dev/null and b/new-bithub-client/images/social-grey/flattr.png differ
diff --git a/new-bithub-client/images/social-grey/flickr.png b/new-bithub-client/images/social-grey/flickr.png
new file mode 100644
index 0000000..6b305ed
Binary files /dev/null and b/new-bithub-client/images/social-grey/flickr.png differ
diff --git a/new-bithub-client/images/social-grey/forrst.png b/new-bithub-client/images/social-grey/forrst.png
new file mode 100644
index 0000000..1f4937d
Binary files /dev/null and b/new-bithub-client/images/social-grey/forrst.png differ
diff --git a/new-bithub-client/images/social-grey/foursquare.png b/new-bithub-client/images/social-grey/foursquare.png
new file mode 100644
index 0000000..10b7df6
Binary files /dev/null and b/new-bithub-client/images/social-grey/foursquare.png differ
diff --git a/new-bithub-client/images/social-grey/friendfeed.png b/new-bithub-client/images/social-grey/friendfeed.png
new file mode 100644
index 0000000..9c9844f
Binary files /dev/null and b/new-bithub-client/images/social-grey/friendfeed.png differ
diff --git a/new-bithub-client/images/social-grey/github.png b/new-bithub-client/images/social-grey/github.png
new file mode 100644
index 0000000..a0762eb
Binary files /dev/null and b/new-bithub-client/images/social-grey/github.png differ
diff --git a/new-bithub-client/images/social-grey/goodreads.png b/new-bithub-client/images/social-grey/goodreads.png
new file mode 100644
index 0000000..aff201a
Binary files /dev/null and b/new-bithub-client/images/social-grey/goodreads.png differ
diff --git a/new-bithub-client/images/social-grey/google.png b/new-bithub-client/images/social-grey/google.png
new file mode 100644
index 0000000..26421d1
Binary files /dev/null and b/new-bithub-client/images/social-grey/google.png differ
diff --git a/new-bithub-client/images/social-grey/grooveshark.png b/new-bithub-client/images/social-grey/grooveshark.png
new file mode 100644
index 0000000..f2db683
Binary files /dev/null and b/new-bithub-client/images/social-grey/grooveshark.png differ
diff --git a/new-bithub-client/images/social-grey/houzz.png b/new-bithub-client/images/social-grey/houzz.png
new file mode 100644
index 0000000..58ed314
Binary files /dev/null and b/new-bithub-client/images/social-grey/houzz.png differ
diff --git a/new-bithub-client/images/social-grey/identica.png b/new-bithub-client/images/social-grey/identica.png
new file mode 100644
index 0000000..6d49b4c
Binary files /dev/null and b/new-bithub-client/images/social-grey/identica.png differ
diff --git a/new-bithub-client/images/social-grey/instagram.png b/new-bithub-client/images/social-grey/instagram.png
new file mode 100644
index 0000000..c6cf5e8
Binary files /dev/null and b/new-bithub-client/images/social-grey/instagram.png differ
diff --git a/new-bithub-client/images/social-grey/lanyrd.png b/new-bithub-client/images/social-grey/lanyrd.png
new file mode 100644
index 0000000..e849cec
Binary files /dev/null and b/new-bithub-client/images/social-grey/lanyrd.png differ
diff --git a/new-bithub-client/images/social-grey/lastfm.png b/new-bithub-client/images/social-grey/lastfm.png
new file mode 100644
index 0000000..6fdb091
Binary files /dev/null and b/new-bithub-client/images/social-grey/lastfm.png differ
diff --git a/new-bithub-client/images/social-grey/linkedin.png b/new-bithub-client/images/social-grey/linkedin.png
new file mode 100644
index 0000000..35c2641
Binary files /dev/null and b/new-bithub-client/images/social-grey/linkedin.png differ
diff --git a/new-bithub-client/images/social-grey/mail.png b/new-bithub-client/images/social-grey/mail.png
new file mode 100644
index 0000000..e4f65c3
Binary files /dev/null and b/new-bithub-client/images/social-grey/mail.png differ
diff --git a/new-bithub-client/images/social-grey/meetup.png b/new-bithub-client/images/social-grey/meetup.png
new file mode 100644
index 0000000..231bfaa
Binary files /dev/null and b/new-bithub-client/images/social-grey/meetup.png differ
diff --git a/new-bithub-client/images/social-grey/myspace.png b/new-bithub-client/images/social-grey/myspace.png
new file mode 100644
index 0000000..2b31bde
Binary files /dev/null and b/new-bithub-client/images/social-grey/myspace.png differ
diff --git a/new-bithub-client/images/social-grey/newsvine.png b/new-bithub-client/images/social-grey/newsvine.png
new file mode 100644
index 0000000..38e93f2
Binary files /dev/null and b/new-bithub-client/images/social-grey/newsvine.png differ
diff --git a/new-bithub-client/images/social-grey/odnoklassniki.png b/new-bithub-client/images/social-grey/odnoklassniki.png
new file mode 100644
index 0000000..800e3c5
Binary files /dev/null and b/new-bithub-client/images/social-grey/odnoklassniki.png differ
diff --git a/new-bithub-client/images/social-grey/outlook.png b/new-bithub-client/images/social-grey/outlook.png
new file mode 100644
index 0000000..cf67521
Binary files /dev/null and b/new-bithub-client/images/social-grey/outlook.png differ
diff --git a/new-bithub-client/images/social-grey/patreon.png b/new-bithub-client/images/social-grey/patreon.png
new file mode 100644
index 0000000..4f1fa82
Binary files /dev/null and b/new-bithub-client/images/social-grey/patreon.png differ
diff --git a/new-bithub-client/images/social-grey/paypal.png b/new-bithub-client/images/social-grey/paypal.png
new file mode 100644
index 0000000..a6677c1
Binary files /dev/null and b/new-bithub-client/images/social-grey/paypal.png differ
diff --git a/new-bithub-client/images/social-grey/persona.png b/new-bithub-client/images/social-grey/persona.png
new file mode 100644
index 0000000..eb65912
Binary files /dev/null and b/new-bithub-client/images/social-grey/persona.png differ
diff --git a/new-bithub-client/images/social-grey/pinterest.png b/new-bithub-client/images/social-grey/pinterest.png
new file mode 100644
index 0000000..1e984c4
Binary files /dev/null and b/new-bithub-client/images/social-grey/pinterest.png differ
diff --git a/new-bithub-client/images/social-grey/play.png b/new-bithub-client/images/social-grey/play.png
new file mode 100644
index 0000000..773c8f3
Binary files /dev/null and b/new-bithub-client/images/social-grey/play.png differ
diff --git a/new-bithub-client/images/social-grey/playstation.png b/new-bithub-client/images/social-grey/playstation.png
new file mode 100644
index 0000000..95f7ff0
Binary files /dev/null and b/new-bithub-client/images/social-grey/playstation.png differ
diff --git a/new-bithub-client/images/social-grey/reddit.png b/new-bithub-client/images/social-grey/reddit.png
new file mode 100644
index 0000000..fe097a2
Binary files /dev/null and b/new-bithub-client/images/social-grey/reddit.png differ
diff --git a/new-bithub-client/images/social-grey/rss.png b/new-bithub-client/images/social-grey/rss.png
new file mode 100644
index 0000000..e2513f1
Binary files /dev/null and b/new-bithub-client/images/social-grey/rss.png differ
diff --git a/new-bithub-client/images/social-grey/skype.png b/new-bithub-client/images/social-grey/skype.png
new file mode 100644
index 0000000..ca14f90
Binary files /dev/null and b/new-bithub-client/images/social-grey/skype.png differ
diff --git a/new-bithub-client/images/social-grey/slideshare.png b/new-bithub-client/images/social-grey/slideshare.png
new file mode 100644
index 0000000..5695875
Binary files /dev/null and b/new-bithub-client/images/social-grey/slideshare.png differ
diff --git a/new-bithub-client/images/social-grey/smugmug.png b/new-bithub-client/images/social-grey/smugmug.png
new file mode 100644
index 0000000..2d61ea1
Binary files /dev/null and b/new-bithub-client/images/social-grey/smugmug.png differ
diff --git a/new-bithub-client/images/social-grey/soundcloud.png b/new-bithub-client/images/social-grey/soundcloud.png
new file mode 100644
index 0000000..1b7437b
Binary files /dev/null and b/new-bithub-client/images/social-grey/soundcloud.png differ
diff --git a/new-bithub-client/images/social-grey/spotify.png b/new-bithub-client/images/social-grey/spotify.png
new file mode 100644
index 0000000..542d941
Binary files /dev/null and b/new-bithub-client/images/social-grey/spotify.png differ
diff --git a/new-bithub-client/images/social-grey/stackexchange.png b/new-bithub-client/images/social-grey/stackexchange.png
new file mode 100644
index 0000000..938ab25
Binary files /dev/null and b/new-bithub-client/images/social-grey/stackexchange.png differ
diff --git a/new-bithub-client/images/social-grey/steam.png b/new-bithub-client/images/social-grey/steam.png
new file mode 100644
index 0000000..3fcd67d
Binary files /dev/null and b/new-bithub-client/images/social-grey/steam.png differ
diff --git a/new-bithub-client/images/social-grey/stumbleupon.png b/new-bithub-client/images/social-grey/stumbleupon.png
new file mode 100644
index 0000000..962b416
Binary files /dev/null and b/new-bithub-client/images/social-grey/stumbleupon.png differ
diff --git a/new-bithub-client/images/social-grey/swarm.png b/new-bithub-client/images/social-grey/swarm.png
new file mode 100644
index 0000000..ca31acb
Binary files /dev/null and b/new-bithub-client/images/social-grey/swarm.png differ
diff --git a/new-bithub-client/images/social-grey/technorati.png b/new-bithub-client/images/social-grey/technorati.png
new file mode 100644
index 0000000..df12d4a
Binary files /dev/null and b/new-bithub-client/images/social-grey/technorati.png differ
diff --git a/new-bithub-client/images/social-grey/tripadvisor.png b/new-bithub-client/images/social-grey/tripadvisor.png
new file mode 100644
index 0000000..84b66a7
Binary files /dev/null and b/new-bithub-client/images/social-grey/tripadvisor.png differ
diff --git a/new-bithub-client/images/social-grey/tripit.png b/new-bithub-client/images/social-grey/tripit.png
new file mode 100644
index 0000000..6c994ab
Binary files /dev/null and b/new-bithub-client/images/social-grey/tripit.png differ
diff --git a/new-bithub-client/images/social-grey/triplej.png b/new-bithub-client/images/social-grey/triplej.png
new file mode 100644
index 0000000..304f650
Binary files /dev/null and b/new-bithub-client/images/social-grey/triplej.png differ
diff --git a/new-bithub-client/images/social-grey/tumblr.png b/new-bithub-client/images/social-grey/tumblr.png
new file mode 100644
index 0000000..e5fa06d
Binary files /dev/null and b/new-bithub-client/images/social-grey/tumblr.png differ
diff --git a/new-bithub-client/images/social-grey/twitter.png b/new-bithub-client/images/social-grey/twitter.png
new file mode 100644
index 0000000..77e27f6
Binary files /dev/null and b/new-bithub-client/images/social-grey/twitter.png differ
diff --git a/new-bithub-client/images/social-grey/viadeo.png b/new-bithub-client/images/social-grey/viadeo.png
new file mode 100644
index 0000000..1e4fc65
Binary files /dev/null and b/new-bithub-client/images/social-grey/viadeo.png differ
diff --git a/new-bithub-client/images/social-grey/vimeo.png b/new-bithub-client/images/social-grey/vimeo.png
new file mode 100644
index 0000000..38e7706
Binary files /dev/null and b/new-bithub-client/images/social-grey/vimeo.png differ
diff --git a/new-bithub-client/images/social-grey/vine.png b/new-bithub-client/images/social-grey/vine.png
new file mode 100644
index 0000000..d300d35
Binary files /dev/null and b/new-bithub-client/images/social-grey/vine.png differ
diff --git a/new-bithub-client/images/social-grey/vkontakte.png b/new-bithub-client/images/social-grey/vkontakte.png
new file mode 100644
index 0000000..b7172d3
Binary files /dev/null and b/new-bithub-client/images/social-grey/vkontakte.png differ
diff --git a/new-bithub-client/images/social-grey/wikipedia.png b/new-bithub-client/images/social-grey/wikipedia.png
new file mode 100644
index 0000000..2a0af7d
Binary files /dev/null and b/new-bithub-client/images/social-grey/wikipedia.png differ
diff --git a/new-bithub-client/images/social-grey/windows.png b/new-bithub-client/images/social-grey/windows.png
new file mode 100644
index 0000000..25e0f86
Binary files /dev/null and b/new-bithub-client/images/social-grey/windows.png differ
diff --git a/new-bithub-client/images/social-grey/wordpress.png b/new-bithub-client/images/social-grey/wordpress.png
new file mode 100644
index 0000000..7e0ecee
Binary files /dev/null and b/new-bithub-client/images/social-grey/wordpress.png differ
diff --git a/new-bithub-client/images/social-grey/xbox.png b/new-bithub-client/images/social-grey/xbox.png
new file mode 100644
index 0000000..11599a7
Binary files /dev/null and b/new-bithub-client/images/social-grey/xbox.png differ
diff --git a/new-bithub-client/images/social-grey/xing.png b/new-bithub-client/images/social-grey/xing.png
new file mode 100644
index 0000000..8c84a10
Binary files /dev/null and b/new-bithub-client/images/social-grey/xing.png differ
diff --git a/new-bithub-client/images/social-grey/yahoo.png b/new-bithub-client/images/social-grey/yahoo.png
new file mode 100644
index 0000000..a543542
Binary files /dev/null and b/new-bithub-client/images/social-grey/yahoo.png differ
diff --git a/new-bithub-client/images/social-grey/yammer.png b/new-bithub-client/images/social-grey/yammer.png
new file mode 100644
index 0000000..d554e9c
Binary files /dev/null and b/new-bithub-client/images/social-grey/yammer.png differ
diff --git a/new-bithub-client/images/social-grey/yelp.png b/new-bithub-client/images/social-grey/yelp.png
new file mode 100644
index 0000000..c8821e9
Binary files /dev/null and b/new-bithub-client/images/social-grey/yelp.png differ
diff --git a/new-bithub-client/images/social-grey/youtube.png b/new-bithub-client/images/social-grey/youtube.png
new file mode 100644
index 0000000..95fa497
Binary files /dev/null and b/new-bithub-client/images/social-grey/youtube.png differ
diff --git a/new-bithub-client/images/social-grey/zerply.png b/new-bithub-client/images/social-grey/zerply.png
new file mode 100644
index 0000000..cb087b2
Binary files /dev/null and b/new-bithub-client/images/social-grey/zerply.png differ
diff --git a/new-bithub-client/images/social-grey/zynga.png b/new-bithub-client/images/social-grey/zynga.png
new file mode 100644
index 0000000..a2dc735
Binary files /dev/null and b/new-bithub-client/images/social-grey/zynga.png differ
diff --git a/new-bithub-client/images/social/500px.png b/new-bithub-client/images/social/500px.png
new file mode 100755
index 0000000..c7e9841
Binary files /dev/null and b/new-bithub-client/images/social/500px.png differ
diff --git a/new-bithub-client/images/social/android.png b/new-bithub-client/images/social/android.png
new file mode 100755
index 0000000..412c2f8
Binary files /dev/null and b/new-bithub-client/images/social/android.png differ
diff --git a/new-bithub-client/images/social/apple.png b/new-bithub-client/images/social/apple.png
new file mode 100755
index 0000000..ebc9119
Binary files /dev/null and b/new-bithub-client/images/social/apple.png differ
diff --git a/new-bithub-client/images/social/appnet.png b/new-bithub-client/images/social/appnet.png
new file mode 100755
index 0000000..1251fd3
Binary files /dev/null and b/new-bithub-client/images/social/appnet.png differ
diff --git a/new-bithub-client/images/social/bebo.png b/new-bithub-client/images/social/bebo.png
new file mode 100755
index 0000000..65c19e8
Binary files /dev/null and b/new-bithub-client/images/social/bebo.png differ
diff --git a/new-bithub-client/images/social/behance.png b/new-bithub-client/images/social/behance.png
new file mode 100755
index 0000000..7c933f6
Binary files /dev/null and b/new-bithub-client/images/social/behance.png differ
diff --git a/new-bithub-client/images/social/blogger.png b/new-bithub-client/images/social/blogger.png
new file mode 100755
index 0000000..274664b
Binary files /dev/null and b/new-bithub-client/images/social/blogger.png differ
diff --git a/new-bithub-client/images/social/buffer.png b/new-bithub-client/images/social/buffer.png
new file mode 100755
index 0000000..3e05e29
Binary files /dev/null and b/new-bithub-client/images/social/buffer.png differ
diff --git a/new-bithub-client/images/social/chimein.png b/new-bithub-client/images/social/chimein.png
new file mode 100755
index 0000000..0c33ff1
Binary files /dev/null and b/new-bithub-client/images/social/chimein.png differ
diff --git a/new-bithub-client/images/social/coderwall.png b/new-bithub-client/images/social/coderwall.png
new file mode 100755
index 0000000..ee02af6
Binary files /dev/null and b/new-bithub-client/images/social/coderwall.png differ
diff --git a/new-bithub-client/images/social/dailymotion.png b/new-bithub-client/images/social/dailymotion.png
new file mode 100755
index 0000000..52a25ac
Binary files /dev/null and b/new-bithub-client/images/social/dailymotion.png differ
diff --git a/new-bithub-client/images/social/delicious.png b/new-bithub-client/images/social/delicious.png
new file mode 100755
index 0000000..7039143
Binary files /dev/null and b/new-bithub-client/images/social/delicious.png differ
diff --git a/new-bithub-client/images/social/deviantart.png b/new-bithub-client/images/social/deviantart.png
new file mode 100755
index 0000000..8c22886
Binary files /dev/null and b/new-bithub-client/images/social/deviantart.png differ
diff --git a/new-bithub-client/images/social/digg.png b/new-bithub-client/images/social/digg.png
new file mode 100755
index 0000000..8a0ebcc
Binary files /dev/null and b/new-bithub-client/images/social/digg.png differ
diff --git a/new-bithub-client/images/social/disqus.png b/new-bithub-client/images/social/disqus.png
new file mode 100755
index 0000000..70f7f08
Binary files /dev/null and b/new-bithub-client/images/social/disqus.png differ
diff --git a/new-bithub-client/images/social/dribbble.png b/new-bithub-client/images/social/dribbble.png
new file mode 100755
index 0000000..b6172fd
Binary files /dev/null and b/new-bithub-client/images/social/dribbble.png differ
diff --git a/new-bithub-client/images/social/drupal.png b/new-bithub-client/images/social/drupal.png
new file mode 100755
index 0000000..9027f59
Binary files /dev/null and b/new-bithub-client/images/social/drupal.png differ
diff --git a/new-bithub-client/images/social/envato.png b/new-bithub-client/images/social/envato.png
new file mode 100755
index 0000000..d7882fc
Binary files /dev/null and b/new-bithub-client/images/social/envato.png differ
diff --git a/new-bithub-client/images/social/facebook.png b/new-bithub-client/images/social/facebook.png
new file mode 100755
index 0000000..d24d130
Binary files /dev/null and b/new-bithub-client/images/social/facebook.png differ
diff --git a/new-bithub-client/images/social/feedburner.png b/new-bithub-client/images/social/feedburner.png
new file mode 100755
index 0000000..05b6a38
Binary files /dev/null and b/new-bithub-client/images/social/feedburner.png differ
diff --git a/new-bithub-client/images/social/flattr.png b/new-bithub-client/images/social/flattr.png
new file mode 100755
index 0000000..9cf4410
Binary files /dev/null and b/new-bithub-client/images/social/flattr.png differ
diff --git a/new-bithub-client/images/social/flickr.png b/new-bithub-client/images/social/flickr.png
new file mode 100755
index 0000000..5fbbef5
Binary files /dev/null and b/new-bithub-client/images/social/flickr.png differ
diff --git a/new-bithub-client/images/social/forrst.png b/new-bithub-client/images/social/forrst.png
new file mode 100755
index 0000000..f53f423
Binary files /dev/null and b/new-bithub-client/images/social/forrst.png differ
diff --git a/new-bithub-client/images/social/foursquare.png b/new-bithub-client/images/social/foursquare.png
new file mode 100755
index 0000000..33b9206
Binary files /dev/null and b/new-bithub-client/images/social/foursquare.png differ
diff --git a/new-bithub-client/images/social/friendfeed.png b/new-bithub-client/images/social/friendfeed.png
new file mode 100755
index 0000000..1c404c3
Binary files /dev/null and b/new-bithub-client/images/social/friendfeed.png differ
diff --git a/new-bithub-client/images/social/github.png b/new-bithub-client/images/social/github.png
new file mode 100755
index 0000000..085af7d
Binary files /dev/null and b/new-bithub-client/images/social/github.png differ
diff --git a/new-bithub-client/images/social/goodreads.png b/new-bithub-client/images/social/goodreads.png
new file mode 100755
index 0000000..9d123a6
Binary files /dev/null and b/new-bithub-client/images/social/goodreads.png differ
diff --git a/new-bithub-client/images/social/google.png b/new-bithub-client/images/social/google.png
new file mode 100755
index 0000000..664c9fb
Binary files /dev/null and b/new-bithub-client/images/social/google.png differ
diff --git a/new-bithub-client/images/social/grooveshark.png b/new-bithub-client/images/social/grooveshark.png
new file mode 100755
index 0000000..2196b12
Binary files /dev/null and b/new-bithub-client/images/social/grooveshark.png differ
diff --git a/new-bithub-client/images/social/houzz.png b/new-bithub-client/images/social/houzz.png
new file mode 100755
index 0000000..0d89cd0
Binary files /dev/null and b/new-bithub-client/images/social/houzz.png differ
diff --git a/new-bithub-client/images/social/identica.png b/new-bithub-client/images/social/identica.png
new file mode 100755
index 0000000..db9c160
Binary files /dev/null and b/new-bithub-client/images/social/identica.png differ
diff --git a/new-bithub-client/images/social/instagram.png b/new-bithub-client/images/social/instagram.png
new file mode 100755
index 0000000..4673f7a
Binary files /dev/null and b/new-bithub-client/images/social/instagram.png differ
diff --git a/new-bithub-client/images/social/lanyrd.png b/new-bithub-client/images/social/lanyrd.png
new file mode 100755
index 0000000..d68b6d0
Binary files /dev/null and b/new-bithub-client/images/social/lanyrd.png differ
diff --git a/new-bithub-client/images/social/lastfm.png b/new-bithub-client/images/social/lastfm.png
new file mode 100755
index 0000000..40f4012
Binary files /dev/null and b/new-bithub-client/images/social/lastfm.png differ
diff --git a/new-bithub-client/images/social/linkedin.png b/new-bithub-client/images/social/linkedin.png
new file mode 100755
index 0000000..02e5296
Binary files /dev/null and b/new-bithub-client/images/social/linkedin.png differ
diff --git a/new-bithub-client/images/social/mail.png b/new-bithub-client/images/social/mail.png
new file mode 100755
index 0000000..62f1288
Binary files /dev/null and b/new-bithub-client/images/social/mail.png differ
diff --git a/new-bithub-client/images/social/meetup.png b/new-bithub-client/images/social/meetup.png
new file mode 100755
index 0000000..bfd7924
Binary files /dev/null and b/new-bithub-client/images/social/meetup.png differ
diff --git a/new-bithub-client/images/social/myspace.png b/new-bithub-client/images/social/myspace.png
new file mode 100755
index 0000000..550b125
Binary files /dev/null and b/new-bithub-client/images/social/myspace.png differ
diff --git a/new-bithub-client/images/social/newsvine.png b/new-bithub-client/images/social/newsvine.png
new file mode 100755
index 0000000..8dd4ed8
Binary files /dev/null and b/new-bithub-client/images/social/newsvine.png differ
diff --git a/new-bithub-client/images/social/odnoklassniki.png b/new-bithub-client/images/social/odnoklassniki.png
new file mode 100755
index 0000000..9a912f8
Binary files /dev/null and b/new-bithub-client/images/social/odnoklassniki.png differ
diff --git a/new-bithub-client/images/social/outlook.png b/new-bithub-client/images/social/outlook.png
new file mode 100755
index 0000000..6d60dda
Binary files /dev/null and b/new-bithub-client/images/social/outlook.png differ
diff --git a/new-bithub-client/images/social/patreon.png b/new-bithub-client/images/social/patreon.png
new file mode 100755
index 0000000..122a9ef
Binary files /dev/null and b/new-bithub-client/images/social/patreon.png differ
diff --git a/new-bithub-client/images/social/paypal.png b/new-bithub-client/images/social/paypal.png
new file mode 100755
index 0000000..21d888e
Binary files /dev/null and b/new-bithub-client/images/social/paypal.png differ
diff --git a/new-bithub-client/images/social/persona.png b/new-bithub-client/images/social/persona.png
new file mode 100755
index 0000000..6adbed8
Binary files /dev/null and b/new-bithub-client/images/social/persona.png differ
diff --git a/new-bithub-client/images/social/pinterest.png b/new-bithub-client/images/social/pinterest.png
new file mode 100755
index 0000000..26a6b65
Binary files /dev/null and b/new-bithub-client/images/social/pinterest.png differ
diff --git a/new-bithub-client/images/social/play.png b/new-bithub-client/images/social/play.png
new file mode 100755
index 0000000..fb5d28c
Binary files /dev/null and b/new-bithub-client/images/social/play.png differ
diff --git a/new-bithub-client/images/social/playstation.png b/new-bithub-client/images/social/playstation.png
new file mode 100755
index 0000000..355fe47
Binary files /dev/null and b/new-bithub-client/images/social/playstation.png differ
diff --git a/new-bithub-client/images/social/reddit.png b/new-bithub-client/images/social/reddit.png
new file mode 100755
index 0000000..893a5ed
Binary files /dev/null and b/new-bithub-client/images/social/reddit.png differ
diff --git a/new-bithub-client/images/social/rss.png b/new-bithub-client/images/social/rss.png
new file mode 100755
index 0000000..3835c16
Binary files /dev/null and b/new-bithub-client/images/social/rss.png differ
diff --git a/new-bithub-client/images/social/skype.png b/new-bithub-client/images/social/skype.png
new file mode 100755
index 0000000..bcd9036
Binary files /dev/null and b/new-bithub-client/images/social/skype.png differ
diff --git a/new-bithub-client/images/social/slideshare.png b/new-bithub-client/images/social/slideshare.png
new file mode 100755
index 0000000..b8757b3
Binary files /dev/null and b/new-bithub-client/images/social/slideshare.png differ
diff --git a/new-bithub-client/images/social/smugmug.png b/new-bithub-client/images/social/smugmug.png
new file mode 100755
index 0000000..327d7aa
Binary files /dev/null and b/new-bithub-client/images/social/smugmug.png differ
diff --git a/new-bithub-client/images/social/soundcloud.png b/new-bithub-client/images/social/soundcloud.png
new file mode 100755
index 0000000..74030b4
Binary files /dev/null and b/new-bithub-client/images/social/soundcloud.png differ
diff --git a/new-bithub-client/images/social/spotify.png b/new-bithub-client/images/social/spotify.png
new file mode 100755
index 0000000..df73ed1
Binary files /dev/null and b/new-bithub-client/images/social/spotify.png differ
diff --git a/new-bithub-client/images/social/stackexchange.png b/new-bithub-client/images/social/stackexchange.png
new file mode 100755
index 0000000..af011f3
Binary files /dev/null and b/new-bithub-client/images/social/stackexchange.png differ
diff --git a/new-bithub-client/images/social/stackoverflow.png b/new-bithub-client/images/social/stackoverflow.png
new file mode 100755
index 0000000..0c76cc9
Binary files /dev/null and b/new-bithub-client/images/social/stackoverflow.png differ
diff --git a/new-bithub-client/images/social/steam.png b/new-bithub-client/images/social/steam.png
new file mode 100755
index 0000000..920660b
Binary files /dev/null and b/new-bithub-client/images/social/steam.png differ
diff --git a/new-bithub-client/images/social/stumbleupon.png b/new-bithub-client/images/social/stumbleupon.png
new file mode 100755
index 0000000..a844d8d
Binary files /dev/null and b/new-bithub-client/images/social/stumbleupon.png differ
diff --git a/new-bithub-client/images/social/swarm.png b/new-bithub-client/images/social/swarm.png
new file mode 100755
index 0000000..fa9c4de
Binary files /dev/null and b/new-bithub-client/images/social/swarm.png differ
diff --git a/new-bithub-client/images/social/technorati.png b/new-bithub-client/images/social/technorati.png
new file mode 100755
index 0000000..e8f6fa8
Binary files /dev/null and b/new-bithub-client/images/social/technorati.png differ
diff --git a/new-bithub-client/images/social/tripadvisor.png b/new-bithub-client/images/social/tripadvisor.png
new file mode 100755
index 0000000..ee30ffd
Binary files /dev/null and b/new-bithub-client/images/social/tripadvisor.png differ
diff --git a/new-bithub-client/images/social/tripit.png b/new-bithub-client/images/social/tripit.png
new file mode 100755
index 0000000..c5428b0
Binary files /dev/null and b/new-bithub-client/images/social/tripit.png differ
diff --git a/new-bithub-client/images/social/triplej.png b/new-bithub-client/images/social/triplej.png
new file mode 100755
index 0000000..5756a81
Binary files /dev/null and b/new-bithub-client/images/social/triplej.png differ
diff --git a/new-bithub-client/images/social/tumblr.png b/new-bithub-client/images/social/tumblr.png
new file mode 100755
index 0000000..e95fbd2
Binary files /dev/null and b/new-bithub-client/images/social/tumblr.png differ
diff --git a/new-bithub-client/images/social/twitter.png b/new-bithub-client/images/social/twitter.png
new file mode 100755
index 0000000..9d61895
Binary files /dev/null and b/new-bithub-client/images/social/twitter.png differ
diff --git a/new-bithub-client/images/social/viadeo.png b/new-bithub-client/images/social/viadeo.png
new file mode 100755
index 0000000..b446887
Binary files /dev/null and b/new-bithub-client/images/social/viadeo.png differ
diff --git a/new-bithub-client/images/social/vimeo.png b/new-bithub-client/images/social/vimeo.png
new file mode 100755
index 0000000..a187938
Binary files /dev/null and b/new-bithub-client/images/social/vimeo.png differ
diff --git a/new-bithub-client/images/social/vine.png b/new-bithub-client/images/social/vine.png
new file mode 100755
index 0000000..8e09e9d
Binary files /dev/null and b/new-bithub-client/images/social/vine.png differ
diff --git a/new-bithub-client/images/social/vkontakte.png b/new-bithub-client/images/social/vkontakte.png
new file mode 100755
index 0000000..ea2bcef
Binary files /dev/null and b/new-bithub-client/images/social/vkontakte.png differ
diff --git a/new-bithub-client/images/social/wikipedia.png b/new-bithub-client/images/social/wikipedia.png
new file mode 100755
index 0000000..4e351bd
Binary files /dev/null and b/new-bithub-client/images/social/wikipedia.png differ
diff --git a/new-bithub-client/images/social/windows.png b/new-bithub-client/images/social/windows.png
new file mode 100755
index 0000000..72ff8ac
Binary files /dev/null and b/new-bithub-client/images/social/windows.png differ
diff --git a/new-bithub-client/images/social/wordpress.png b/new-bithub-client/images/social/wordpress.png
new file mode 100755
index 0000000..9970380
Binary files /dev/null and b/new-bithub-client/images/social/wordpress.png differ
diff --git a/new-bithub-client/images/social/xbox.png b/new-bithub-client/images/social/xbox.png
new file mode 100755
index 0000000..d1b77df
Binary files /dev/null and b/new-bithub-client/images/social/xbox.png differ
diff --git a/new-bithub-client/images/social/xing.png b/new-bithub-client/images/social/xing.png
new file mode 100755
index 0000000..01e3f2b
Binary files /dev/null and b/new-bithub-client/images/social/xing.png differ
diff --git a/new-bithub-client/images/social/yahoo.png b/new-bithub-client/images/social/yahoo.png
new file mode 100755
index 0000000..d330229
Binary files /dev/null and b/new-bithub-client/images/social/yahoo.png differ
diff --git a/new-bithub-client/images/social/yammer.png b/new-bithub-client/images/social/yammer.png
new file mode 100755
index 0000000..990d819
Binary files /dev/null and b/new-bithub-client/images/social/yammer.png differ
diff --git a/new-bithub-client/images/social/yelp.png b/new-bithub-client/images/social/yelp.png
new file mode 100755
index 0000000..0b9e3a9
Binary files /dev/null and b/new-bithub-client/images/social/yelp.png differ
diff --git a/new-bithub-client/images/social/youtube.png b/new-bithub-client/images/social/youtube.png
new file mode 100755
index 0000000..cad5c27
Binary files /dev/null and b/new-bithub-client/images/social/youtube.png differ
diff --git a/new-bithub-client/images/social/zerply.png b/new-bithub-client/images/social/zerply.png
new file mode 100755
index 0000000..66a76a1
Binary files /dev/null and b/new-bithub-client/images/social/zerply.png differ
diff --git a/new-bithub-client/images/social/zynga.png b/new-bithub-client/images/social/zynga.png
new file mode 100755
index 0000000..a1bbf00
Binary files /dev/null and b/new-bithub-client/images/social/zynga.png differ
diff --git a/new-bithub-client/images/spinner.gif b/new-bithub-client/images/spinner.gif
new file mode 100644
index 0000000..0435861
Binary files /dev/null and b/new-bithub-client/images/spinner.gif differ
diff --git a/new-bithub-client/package.json b/new-bithub-client/package.json
new file mode 100644
index 0000000..7f2d5a3
--- /dev/null
+++ b/new-bithub-client/package.json
@@ -0,0 +1,80 @@
+{
+  "name": "bithub-client",
+  "version": "0.0.0",
+  "description": "",
+  "homepage": "",
+  "author": {
+    "name": "Mihael Konjevic",
+    "email": "konjevic@gmail.com",
+    "url": ""
+  },
+  "scripts": {
+    "test": "testee src/test.html --browsers firefox --reporter Spec",
+    "start": "BITHUB_HOST=http://dev.bithub.com can-serve --port 3030",
+    "develop": "BITHUB_HOST=http://dev.bithub.com node server --develop --port 3030",
+    "document": "documentjs",
+    "build": "node build"
+  },
+  "main": "bithub-client/index.stache!done-autorender",
+  "files": [
+    "src"
+  ],
+  "keywords": [],
+  "system": {
+    "main": "bithub-client/index.stache!done-autorender",
+    "directories": {
+      "lib": "src"
+    },
+    "configDependencies": [
+      "live-reload"
+    ],
+    "envs": {
+      "server-development": {
+        "map": {
+          "slideout/dist/slideout": "@empty"
+        }
+      },
+      "server-production": {
+        "map": {
+          "slideout/dist/slideout": "@empty"
+        }
+      }
+    },
+    "npmIgnore": [
+      "documentjs",
+      "testee",
+      "donejs-deploy",
+      "generator-donejs",
+      "donejs-cli"
+    ]
+  },
+  "dependencies": {
+    "can": "2.3.9",
+    "can-connect": "^0.3.1",
+    "can-ssr": "^0.10.1",
+    "done-autorender": "^0.4.3",
+    "done-component": "^0.3.0",
+    "done-css": "^1.1.15",
+    "donejs": "0.6.0",
+    "generator-donejs": "^0.3.4",
+    "jquery": "2.1.4",
+    "lodash-amd": "^3.10.1",
+    "moment": "^2.10.6",
+    "selectize": "^0.12.1",
+    "bootstrap": "^3.3.5",
+    "slideout": "0.1.11",
+    "font-awesome": "^4.4.0",
+    "cookies": "^0.5.1",
+    "commander": "^2.9.0",
+    "infanticide": "^1.0.1",
+    "js-cookie": "^2.0.4",
+    "steal-qunit": "^0.1.1",
+    "can-fixture": "0.0.1",
+    "funcunit": "^3.0.0",
+    "testee": "^0.2.2",
+    "donejs-deploy": "^0.3.1",
+    "donejs-cli": "^0.5.4",
+    "steal-tools": "0.13.2",
+    "steal": "0.13.0"
+  }
+}
diff --git a/new-bithub-client/production.html b/new-bithub-client/production.html
new file mode 100644
index 0000000..2f46017
--- /dev/null
+++ b/new-bithub-client/production.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>bithub-client</title>
+</head>
+<body>
+</body>
+  <script src="node_modules/steal/steal.production.js" main="bithub-client/index.stache!done-autorender"></script>
+</html>
\ No newline at end of file
diff --git a/new-bithub-client/readme.md b/new-bithub-client/readme.md
new file mode 100644
index 0000000..ac440f4
--- /dev/null
+++ b/new-bithub-client/readme.md
@@ -0,0 +1 @@
+# bithub-client
diff --git a/new-bithub-client/server.js b/new-bithub-client/server.js
new file mode 100644
index 0000000..fb7c563
--- /dev/null
+++ b/new-bithub-client/server.js
@@ -0,0 +1,94 @@
+#!/usr/bin/env node
+var fs = require('fs');
+var path = require("path");
+var program = require('commander');
+
+var pkg = require('can-ssr/package.json');
+var server = require('can-ssr/lib/server');
+var exec = require('child_process').exec;
+var Cookies = require('cookies');
+var http = require('http');
+
+program.version(pkg.version)
+  .usage('[options]')
+  .description(pkg.description)
+  .option('-d, --develop', 'Enable development mode (live-reload)')
+  .option('-p, --port <port>', 'The server port')
+  .option('-r, --proxy <url>', 'A URL to an API that should be proxied')
+  .option('-t, --proxy-to <path>', 'The path to proxy to (default: /api)')
+  .option('-l, --no-live-reload', 'Turn off live-reload')
+  .option('--live-reload-port <port>', 'Port to use for live-reload')
+  .option('--steal-tools-path <path>', 'Location of your steal-tools')
+  .parse(process.argv);
+
+var options = {
+  path: process.cwd(),
+  liveReload: program.liveReload,
+	configure: function(app){
+		app.use(function(req, res, next){
+			var cookies = new Cookies(req, res);
+			var sessionId = cookies.get('_session_id');
+			if(sessionId){
+				global.__railsSessionId = sessionId;
+			}
+			next();
+		});
+	}
+};
+
+if(program.proxy) {
+  options.proxy = program.proxy;
+  options.proxyTo = program.proxyTo;
+}
+
+// Spawn a child process in development mode
+if(program.develop) {
+	var stealToolsPath = program.stealToolsPath ||
+		path.join("node_modules", ".bin", "steal-tools");
+	if(!fs.existsSync(stealToolsPath)) {
+		console.error('live-reload not available: ' +
+			'No local steal-tools binary found. ' +
+			'Run `npm install steal-tools --save-dev`.');
+	} else {
+		var cmd = stealToolsPath + ' live-reload';
+		if(program.liveReloadPort) {
+			cmd += ' --live-reload-port ' + program.liveReloadPort;
+		}
+		var child = exec(cmd, {
+			cwd: process.cwd()
+		});
+
+		child.stdout.pipe(process.stdout);
+		child.stderr.pipe(process.stderr);
+
+		var killOnExit = require('infanticide');
+		killOnExit(child);
+	}
+}
+
+var app = server(options);
+var port = program.port || process.env.PORT || 3030;
+var server = app.listen(port);
+
+// We should never hit this if the user is logged in
+app.use(function(req, res, next){
+	res.redirect(process.env.BITHUB_HOST + '/accounts/sign_in');
+});
+
+server.on('error', function(e) {
+	if(e.code === 'EADDRINUSE') {
+		console.error('ERROR: Can not start can-serve on port ' + port +
+			'.\nAnother application is already using it.');
+	} else {
+		console.error(e);
+		console.error(e.stack);
+	}
+});
+
+server.on('listening', function() {
+	var address = server.address();
+	var url = 'http://' + (address.address === '::' ?
+			'localhost' : address.address) + ':' + address.port;
+
+	console.log('can-serve starting on ' + url);
+});
diff --git a/new-bithub-client/src/app.js b/new-bithub-client/src/app.js
new file mode 100755
index 0000000..124e68c
--- /dev/null
+++ b/new-bithub-client/src/app.js
@@ -0,0 +1,351 @@
+/* globals process */
+/* globals global */
+/* globals setTimeout */
+
+import AppMap from "can-ssr/app-map";
+import 'can/map/define/';
+import 'can/route/pushstate/';
+import Account from 'src/models/account';
+import Hub from 'src/models/hub';
+import Organization from 'src/models/organization';
+import Bit from 'src/models/bit';
+import EntityDecision from 'src/models/entity-decision';
+import Service from 'src/models/service';
+import $ from "jquery";
+import Cookie from "js-cookie";
+import connectLiveService from "./connect-liveservice";
+
+can.route.bindings.pushstate.root = "/new-bithub/";
+can.baseURL = '/new-bithub/';
+
+var NODE_ENV = "";
+var BITHUB_HOST = "http://dev.bithub.com";
+
+if(process){
+	NODE_ENV = (process.env && process.env.NODE_ENV) || "";
+	BITHUB_HOST = (process.env && process.env.BITHUB_HOST) || BITHUB_HOST;
+	
+	console.log('BITHUB_HOST', BITHUB_HOST)
+
+}
+
+if(NODE_ENV.substr(0, 6) !== 'window'){
+	// Hacking in session stuff (should be gone in next version)
+	$.ajaxSettings.xhr = function(){
+		try {
+			var req = new global.XMLHttpRequest();
+			var oldOpen = req.open;
+			req.open = function(){
+				if((arguments[1] || "").substr(0, 5) === '/api/'){
+					arguments[1] = BITHUB_HOST + arguments[1];
+				}
+				var res = oldOpen.apply(this, arguments);
+
+				console.log('AJAX CALL', global.__railsSessionId)
+
+				if(this.setDisableHeaderCheck && global && global.__railsSessionId){
+					this.setDisableHeaderCheck(true);
+					this.setRequestHeader('Cookie', '_session_id=' + global.__railsSessionId);
+				}
+				
+				return res;
+			};
+			return req;
+		} catch( e ) {}
+	};
+}
+
+
+const TAB_TO_FILTER = {
+	pending: 'pending',
+	approved: 'approved',
+	starred: 'starred',
+	deleted: 'deleted'
+};
+
+var getCurrentDecision = function(decisions, current){
+	decisions = decisions || [];
+	for(var i = 0; i < decisions.length; i++){
+		if(decisions[i].id === current){
+			return decisions[i];
+		}
+	}
+};
+
+const AppViewModel = AppMap.extend({
+	define : {
+		page : {
+			set : function(val){
+				return val;
+			}
+		},
+		isSlideoutOpen : {
+			serialize: false,
+			value: false,
+			set : function(val){
+				if(val){
+					this.attr('wasSlideoutOpen', true);
+				}
+				return val;
+			}
+		},
+		wasSlideoutOpen : {
+			value: false,
+			serialize: false
+		},
+		tab : {
+			get : function(lastSetVal){
+				return lastSetVal || "pending";
+			}
+		},
+		currentBrand : {
+			serialize: false
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount : {
+			serialize: false
+		},
+		isChangingOrganization : {
+			value: false,
+			serialize: false
+		},
+		currentOrganizationId : {
+			set : function(newVal, setVal){
+				var self = this;
+				if(newVal){
+					Organization.choose(newVal).then(function(){
+						self.attr('organizationsOpen', false);
+						window.location.href = "/new-bithub/";
+					});
+				}
+			},
+			get : function(lastValue, setter){
+				if(!lastValue){
+					this.waitFor(Organization.current()).then(function(organization){
+						setter(organization.id);
+					});
+				}
+				return lastValue;
+			}
+		},
+		currentOrganization: {
+			serialize: false,
+			get : function(lastValue, setter){
+				var organizations = this.attr('currentAccount.organizations');
+				var currentOrganizationId = parseInt(this.attr('currentOrganizationId'), 10);
+				var length;
+				if(organizations && currentOrganizationId){
+					length = organizations.attr('length');
+					for(var i = 0; i < length; i++){
+						if(organizations[i].id === currentOrganizationId){
+							return organizations[i];
+						}
+					}
+				}
+			}
+		},
+		currentHubIdAsString: {
+			get: function(){
+				return this.attr("currentHubId") ? ""+this.attr("currentHubId") : undefined;
+			},
+			set: function(newVal){
+				this.attr("currentHubId", parseInt(newVal,10));
+			},
+			serialize: true,
+		},
+		currentHubId: {
+			set: function(newVal, resolve){
+				if(newVal){
+					return newVal;
+				}
+			},
+			get: function(lastSet, resolve){
+				if(!lastSet && resolve) {
+					Hub.findAll({limit: 1}).then((hubs) => {
+						this.attr("currentHub",hubs[0] );
+						resolve(hubs[0].attr("id"));
+					});
+				} else {
+					return lastSet;
+				}
+			}
+		},
+		currentHub: {
+			serialize: false,
+			get : function(lastSetVal, setter){
+				var currentHubId = this.attr('currentHubId');
+				if(currentHubId) {
+					if(lastSetVal && lastSetVal.attr("id") === currentHubId ) {
+						return lastSetVal;
+					} else {
+						
+						Hub.findOne({id: currentHubId}).then(setter);
+						return null;
+					}
+				} else {
+					return null;
+				}
+			}
+		},
+		hubs : {
+			serialize: false,
+			get : function(){
+				return new Hub.List({});
+			}
+		},
+		loadingServices : {
+			serialize : false,
+			get : function(){
+				return [];
+			}
+		},
+		title : {
+			serialize : false,
+			value : 'BitHub'
+		},
+		entityDecisions : {
+			get : function(){
+				var currentHub = this.attr('currentHub');
+				var deferred, list;
+				if(currentHub){
+					deferred = can.Deferred();
+					list = new EntityDecision.List({hubId: currentHub.id});
+					this.waitFor(deferred);
+					list.then(function(){
+						deferred.resolve();
+					}, function(){
+						deferred.reject();
+					});
+					return list;
+				}
+			}
+		},
+		services : {
+			get : function(){
+				var currentHub = this.attr('currentHub');
+				var deferred, list;
+				if(currentHub){
+					deferred = can.Deferred();
+					list = new Service.List({embed_id: currentHub.id});
+					this.waitFor(deferred);
+					list.then(function(){
+						deferred.resolve();
+					}, function(){
+						deferred.reject();
+					});
+					return list;
+				}
+			}
+		},
+		// Creates an empty list, returns it, but in next turn, 
+		// calls `loadNextPage` to populate list.
+		bits : {
+			get : function(){
+				var tab = this.attr('moderationTab');
+				var currentHub = this.attr('currentHubId');
+				var list = new Bit.List();
+				var deferred = can.Deferred();
+				var self = this;
+				
+				clearTimeout(this.__listRefreshTimeout);
+
+				if(tab && currentHub){
+					list.__loadingParams = {
+						hubId: currentHub,
+						decision: TAB_TO_FILTER[tab],
+						limit: 50,
+						offset: 0
+					};
+					setTimeout(function(){
+						
+						var req = list.loadNextPage();
+						if(req){
+							req.then(function(){
+								self.refreshBits();
+								deferred.resolve();
+							});
+						} else {
+							deferred.resolve();
+						}
+					});
+					//this.waitFor(deferred);
+					return list;
+				}
+			}
+		},
+		organizationsOpen : {
+			serialize: false,
+			value: false
+		}
+	},
+	init : function(){
+		$("html").data("viewModel",this);
+		var self = this;
+		can.on.call(Bit, 'decision', this.handleDecision.bind(this));
+		Account.current().then(function(acc){
+			//console.log('ACCOUNT', acc);
+			self.attr('currentAccount', acc);
+		}, function(){
+			//console.log('ACCOUNT REQ', arguments);
+			window.location.href = "/";
+		});
+	},
+	refreshBits : function(){
+		var self = this;
+		this.__listRefreshTimeout = setTimeout(function(){
+			self.attr('bits').refresh(function(newCount){
+				var currentDecision = getCurrentDecision(self.attr('entityDecisions'), self.attr('moderationTab'));
+				if(currentDecision){
+					currentDecision.attr('count', currentDecision.attr('count') + newCount);
+				}
+			});
+			self.refreshBits();
+		}, 30000);
+	},
+	toggleOrganizations: function(){
+		this.attr('organizationsOpen', !this.attr('organizationsOpen'));
+	},
+	handleDecision: function(ev, oldDecision, newDecision){
+		var entityDecisions = this.attr('entityDecisions');
+		if(entityDecisions.isResolved()){
+			can.batch.start();
+			entityDecisions.getById(oldDecision).dec();
+			entityDecisions.getById(newDecision).inc();
+			can.batch.stop();
+		}
+	},
+	isAdmin : function(){
+		return true;
+	},
+	resetEmbed : function(){},
+	changeCurrentOrganizationId : function(id){
+		this.attr('currentOrganizationId', id);
+	},
+	isLoaded : function(){
+		var services = this.attr('services');
+
+		if(!this.attr('currentAccount')){
+			return false;
+		}
+		if(this.attr('isChangingOrganization')){
+			return false;
+		}
+		if(!services || (services && services.isPending())){
+				return false;
+		}
+		return true;
+	},
+	redirectToDesktop : function(ctx, el, ev){
+		ev.preventDefault();
+		Cookie.set('redirected-from-new-ui', 1);
+		window.location.href = el.attr('href');
+	}
+});
+
+can.route("/:currentHubIdAsString", {page: 'moderation', moderationTab: 'pending'});
+can.route('/:currentHubIdAsString/:page', {moderationTab: 'pending'});
+can.route('/:currentHubIdAsString/:page/:moderationTab');
+
+export default AppViewModel;
diff --git a/new-bithub-client/src/card-body-wrap/card-body-wrap.js b/new-bithub-client/src/card-body-wrap/card-body-wrap.js
new file mode 100644
index 0000000..21ea467
--- /dev/null
+++ b/new-bithub-client/src/card-body-wrap/card-body-wrap.js
@@ -0,0 +1,66 @@
+import can from "can/";
+import initView from "./card-body-wrap.stache!";
+import "./card-body-wrap.less!";
+import "can/construct/proxy/";
+
+var calculateRatioPercentage = function(width, height){
+	return (height/width) * 100;
+};
+
+var getIframeRatioClass = function(width, height){
+	var ratioPercentage = calculateRatioPercentage(width, height);
+	if(ratioPercentage - 56 < 5){
+		return 'iframe-16-9';
+	}
+	return 'iframe-4-3';
+};
+
+can.Component.extend({
+	tag: 'bh-card-body-wrap',
+	template : initView,
+	scope : {
+		toggleExpanded : function(){
+			this.attr('isExpanded', !this.attr('isExpanded'));
+		}
+	},
+	events : {
+		inserted : function(){
+			this.wrapImages();
+			this.wrapIframes();
+			setTimeout(this.proxy('recalculateHeight'), 1);
+		},
+		wrapImages : function(){
+			var imgs = this.element.find('img');
+			imgs.each(function(){
+				var $img = $(this);
+				if(!$img.parent().is('.img-wrap')){
+					$img.wrap('<div class="img-wrap"></div>');
+				}
+			});
+			imgs.on('load', this.proxy('recalculateHeight'));
+		},
+		wrapIframes : function(){
+			var iframes = this.element.find('iframe');
+			iframes.each(function(){
+				var $iframe = $(this);
+				var height = $iframe.attr('height');
+				var width = $iframe.attr('width');
+				var iframeRatioClass = getIframeRatioClass(width, height);
+				if(!$iframe.parent().is('.iframe-wrap')){
+					$iframe.wrap('<div class="iframe-wrap ' + iframeRatioClass + '"></div>');
+				}
+			});
+		},
+		recalculateHeight : function(){
+			if(this.scope.attr('isExpanded') || !this.element){
+				return;
+			}
+
+			var wrap = this.element.find('.body-wrap');
+			var scrollHeight = wrap[0].scrollHeight;
+			var height = wrap.height();
+
+			this.scope.attr('isTooTall', scrollHeight > 150 && height < scrollHeight);
+		}
+	}
+});
diff --git a/new-bithub-client/src/card-body-wrap/card-body-wrap.less b/new-bithub-client/src/card-body-wrap/card-body-wrap.less
new file mode 100644
index 0000000..32df6c3
--- /dev/null
+++ b/new-bithub-client/src/card-body-wrap/card-body-wrap.less
@@ -0,0 +1,43 @@
+bh-card-body-wrap {
+	display: block;
+	.body-wrap {
+		overflow: hidden;
+    padding: 15px;
+	}
+	.collapsed {
+      max-height: 150px;
+  }
+	.expand-collapse {
+		text-align: center;
+		color: #666;
+		cursor: pointer;
+		padding: 10px 0;
+		box-shadow: 0 0 20px 10px #fff;
+		position: relative;
+		z-index: 10;
+		&:hover {
+			color: #000;
+		}
+	}
+	.no-gradient {
+		box-shadow: none;
+	}
+	.iframe-wrap {
+		position: relative;
+		height: 0;
+		overflow: hidden;
+		iframe {
+			 position: absolute;
+			top:0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.iframe-4-3 {
+		padding-bottom: 75%;
+	}
+	.iframe-16-9 {
+		padding-bottom: 56.25%;
+	}
+}
diff --git a/new-bithub-client/src/card-body-wrap/card-body-wrap.stache b/new-bithub-client/src/card-body-wrap/card-body-wrap.stache
new file mode 100644
index 0000000..90f344a
--- /dev/null
+++ b/new-bithub-client/src/card-body-wrap/card-body-wrap.stache
@@ -0,0 +1,8 @@
+<div class="body-wrap {{#unless isExpanded}}collapsed{{/unless}}">
+  <content></content>
+</div>
+{{#if isTooTall}}
+	<div class="expand-collapse {{#if isExpanded}}no-gradient{{/if}}" can-click="toggleExpanded">
+		<i class="fa fa-chevron-{{#if isExpanded}}up{{else}}down{{/if}}"></i>
+	</div>
+{{/if}}
diff --git a/new-bithub-client/src/card-image-gallery/card-image-gallery.js b/new-bithub-client/src/card-image-gallery/card-image-gallery.js
new file mode 100644
index 0000000..48c1994
--- /dev/null
+++ b/new-bithub-client/src/card-image-gallery/card-image-gallery.js
@@ -0,0 +1,28 @@
+import can from "can/";
+import initView from "./card-image-gallery.stache!";
+import "./card-image-gallery.less!";
+
+can.Component.extend({
+	tag: 'bh-card-image-gallery',
+	template: initView,
+	scope: {
+		init : function(){
+			this.attr('currentImage', this.attr('images.0'));
+		},
+		setCurrent : function(img){
+			this.attr('currentImage', img);
+		},
+		hasGallery : function(){
+			var images = this.attr('images');
+			return images && images.attr('length') > 1;
+		}
+	},
+	helpers : {
+		isCurrent : function(img, opts){
+			img = can.isFunction(img) ? img() : img;
+			if(img === this.attr('currentImage')){
+				return opts.fn();
+			}
+		}
+	}
+});
diff --git a/new-bithub-client/src/card-image-gallery/card-image-gallery.less b/new-bithub-client/src/card-image-gallery/card-image-gallery.less
new file mode 100644
index 0000000..6eed477
--- /dev/null
+++ b/new-bithub-client/src/card-image-gallery/card-image-gallery.less
@@ -0,0 +1,54 @@
+@import "../../node_modules/bootstrap/less/mixins/clearfix.less";
+
+bh-card-image-gallery {
+	display: block;
+	.clearfix;
+	.current-image-wrap {
+		position: relative;
+    img {
+        max-width: 100%;
+        max-height: 150px;
+        margin: 0 auto;
+        display: block;
+    }
+		p.caption {
+			background: rgba(0,0,0,0.5);
+			top: 0;
+			left: 0;
+			right: 0;
+			position: absolute;
+		}
+	}
+	.image-list {
+		margin: 0;
+		margin-right: -1px;
+		margin-bottom: -1px;
+		border-top: 2px solid #fff;
+		li {
+			float: left;
+			width: 25%;
+			height: 50px;
+			overflow: hidden;
+			position: relative;
+			cursor: pointer;
+			border-right: 1px solid #fff;
+			border-bottom: 1px solid #fff;
+			&.current {
+				img {
+					opacity: 1;
+				}
+			}
+		}
+		img {
+			min-width: 100%;
+			min-height: 100%;
+      max-width: 100%;
+      max-height: 100%;
+			top: 0;
+			left: 0;
+			display: block;
+			position: absolute;
+			opacity: 0.5;
+		}
+	}
+}
diff --git a/new-bithub-client/src/card-image-gallery/card-image-gallery.stache b/new-bithub-client/src/card-image-gallery/card-image-gallery.stache
new file mode 100644
index 0000000..f40f222
--- /dev/null
+++ b/new-bithub-client/src/card-image-gallery/card-image-gallery.stache
@@ -0,0 +1,13 @@
+<div class="current-image-wrap">
+	<a href="{{bit.url}}"><img src="{{currentImage.url}}"></a>
+	{{#if currentImage.caption}}
+		<p class="caption">{{ currentImage.caption }}</p>
+	{{/if}}
+</div>
+{{#if hasGallery}}
+	<ul class="image-list list-unstyled clearfix">
+		{{#each images}}
+			<li {{#isCurrent this}}class="current"{{/isCurrent}} can-click="setCurrent"><img src="{{url}}"></li>
+		{{/each}}
+	</ul>
+{{/if}}
diff --git a/new-bithub-client/src/connect-liveservice.js b/new-bithub-client/src/connect-liveservice.js
new file mode 100644
index 0000000..70827f5
--- /dev/null
+++ b/new-bithub-client/src/connect-liveservice.js
@@ -0,0 +1,48 @@
+/* globals io:true */
+
+import $ from 'jquery';
+
+var currentSocket;
+
+if(window){
+	$(window).on('beforeunload', function(){
+		if(currentSocket && currentSocket.close){
+			currentSocket.close();
+		}
+	});
+}
+
+var url = '/?embed_id={embedId}';
+var publicUrl = '/?embed_id={embedId}&tenant_name={tenantName}';
+
+export default function(hubId, tenantName){
+
+	if(currentSocket && currentSocket.close){
+		currentSocket.close();
+	}
+
+	if(typeof io !== 'undefined'){
+		console.log(can.sub((tenantName ? publicUrl : url), {
+			embedId : hubId,
+			tenantName : tenantName
+		}))
+		currentSocket = io(can.sub((tenantName ? publicUrl : url), {
+			embedId : hubId,
+			tenantName : tenantName
+		}), { multiplex: false });
+
+		currentSocket.on('connect', function() {
+			console.log('CONNECTED!', currentSocket.id);
+		});
+
+		currentSocket.on('connect_error', function( err ) {
+			console.log('CONNECTION ERROR!', err.description, err.message, err.type);
+		});
+
+		currentSocket.on('disconnect', function( msg ) {
+			console.log('DISCONNECTION!', msg);
+		});
+
+		return currentSocket;
+	}
+}
diff --git a/new-bithub-client/src/edit_hub_name/edit_hub_name.js b/new-bithub-client/src/edit_hub_name/edit_hub_name.js
new file mode 100644
index 0000000..845c560
--- /dev/null
+++ b/new-bithub-client/src/edit_hub_name/edit_hub_name.js
@@ -0,0 +1,66 @@
+import can from "can";
+import initView from "./edit_hub_name.stache!";
+import "./edit_hub_name.less!";
+
+var KEYMAP = {
+	13 : 'ENTER',
+	27 : 'ESC'
+};
+
+export var EditHubNameVM = can.Map.extend({
+	isEditing: false,
+	toggleHubEditing : function(val){
+		val = (typeof val === 'undefined') ? !this.attr('isEditing') : val;
+		this.attr('isEditing', val);
+	},
+	commitNewHubName : function(val){
+		var hub = this.attr('hub');
+		var name = hub.attr('name');
+		if(name !== val){
+			hub.attr('name', val);
+			hub.save();
+		}
+	}
+});
+
+can.Component.extend({
+	tag: 'bh-edit-hub-name',
+	template: initView,
+	scope: EditHubNameVM,
+	events : {
+		'{scope} isEditing' : function(scope, ev, newVal){
+			var self = this;
+			if(newVal){
+				setTimeout(function(){
+					if(self.element){
+						self.element.find('.hub-name').select().focus();
+					}
+				}, 100);
+			}
+		},
+		click : function(){
+			this.scope.toggleHubEditing();
+		},
+		"input click" : function(el, ev){
+			ev.stopImmediatePropagation();
+		},
+		"input keyup" : function(el, ev){
+			var key = KEYMAP[ev.which];
+			if(key === 'ENTER'){
+				this.scope.commitNewHubName(el.val());
+			}
+			if(key){
+				this.__preventBlur = true;
+				this.scope.toggleHubEditing();
+			}
+		},
+		"input blur" : function(el, ev){
+			if(this.__preventBlur){
+				delete this.__preventBlur;
+			} else {
+				this.scope.commitNewHubName(el.val());
+				this.scope.toggleHubEditing();
+			}
+		}
+	}
+});
diff --git a/new-bithub-client/src/edit_hub_name/edit_hub_name.less b/new-bithub-client/src/edit_hub_name/edit_hub_name.less
new file mode 100644
index 0000000..169fe6b
--- /dev/null
+++ b/new-bithub-client/src/edit_hub_name/edit_hub_name.less
@@ -0,0 +1,12 @@
+bh-edit-hub-name {
+    display: block;
+    h2 {
+        margin: 0;
+        font-size: 20px;
+    }
+    input.hub-name {
+        diplay: block;
+        margin-top: -6px;
+    }
+}
+
diff --git a/new-bithub-client/src/edit_hub_name/edit_hub_name.stache b/new-bithub-client/src/edit_hub_name/edit_hub_name.stache
new file mode 100644
index 0000000..4806c01
--- /dev/null
+++ b/new-bithub-client/src/edit_hub_name/edit_hub_name.stache
@@ -0,0 +1,9 @@
+<div class="hub-name-wrap {{#if isEditing}}hub-name-is-editting{{/if}}">
+  {{#if isEditing}}
+	  <input type="text" class="form-control hub-name" value="{{ hub.name }}">
+  {{else}}
+	  <h2>{{ hub.name }}</h2>
+	  <i class="fa fa-pencil edit-hub-name"></i>
+  {{/if}}
+</div>
+
diff --git a/new-bithub-client/src/edit_hub_name/edit_hub_name_test.js b/new-bithub-client/src/edit_hub_name/edit_hub_name_test.js
new file mode 100644
index 0000000..e117de9
--- /dev/null
+++ b/new-bithub-client/src/edit_hub_name/edit_hub_name_test.js
@@ -0,0 +1,77 @@
+import {EditHubNameVM} from "./edit_hub_name";
+import QUnit from "steal-qunit";
+import F from "funcunit";
+import $ from "jquery";
+
+var template = can.stache("<bh-edit-hub-name hub='{hub}'></bh-edit-hub-name>");
+
+var Hub = can.Map.extend({
+	save : function(){
+		QUnit.ok(true, 'Save Called');
+	}
+});
+
+var renderTemplate = function(data){
+	$('#qunit-fixture').html(template(data));
+};
+
+var renderTemplateAndCheckIfHubNameIsShown = function(){
+	renderTemplate({
+		hub : new Hub({name: 'Hub Name'})
+	});
+	F('bh-edit-hub-name h2').text('Hub Name', 'Hub Name is shown');
+};
+
+var renderTemplateAndEnterEditingState = function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+	F('bh-edit-hub-name').click();
+};
+
+QUnit.module("Edit Hub Name Tests");
+
+QUnit.test("Hub Name will be shown by default", function(){
+	renderTemplateAndCheckIfHubNameIsShown();
+});
+
+QUnit.test("Clicking on a component will toggle editing state", function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').exists('Input field is shown');
+});
+
+QUnit.test("Pressing escape inside the input field will exit the editing state and revert the changes", 3, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('aaa[escape]');
+	F('bh-edit-hub-name input').missing('Exiting edit state');
+	F('bh-edit-hub-name h2').text('Hub Name', 'Name is reverted');
+});
+
+QUnit.test("Pressing enter inside the input field will save changes and exit the editing state", 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo[enter]');
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.test('Bluring the input field will save changes and exit the editing state', 4, function(){
+	renderTemplateAndEnterEditingState();
+	F('bh-edit-hub-name input').click().type('[\b][\b]foo');
+	F('bh-edit-hub-name input').type('[\t][\t]');
+	F('body').click();
+	F('bh-edit-hub-name input').missing('Exited edit state');
+	F('bh-edit-hub-name h2').text('foo', 'Hub name is updated');
+});
+
+QUnit.test('Committing the same name will not trigger save', 0, function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.commitNewHubName('Hub Name');
+});
+
+QUnit.test('Toggling edit state works', function(){
+	var editVM = new EditHubNameVM({hub: new Hub({name: 'Hub Name'})});
+	editVM.toggleHubEditing();
+	ok(editVM.attr('isEditing'), 'Editing State');
+	editVM.toggleHubEditing();
+	ok(!editVM.attr('isEditing'), 'Exited editing state');
+	editVM.toggleHubEditing(false);
+	ok(!editVM.attr('isEditing'), 'Did not enter editing state');
+});
diff --git a/new-bithub-client/src/index.md b/new-bithub-client/src/index.md
new file mode 100755
index 0000000..19f89ea
--- /dev/null
+++ b/new-bithub-client/src/index.md
@@ -0,0 +1,5 @@
+@page bithub-client
+
+# bithub-client
+
+This is the documentation for bithub-client
\ No newline at end of file
diff --git a/new-bithub-client/src/index.stache b/new-bithub-client/src/index.stache
new file mode 100755
index 0000000..8380f65
--- /dev/null
+++ b/new-bithub-client/src/index.stache
@@ -0,0 +1,85 @@
+<html>
+  <head>
+    <title>{{title}}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+      {{#switch env.NODE_ENV}}
+        {{#case "production"}}
+          <link rel="stylesheet" href="/new-bithub/dist/bundles/bithub-client/index.css">
+        {{/case}}
+
+        {{#default}}
+          {{asset "css"}}
+        {{/default}}
+    {{/switch}}
+
+    {{asset "html5shiv"}}
+  </head>
+  <body>
+    <can-import from="bootstrap/dist/css/bootstrap.css!" />
+    <can-import from="bithub-client/styles.less!" />
+    <can-import from="bithub-client/app" export-as="viewModel" />
+    <can-import from="src/edit_hub_name/" />
+    <can-import from="src/slideout" />
+    <can-import from="src/mobile-menu/" />
+    <can-import from="src/moderation-tabs/" />
+    <can-import from="src/moderation-panel/" />
+
+    {{#if isLoaded}}
+      <bh-slideout {(is-open)}="isSlideoutOpen">
+        <nav id="menu" class="slideout-menu">
+          
+          <a class="btn-switch-org" href="javascript://" ($click)="toggleOrganizations()">
+            <i class="fa fa-exchange"></i>
+            Switch Organization
+          </a>
+          <a class="btn-logout" href="/logout">Logout</a>
+          {{#if wasSlideoutOpen}}
+            {{#if hubs.length}}
+              <bh-mobile-menu hubs="{hubs}" current-hub="{currentHub}"></bh-mobile-menu>
+            {{/if}}
+          {{/if}}
+        </nav>
+        
+        <main id="panel" class="slideout-panel">
+          <header>
+            <button class="toggle-button">☰</button>
+            <h1>{{currentHub.name}}</h1>
+          </header>
+          {{#if services.length}}
+            <bh-moderation-panel bits="{bits}" {hub-id}="currentHub.id" active-decision="{moderationTab}"></bh-moderation-panel>
+            <bh-moderation-tabs active-tab="{moderationTab}" entity-decisions="{entityDecisions}"></bh-moderation-tabs>
+          {{else}}
+            <div class="content-padding">
+              <div class="alert alert-info">Currently you don't have any services set up. Please use the <a href="/admin" can-click="redirectToDesktop">desktop interface</a> to set them up.</div>
+            </div>
+          {{/if}}
+        </main>
+
+      </bh-slideout>
+      <div class="organizations-wrap {{#if organizationsOpen}}organizations-wrap--open{{/if}}">
+        <header ($click)="toggleOrganizations()" class="text-center">
+          <i class="fa fa-chevron-left"></i>Organizations
+        </header>
+        <ul class="list-unstyled list-organizations">
+          {{#each currentAccount.organizations}}
+            <li ($click)="changeCurrentOrganizationId(id)">{{name}} {{#eq id currentOrganizationId}}<i class="fa fa-check pull-right"></i>{{/eq}}</li>
+          {{/each}}
+        </ul>
+      </div>
+    {{else}}
+      <div class="content-padding text-center">
+        <img src="{{joinBase "images/spinner.gif"}}">
+      </div>
+    {{/if}}
+    {{asset "inline-cache"}}
+
+    {{#switch env.NODE_ENV}}
+      {{#case "production"}}
+        <script src="{{joinBase 'node_modules/steal/steal.production.js'}}"  main="bithub-client/index.stache!done-autorender"></script>
+      {{/case}}
+      {{#default}}
+        <script src="/new-bithub/node_modules/steal/steal.js"></script>
+      {{/default}}
+    {{/switch}}
+  </body>
+</html>
diff --git a/new-bithub-client/src/mobile-menu/mobile-menu.js b/new-bithub-client/src/mobile-menu/mobile-menu.js
new file mode 100644
index 0000000..e395425
--- /dev/null
+++ b/new-bithub-client/src/mobile-menu/mobile-menu.js
@@ -0,0 +1,9 @@
+import can from "can";
+import template from "./mobile-menu.stache!";
+
+import "./mobile-menu.less!";
+
+export default can.Component.extend({
+	tag : 'bh-mobile-menu',
+	template: template
+});
diff --git a/new-bithub-client/src/mobile-menu/mobile-menu.less b/new-bithub-client/src/mobile-menu/mobile-menu.less
new file mode 100644
index 0000000..5abb5e1
--- /dev/null
+++ b/new-bithub-client/src/mobile-menu/mobile-menu.less
@@ -0,0 +1,33 @@
+bh-mobile-menu {
+    ul {
+        li {
+            font-size: 14px;
+            border-bottom: 1px solid #576a74;
+            &:last-child {
+                border-bottom: none;
+            }
+        }
+        a {
+            color: white;
+            line-height: 20px;
+            padding: 15px 20px;
+            display: block;
+            &:hover {
+                color: white;
+                background: rgba(0,0,0,0.2);
+            }
+        }
+        &:before {
+            content: "";
+            float: left;
+            width: 1px;
+            margin-left: -1px;
+            height: calc(100% + 1px);
+        }
+        &:after {
+            content: "";
+            display: block;
+            clear: both;
+        }
+    }
+}
diff --git a/new-bithub-client/src/mobile-menu/mobile-menu.stache b/new-bithub-client/src/mobile-menu/mobile-menu.stache
new file mode 100644
index 0000000..c6f0bd3
--- /dev/null
+++ b/new-bithub-client/src/mobile-menu/mobile-menu.stache
@@ -0,0 +1,8 @@
+<div class="list-wrap">
+  <ul class="list-unstyled">
+    {{#each hubs}}
+      <li><a href="{{joinBase id}}">{{name}} {{#eq id currentHub.id}}&#x2714;{{/eq}}</a></li>
+    {{/each}}
+    <!--<li><a href="javascript://"><b>+</b> Add another hub</a></li>-->
+  </ul>
+</div>
diff --git a/new-bithub-client/src/models/account.js b/new-bithub-client/src/models/account.js
new file mode 100644
index 0000000..30e50f9
--- /dev/null
+++ b/new-bithub-client/src/models/account.js
@@ -0,0 +1,37 @@
+import can from "can";
+import Organization from "./organization";
+
+import "can/map/define/";
+import "can/construct/super/";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/account',
+	update: 'PUT /api/v3/current/account',
+	current : function(){
+		return this.findOne({});
+	}
+}, {
+	define : {
+
+		organizations : {
+			Type : Organization.List
+		}
+	},
+	hasMultipleOrganizations : function(){
+		var organizations = this.attr('organizations');
+		return organizations && organizations.attr('length') > 1;
+	},
+	serialize: function() {
+		var data = this._super();
+
+		if(data.current_password && !data.password){
+			data.password = "";
+		}
+		
+		if(data.password && !data.password_confirmation){
+			data.password_confirmation = "";
+		}
+
+		return { account: data };
+	}
+});
diff --git a/new-bithub-client/src/models/analytics.js b/new-bithub-client/src/models/analytics.js
new file mode 100644
index 0000000..cbb19e7
--- /dev/null
+++ b/new-bithub-client/src/models/analytics.js
@@ -0,0 +1,95 @@
+import can from "can";
+import Service from "./service";
+import moment from "moment";
+
+import "can/map/define/";
+//import "components/service-config-formatter/";
+
+var TOOLTIP = can.stache('<bh-service-config-formatter service="{this}"></bh-service-config-formatter>');
+
+var fillInMissingTimepoints = function(points, length){
+	var firstRun = true;
+	
+	while(points.length < length){
+		if(firstRun){
+			points.unshift(0);
+			firstRun = false;
+		} else {
+			points.unshift(null);
+		}
+		
+	}
+	return points;
+};
+
+var alphaVersion = function(color){
+	return 'rgba' + color.substring(3, color.length - 1) + ', .2)';
+};
+
+var Analytics = can.Model.extend({
+	findAll : '/api/v3/analytics?source_type={sourceType}&resolution={resolution}&owner_id={ownerId}'
+}, {
+	define : {
+		source : {
+			Type: Service
+		}
+	}
+});
+
+Analytics.List = Analytics.List.extend({
+	graphData : function(type){
+		var length = this.attr('length');
+		var serviceTimepoints = {};
+		var service;
+		var timepoints;
+		var isLongest = false;
+		var data = [];
+		var longestPointsLengthLabels = [];
+		var i;
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			timepoints = this.attr(i + '.timepoints');
+
+			serviceTimepoints[service.id] = [];
+
+			isLongest = (timepoints.length > longestPointsLengthLabels.length);
+
+			if(isLongest){
+				longestPointsLengthLabels = [];
+			}
+
+			for(var j = 0; j < timepoints.length; j++){
+				serviceTimepoints[service.id].push(timepoints[j][type]);
+				if(isLongest){
+					longestPointsLengthLabels.push(moment(timepoints[j].measured_at).fromNow());
+				}
+				
+			}
+		}
+
+		for(var k in serviceTimepoints){
+			serviceTimepoints[k] = fillInMissingTimepoints(serviceTimepoints[k], longestPointsLengthLabels.length);
+		}
+
+		for(i = 0; i < length; i++){
+			service = this.attr(i + '.source');
+			data.push({
+				label : can.trim(TOOLTIP(service).firstChild.innerText),
+				fillColor: alphaVersion(service.attr('graphColor')),
+				strokeColor: service.attr('graphColor'),
+				pointColor: service.attr('graphColor'),
+				pointHighlightFill: "#fff",
+				pointHighlightStroke: service.attr('graphColor'),
+				data: serviceTimepoints[service.id]
+			});
+		}
+
+		return {
+			labels : longestPointsLengthLabels,
+			datasets: data
+		};
+	}
+});
+
+export default Analytics;
diff --git a/new-bithub-client/src/models/app-state.js b/new-bithub-client/src/models/app-state.js
new file mode 100644
index 0000000..5ac5030
--- /dev/null
+++ b/new-bithub-client/src/models/app-state.js
@@ -0,0 +1,78 @@
+import $ from "jquery";
+import can from "can";
+import Models from "models/";
+import route from "can/route/";
+
+import "can/map/define/";
+
+
+var AppState = can.Map.extend({
+	define : {
+		page : {
+			set : function(val){
+				return val;
+			}
+		},
+		tab : {
+			get : function(lastSetVal){
+				return lastSetVal || "inbox";
+			}
+		},
+		currentBrand : {
+			serialize: false
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount : {
+			serialize: false
+		},
+		currentOrganization: {
+			serialize: false
+		},
+		currentHub: {
+			serialize: false,
+		},
+		hubs : {
+			serialize: false
+		},
+		loadingServices : {
+			serialize : false,
+			get : function(){
+				return [];
+			}
+		},
+	
+	},
+	isAdmin : function(){
+		return true;
+	},
+	resetEmbed : function(){}
+});
+
+var appState = new AppState();
+route.map(appState);
+route("", {page: "moderation"});
+route.ready();
+
+
+$.when(
+	Models.Brand.findOne({}),
+	Models.Subscription.findOne({}),
+	Models.Account.current(),
+	Models.Organization.current(),
+	Models.Hub.findAll({})
+).done(function(brand, subscription, account, organization, hubs){
+		
+	appState.attr({
+		currentBrand: brand,
+		currentSubscription: subscription,
+		currentAccount: account,
+		currentOrganization: organization,
+		hubs: hubs,
+		currentHub: hubs[0],
+	});
+
+});
+
+export default appState;
diff --git a/new-bithub-client/src/models/appstate.js b/new-bithub-client/src/models/appstate.js
new file mode 100644
index 0000000..601d5d2
--- /dev/null
+++ b/new-bithub-client/src/models/appstate.js
@@ -0,0 +1,291 @@
+import can from "can";
+import Models from 'models/';
+import _reduce from 'lodash/collection/reduce';
+import connectLiveService from 'connect-liveservice';
+import Communicator from 'communicator/';
+import 'can/map/define/';
+import 'can/construct/proxy/';
+import 'can/map/delegate/';
+
+var CURRENT_IFRAME;
+
+var PAGE_TITLES = {
+	'hub-list' : 'Hub List',
+	'services' : 'Services',
+	'integration' : 'Integration',
+	'moderation' : 'Moderation',
+	'analytics' : 'Analytics',
+	'payments' : 'Payments',
+	'organization-settings' : 'Organization Accounts',
+	'user-settings' : 'User Settings'
+};
+
+var getPageTitle = function(val, appState){
+	if(val === 'sidebar'){
+		val = appState.attr('panel') || 'services';
+	}
+
+	return PAGE_TITLES[val];
+};
+
+var setTitle = function(val, appState){
+	$('title').html('BitHub &mdash; ' + getPageTitle(val, appState));
+};
+
+export default can.Map.extend({
+	define : {
+		page : {
+			value : 'hub-list',
+			set : function(val){
+				this.removeAttr('customPreset');
+				setTitle(val, this);
+				return val;
+			}
+		},
+		panel : {
+			set : function(val){
+				setTitle(val, this);
+				return val;
+			}
+		},
+		currentSubscription : {
+			serialize: false
+		},
+		currentAccount: {
+			serialize: false
+		},
+		currentOrganization : {
+			serialize: false
+		},
+		hubId : {
+			set : function(val){
+				var liveService = connectLiveService(val, this.attr('currentBrand').attr('tenant_name'));
+				var self = this;
+
+				this.attr('bits').splice(0);
+
+				if(liveService){
+
+
+					liveService.on('services', can.proxy(Models.Service.messageFromLiveService, Models.Service));
+
+					liveService.on('services', function(msg){
+						var loadingServices = self.attr('loadingServices');
+						var index, service;
+						if(typeof msg === 'string'){
+							msg = JSON.parse(msg);
+						}
+
+						if(msg.service.empty_results || msg.service.has_errors){
+							service = loadingServices.filter(function(s){
+								return s.id === msg.service.id;
+							})[0];
+							index = loadingServices.indexOf(service);
+							if(index > -1){
+								loadingServices.splice(index, 1);
+							}
+						}
+					});
+				}
+
+				return val;
+			},
+			remove : function(){
+				CURRENT_IFRAME = null;
+				this.attr('bits').splice(0);
+			}
+		},
+		embedType : {
+			get : function(){
+				if(this.attr('page') === 'sidebar'){
+					if(this.attr('panel') === 'integration'){
+						return 'preview';
+					}
+					return 'admin';
+				}
+			},
+			serialize: false
+		},
+		iframe : {
+			get : function(){
+				var src = this.attr('iframeSrc');
+				var iframe;
+
+				if(src){
+					if(!CURRENT_IFRAME){
+						iframe = $('<iframe src="' + this.iframeSrc() + '"></iframe>');
+						CURRENT_IFRAME = iframe[0];
+					}
+
+					return CURRENT_IFRAME;
+				}
+			}
+		},
+		iframeSrc : {
+			get : function(){
+				var currentBrand = this.attr('currentBrand');
+				var hubId = this.attr('hubId');
+
+				if(hubId && currentBrand){
+					return this.attr('preset').url(currentBrand.attr('tenant_name'), hubId);
+				}
+			},
+			serialize: false
+		},
+		adminPreset : {
+			value : Models.Preset.ADMIN,
+			serialize: false
+		},
+		defaultPreviewPreset : {
+			value : Models.Preset.PREVIEW,
+			serialize: false
+		},
+		preset : {
+			get : function(){
+				var embedType = this.embedType();
+				var customPreset;
+
+				if(embedType === 'admin'){
+					return this.attr('adminPreset');
+				} else {
+					customPreset = this.attr('customPreset');
+					return customPreset || this.attr('defaultPreviewPreset');
+				}
+			},
+			set : function(val){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+
+				if(embedType === 'admin'){
+					adminPreset.attr('config').attr(val.attr ? val.attr() : val);
+					return val;
+				}
+			},
+			serialize : function(){
+				var embedType            = this.embedType();
+				var adminPreset          = this.attr('adminPreset');
+				var adminParams;
+				if(adminPreset){
+					adminPreset.attr();
+				}
+				
+
+				if(embedType === 'admin'){
+					adminParams = {
+						order: adminPreset.attr('config.order'),
+						filter: adminPreset.attr('config.filter')
+					};
+
+					if(adminPreset.attr('config.service_id')){
+						adminParams.service_id = adminPreset.attr('config.service_id');
+					}
+
+					return adminParams;
+				}
+			}
+		},
+		customPreset: {
+			serialize: false
+		},
+		hub : {
+			serialize : false,
+			get : function(lastSetValue, setAttrValue){
+				Models.Hub.findOne({id: this.attr('hubId')})
+					.then(function(hub){
+						setAttrValue(hub);
+					});
+			}
+		},
+		services : {
+			get : function() {
+				return new Models.Service.List({
+					embed_id: this.attr('hubId')
+				});
+			}
+		},
+		sidebarIsExpanded : {
+			value : true,
+			serialize: false
+		},
+		loadingServices : {
+			value : [],
+			serialize: false
+		},
+		bits : {
+			Value : Models.Bit.List,
+			serialize: false
+		},
+		scrollTop : {
+			value : 0,
+			serialize: false
+		},
+		scrollHeight: {
+			value : 0,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		}
+	},
+	init : function(){
+		var self = this;
+		this.communicator = Communicator.bind(this.compute('iframe'), {
+			loadedBits : function(payload){
+				self.bitsWereLoaded(payload);
+			}
+		});
+	},
+	updateIframeAttrs : function(){
+		var preset = this.attr('preset');
+		var currentBrand = this.attr('currentBrand');
+		var hubId = this.attr('hubId');
+		var newAttrs;
+
+		if(preset && currentBrand && hubId){
+			newAttrs = preset.embedAttrs(currentBrand.attr('tenant_name'), hubId);
+			this.communicator.send('updateAttrs', newAttrs);
+		}
+	},
+	resetEmbed : function(){
+		this.communicator.send('reset');
+	},
+	bitsWereLoaded : function(serviceIds){
+		var loadingServices = this.attr('loadingServices');
+		var loadingServicesByIds = _reduce(loadingServices, function(acc, service){
+			acc[service.attr('id') + ""] = service;
+			return acc;
+		}, {});
+		var index;
+
+		for(var i = 0; i < serviceIds.length; i++){
+			if(loadingServicesByIds[serviceIds[i]]){
+				index = loadingServices.indexOf(loadingServicesByIds[serviceIds[i]]);
+				loadingServices.splice(index, 1);
+			}
+		}
+	},
+	isAdminEmbed : function(){
+		var preset = this.attr('preset');
+		return preset && preset.attr('config.view') === 'admin';
+	},
+	theme : function(){
+		var preset = this.attr('preset');
+		return (preset && preset.attr('config.theme')) || 'light';
+	},
+	isSidebar : function(){
+		return this.attr('page') === 'sidebar' && this.attr('hubId');
+	},
+	embedType : function(){
+		return this.attr('embedType');
+	},
+	embedTypeTitle : function(){
+		var titles = {
+			admin: 'Administration',
+			preview: 'Preview'
+		};
+		return titles[this.embedType()];
+	},
+	isAnalyticsPageActive : function(){
+		return this.attr('page') === 'analytics';
+	},
+});
diff --git a/new-bithub-client/src/models/bit.js b/new-bithub-client/src/models/bit.js
new file mode 100644
index 0000000..3218197
--- /dev/null
+++ b/new-bithub-client/src/models/bit.js
@@ -0,0 +1,202 @@
+import can from "can";
+import moment from "moment";
+
+import "can/list/promise/";
+import "can/map/define/";
+
+var Bit = can.Model.extend({
+	resource : '/api/v4/embeds/{hubId}/entities',
+}, {
+	define : {
+		thread_updated_at: {
+			set : function(val){
+				var momentThreadUpdatedAt = moment(val);
+				this.attr({
+					formattedThreadUpdatedAt: momentThreadUpdatedAt.format('LL'),
+					formattedThreadUpdatedAtDate: momentThreadUpdatedAt.format('YYYY-MM-DD')
+				});
+				return val;
+			}
+		}
+	},
+	isTumblrImage : function(){
+		return this.isPhoto() && this.isTumblr();
+	},
+	isInstagramImage : function(){
+		return this.isPhoto() && this.attr('feed_name') === 'instagram';
+	},
+	isPhoto : function(){
+		return this.attr('type_name') === 'photo';
+	},
+	isTumblr : function(){
+		return this.attr('feed_name') === 'tumblr';
+	},
+	isTwitterFollow : function(){
+		return this.attr('feed_name') === 'twitter' && this.attr('type_name') === 'follow';
+	},
+	isYoutube : function(){
+		return this.attr('feed_name') === 'youtube';
+	},
+	youtubeEmbedURL : function(){
+		return this.attr('url').replace(/watch\?v=/, 'embed/');
+	}
+});
+
+
+Bit.DECISIONS = ['pending', 'starred', 'deleted', 'approved'];
+
+var makeBitAction = function(decision){
+	var templateUrl = '/api/v4/embeds/{hubId}/entities/{id}/decide/?decision={decision}';
+	return function(hubId){
+		var realDecision = decision;
+		var currentDecision = this.attr('decision');
+		
+		if(decision === currentDecision){
+			realDecision = 'pending';
+		}
+
+		var url = can.sub(templateUrl, {
+			hubId : hubId,
+			id : this.attr('id'),
+			decision: realDecision
+		});
+
+		return $.ajax(url, {
+			dataType: 'json',
+			type: 'PUT'
+		}).then(function(data){
+			can.trigger(Bit, 'decision', [currentDecision, realDecision]);
+			var bit = Bit.model(data);
+			bit.updated();
+		});
+	};
+};
+
+for(var i = 0; i < Bit.DECISIONS.length; i++){
+	Bit.prototype['decide' + can.capitalize(Bit.DECISIONS[i])] = makeBitAction(Bit.DECISIONS[i]);
+}
+
+var checkIfBitIsBelowCurrentBit = function(bit, currentBit){
+	if(!currentBit){
+		return false;
+	}
+	if(currentBit.is_pinned){
+		return true;
+	}
+	return bit.thread_updated_ts < currentBit.thread_updated_ts;
+};
+
+var isFullBit = function(bit){
+	return !!bit.created_at;
+};
+
+var buffer = (function(){
+	var _buffer = [];
+	var _currentSweeper;
+
+	return {
+		add : function(bit){
+			_buffer.push(bit);
+			if(!_currentSweeper){
+				_currentSweeper = setTimeout(function(){
+					var localBuffer = _buffer.splice(0).reverse();
+					for(var i = 0; i < localBuffer.length; i++){
+						can.trigger(Bit, 'lifecycle', [localBuffer[i]]);
+					}
+					_currentSweeper = null;
+				}, 5000);
+			}
+		}
+	};
+})();
+
+Bit.messageFromLiveService = function(msg){
+	var parsed = JSON.parse(msg);
+	parsed._isFromLiveService = true;
+
+	if(this.store[parsed.id]){
+		this.store[parsed.id].attr(parsed);
+	} else if(isFullBit(parsed)){
+		buffer.add(this.model(parsed));
+	}
+	if(!parsed.is_approved){
+		can.trigger(Bit, 'disapproved', [this.store[parsed.id]]);
+	}
+};
+
+Bit.List = Bit.List.extend({
+	place : function(bit){
+		var index = -1;
+		var currentIndex, currentBit;
+		
+		this.attr('length');
+
+		currentIndex = this.indexOf(bit);
+
+		// if it exists in the list remove it because we are changing the order
+		if(currentIndex > -1){
+			this.splice(currentIndex, 1);
+		}
+
+		if(bit.attr('is_pinned')){
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(currentBit && currentBit.attr('is_pinned'));
+		} else {
+			do {
+				index++;
+				currentBit = this.attr(index);
+			} while(checkIfBitIsBelowCurrentBit(bit, currentBit));
+		}
+
+		this.splice(index, 0, bit);
+	},
+	remove : function(bit){
+		var index = this.indexOf(bit);
+		if(index > -1){
+			this.splice(index, 1);
+		}
+	},
+	loadNextPage: function(){
+		var length = this.attr('length');
+		var count = this.__totalCount;
+		var self = this;
+
+		if(typeof count !== 'undefined' || length < this.__totalCount){
+			this.__loadingParams.offset = length;
+		}
+		if(!this.attr('isCurrentlyLoading') && (!this.__totalCount || length < this.__totalCount)){
+			this.attr('isCurrentlyLoading', true);
+			return Bit.findAll(this.__loadingParams).then(function(data){
+				self.__totalCount = data.count;
+				self.push.apply(self, data);
+				setTimeout(function(){
+					self.attr('isCurrentlyLoading', false);
+				});
+			});
+		}
+	},
+	refresh : function(cb){
+		var params = this.__loadingParams;
+		var self = this;
+		Bit.findAll(params).then(function(data){
+			var current;
+			var counter = 0;
+			for(var i = 0; i < data.length; i++){
+				current = data[i];
+				if(self.indexOf(current) === -1){
+					self.unshift(current);
+					counter++;
+				}
+			}
+			cb(counter);
+		});
+		
+	},
+	isLoading : function(){
+		return this.attr('length') === 0 && this.attr('isCurrentlyLoading');
+	}
+});
+
+export default Bit;
diff --git a/new-bithub-client/src/models/brand.js b/new-bithub-client/src/models/brand.js
new file mode 100644
index 0000000..13cedf6
--- /dev/null
+++ b/new-bithub-client/src/models/brand.js
@@ -0,0 +1,5 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne : '/api/v3/brands/current'
+}, {});
diff --git a/new-bithub-client/src/models/embed_appstate.js b/new-bithub-client/src/models/embed_appstate.js
new file mode 100644
index 0000000..03ab5c3
--- /dev/null
+++ b/new-bithub-client/src/models/embed_appstate.js
@@ -0,0 +1,122 @@
+import can from "can";
+import Bit from "models/bit";
+import connectLiveService from "connect-liveservice";
+import "can/map/define/";
+
+var addDefaultAttrs = function(params){
+	var defaultParams = {
+		view: 'public',
+		theme: 'light',
+		live: false
+	};
+	return can.extend(defaultParams, params);
+};
+
+var liveService;
+
+export default can.Map.extend({
+	define : {
+		live : {
+			set : function(val){
+				return (val === true || val === 'true');
+			}
+		},
+		hub : {
+			serialize : false,
+		},
+		bits : {
+			Value : Bit.List,
+			serialize: false
+		},
+		currentBrand : {
+			serialize: false
+		},
+	},
+	setAttrs : function(attrs){
+		this.attr(addDefaultAttrs(attrs));
+	},
+	init : function(){
+		this.setDefaultParams();
+	},
+	isLive : function(){
+		return this.attr('live');
+	},
+	isPublic : function(){
+		return !this.isAdmin();
+	},
+	isGroupedByDate : function(){
+		return this.attr('order') === 'grouped-by-date';
+	},
+	showPoweredBy : function(){
+		return this.isPublic();
+	},
+	reset : function(){
+		can.batch.start();
+		this.setDefaultParams();
+		this.bits.splice(0);
+		can.batch.stop();
+	},
+	getView : function(){
+		if(this.isAdmin()){
+			return 'admin';
+		}
+		return 'public';
+	},
+	connectLiveService : function(){
+
+		var hubId = this.attr('hubId');
+		liveService = connectLiveService(hubId, this.attr('tenant'));
+
+		if(liveService){
+			console.log('LIVESERVICE ENTITIES', liveService);
+
+			liveService.on('entities', can.proxy(Bit.messageFromLiveService, Bit));
+		}
+	},
+	getParams: function(){
+		var hubId = this.attr('hubId');
+		var params = {};
+		var tenant = this.attr('tenant');
+		var isPublic = this.isPublic();
+		var filter = this.attr('filter');
+		var serviceId = this.attr('service_id');
+		var imageOnly = this.attr('image_only');
+
+		imageOnly = imageOnly === true || imageOnly === 'true';
+
+		params.view = this.getView();
+
+		if(isPublic){
+			params.tenant_name = tenant;
+		} else {
+			params.order = this.attr('order') || "created_at:desc";
+			if(params.order === 'grouped-by-date'){
+				params.order = 'preview';
+			}
+			if(filter){
+				params.show = filter;
+			}
+			if(serviceId){
+				params.service_id = serviceId;
+			}
+		}
+	
+		if(imageOnly){
+			params.image_only = true;
+		}
+
+	
+		params.hubId = hubId;
+
+		return params;
+	},
+	setDefaultParams : function(){
+		this.attr('params', {
+			offset: 0,
+			limit: 50
+		});
+	},
+	isAdmin : function(){
+		return this.attr('hub') && this.attr('view') === 'admin';
+	}
+});
diff --git a/new-bithub-client/src/models/entity-decision.js b/new-bithub-client/src/models/entity-decision.js
new file mode 100644
index 0000000..742fbf5
--- /dev/null
+++ b/new-bithub-client/src/models/entity-decision.js
@@ -0,0 +1,26 @@
+import can from "can";
+import "can/list/promise/";
+
+var EntityDecision = can.Model.extend({
+	findAll : '/api/v4/embeds/{hubId}/entities/stats'
+}, {
+	dec: function(){
+		this.attr('count', this.attr('count') - 1);
+	},
+	inc: function(){
+		this.attr('count', this.attr('count') + 1);
+	}
+});
+
+EntityDecision.List = EntityDecision.List.extend({
+	getById : function(id){
+		var length = this.attr('length');
+		for(var i = 0; i < length; i++){
+			if(this[i].id === id){
+				return this[i];
+			}
+		}
+	}
+});
+
+export default EntityDecision;
diff --git a/new-bithub-client/src/models/filter.js b/new-bithub-client/src/models/filter.js
new file mode 100644
index 0000000..3c24d08
--- /dev/null
+++ b/new-bithub-client/src/models/filter.js
@@ -0,0 +1,91 @@
+import can from "can";
+import NatlangQuery from "./natlang-query";
+import "can/map/define/";
+import "can/construct/super/";
+
+var ModerationRuleset = can.Model.extend({
+	resource : "/api/v3/filters",
+	destroy : function(id, data){
+		return $.ajax({
+			url : "/api/v3/filters/" + id + "?embed_id=" + data.filter.embed_id,
+			type : "DELETE"
+		});
+	}
+}, {
+	define : {
+		natlang_queries: {
+			Value : NatlangQuery.List,
+			set : function(val){
+				return new NatlangQuery.List(can.map(val, function(v){
+					return NatlangQuery.model(v);
+				}));
+			}
+		},
+	},
+	addQuery : function(){
+		this.natlang_queries.push(new NatlangQuery());
+	},
+	removeQuery : function(filter){
+		var natlang = this.attr('natlang_queries');
+		var index = natlang.indexOf(filter);
+		if(index > -1){
+			natlang.splice(index, 1);
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		return {
+			filter: data
+		};
+	},
+	markToDestroy : function(){
+		this.attr('__shouldDelete', true);
+	},
+	saveOrDestroy : function(){
+		if(this.attr('__shouldDelete')){
+			return this.destroy();
+		}
+		return this.save();
+	}
+});
+
+ModerationRuleset.List = ModerationRuleset.List.extend({
+	blocking : function(){
+		return this.filtersByAction('block');
+	},
+	approving : function(){
+		return this.filtersByAction('approve');
+	},
+	filtersByAction : function(action){
+		var list = new this.constructor();
+		var length = this.attr('length');
+		var current;
+		for(var i = 0; i < length; i++){
+			current = this.attr(i);
+			if(current.attr('action') === action){
+				list.push(current);
+			}
+		}
+		list.attr('action', action);
+		return list;
+	},
+	addFilter : function(embedId){
+		var filter = new ModerationRuleset({action: this.attr('action'), embed_id: embedId});
+		filter.addQuery();
+		this.push(filter);
+	},
+	removeFilter : function(filter){
+		var index = this.indexOf(filter);
+
+		if(index > -1){
+			this.splice(index, 1);
+		}
+	},
+	saveOrDestroy : function(){
+		return $.when.apply($, can.map(this, function(f){
+			f.saveOrDestroy();
+		}));
+	}
+});
+
+export default ModerationRuleset;
diff --git a/new-bithub-client/src/models/fixtures/fixtures.js b/new-bithub-client/src/models/fixtures/fixtures.js
new file mode 100755
index 0000000..424b956
--- /dev/null
+++ b/new-bithub-client/src/models/fixtures/fixtures.js
@@ -0,0 +1 @@
+import fixture from 'can-fixture';
diff --git a/new-bithub-client/src/models/hub.js b/new-bithub-client/src/models/hub.js
new file mode 100644
index 0000000..f58241f
--- /dev/null
+++ b/new-bithub-client/src/models/hub.js
@@ -0,0 +1,48 @@
+import can from "can";
+import ServiceModel from './service';
+import 'can/list/promise/';
+import 'can/construct/super/';
+import 'can/map/backup/';
+import 'can/map/define/';
+
+var Bit = can.Model.extend({
+	resource : '/api/v3/embeds',
+}, {
+	define : {
+		services : {
+			get : function(){
+				return new ServiceModel.List({embed_id: this.attr('id')});
+			}
+		}
+	},
+	serialize : function(){
+		return {
+			embed : this._super.apply(this, arguments)
+		};
+	},
+	moderate : function(){
+		return $.ajax({
+			type : 'POST',
+			url : '/api/v3/embeds/' + this.attr('id') + '/moderate'
+		});
+	},
+	publish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/publish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	},
+	unpublish : function(){
+		return $.ajax({
+			type: 'PUT',
+			url: '/api/v3/embeds/' + this.attr('id') + '/unpublish'
+		}).then(function(data){
+			Bit.model(data);
+		});
+	}
+
+});
+
+export default Bit;
diff --git a/new-bithub-client/src/models/identity.js b/new-bithub-client/src/models/identity.js
new file mode 100644
index 0000000..e9932cf
--- /dev/null
+++ b/new-bithub-client/src/models/identity.js
@@ -0,0 +1,20 @@
+import can from "can";
+import "can/list/promise/";
+
+var identities;
+
+export default can.Model.extend({
+	resource : '/api/v3/identities',
+	getAll : function(){
+		return this.reloadAll();
+	},
+	reloadAll : function(){
+		var def = new this.List({});
+
+		def.then(function(data){
+			identities = data;
+		});
+
+		return def;
+	}
+}, {});
diff --git a/new-bithub-client/src/models/interaction_event.js b/new-bithub-client/src/models/interaction_event.js
new file mode 100644
index 0000000..a015e95
--- /dev/null
+++ b/new-bithub-client/src/models/interaction_event.js
@@ -0,0 +1,127 @@
+import can from "can";
+import moment from "moment";
+import "can/construct/super/";
+
+var wrapCreate = function(data){
+	return {
+		interaction: data
+	};
+};
+
+var InteractionEvent = can.Model.extend({
+	create : 'POST /api/v3/interactions',
+	findAll : 'GET /api/v3/interactions',
+	
+	createScrollInteraction : function(tenant_name, hubId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			event_type: 'scroll'
+		}));
+	},
+	createLinkClickedInteraction : function(tenant_name, hubId, entityId){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'link'
+		}));
+	},
+	createEntitySharedInteraction : function(tenant_name, hubId, entityId, target){
+		return this.create(wrapCreate({
+			tenant_name: tenant_name,
+			primary_source_id: hubId,
+			primary_source_type: 'Embed',
+			secondary_source_id: entityId,
+			secondary_source_type: 'Entity',
+			event_type: 'share',
+			event_subtype: target
+		}));
+	}
+}, {});
+
+var fillZeroes = function(data, length){
+	while(data.length < length){
+		data.unshift(0);
+	}
+	return data;
+};
+
+InteractionEvent.List = InteractionEvent.List.extend({
+	totalShareInteractionsGraphData: function(){
+		var length = this.attr('length');
+		var labels = [];
+		var data = [];
+		var i;
+		for(i = 0; i < length; i++){
+			labels.push(moment(this.attr(i + '.created_at')).fromNow());
+			data.push(this.attr(i + '.volume'));
+		}
+
+		return {
+			datasets: [{
+				data: data,
+				label: "Share count",
+				strokeColor: '#f30',
+				fillColor: '#fff'
+			}],
+			labels: labels
+		};
+	},
+	linkInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	scrollInteractionsGraphData : function(){
+		return this.totalShareInteractionsGraphData();
+	},
+	perNetworkShareInteractionsGraphData : function(){
+		var length = this.attr('length');
+		var labels = {};
+		var data = {};
+		var longestLabels = [];
+		var datasets = [];
+		var i, k, current, currentSubtype;
+		
+		for(i = 0; i < length; i++){
+			current = this.attr(i);
+			currentSubtype = current.attr('event_subtype');
+			if(!data[currentSubtype]){
+				data[currentSubtype] = [];
+			}
+			if(!labels[currentSubtype]){
+				labels[currentSubtype] = [];
+			}
+			data[currentSubtype].push(current.attr('volume'));
+			labels[currentSubtype].push(moment(current.attr('created_at')).fromNow());
+		}
+
+		for(k in labels){
+			if(labels[k].length > longestLabels.length){
+				longestLabels = labels[k];
+			}
+		}
+
+		for(k in data){
+			if(data[k].length < longestLabels.length){
+				data[k] = fillZeroes(data[k], longestLabels.length);
+			}
+			datasets.push({
+				label: k,
+				data: data[k],
+				strokeColor: '#f30',
+				fillColor: 'rgba(255,255,255,0)'
+			});
+		}
+
+		return {
+			labels: longestLabels,
+			datasets: datasets
+		};
+		
+	}
+});
+
+export default InteractionEvent;
diff --git a/new-bithub-client/src/models/models.js b/new-bithub-client/src/models/models.js
new file mode 100644
index 0000000..9294c5e
--- /dev/null
+++ b/new-bithub-client/src/models/models.js
@@ -0,0 +1,27 @@
+import Hub from './hub';
+import Service from './service';
+import Bit from './bit';
+import Identity from './identity';
+import Suggestion from './suggestion';
+import Brand from './brand';
+import Preset from './preset';
+import Analytics from './analytics';
+import Subscription from './subscription';
+import Filter from './filter';
+import Account from './account';
+import Organization from "./organization";
+
+export default {
+	Hub : Hub,
+	Service : Service,
+	Bit : Bit,
+	Identity : Identity,
+	Suggestion : Suggestion,
+	Brand : Brand,
+	Preset: Preset,
+	Analytics : Analytics,
+	Subscription : Subscription,
+	Filter : Filter,
+	Account : Account,
+	Organization: Organization
+};
diff --git a/new-bithub-client/src/models/natlang-query.js b/new-bithub-client/src/models/natlang-query.js
new file mode 100644
index 0000000..db459d8
--- /dev/null
+++ b/new-bithub-client/src/models/natlang-query.js
@@ -0,0 +1,36 @@
+import can from "can";
+import "can/map/define/";
+
+export default can.Model.extend({}, {
+	define : {
+		operation : {
+			set : function(val){
+				var typeAndOp = val.split(":");
+				var type = typeAndOp.shift();
+				var op = typeAndOp.shift();
+				
+				this.attr({
+					is_negated: (type !== 'pos'),
+					op : op
+				});
+			},
+			get : function(){
+				var type = this.attr('is_negated') ? 'neg' : 'pos';
+				var op = this.attr('op');
+				return [type, op].join(':');
+			}
+		},
+		attr_name : {
+			value : 'content'
+		},
+		op : {
+			value : 'contains_all',
+			set : function(val){
+				return val;
+			}
+		},
+		is_negated : {
+			value : false
+		}
+	}
+});
diff --git a/new-bithub-client/src/models/organization.js b/new-bithub-client/src/models/organization.js
new file mode 100644
index 0000000..4a89c30
--- /dev/null
+++ b/new-bithub-client/src/models/organization.js
@@ -0,0 +1,35 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne : '/api/v3/current/organization',
+	update: 'PUT /api/v3/current/organization',
+	current : function(){
+		return this.findOne({});
+	},
+	choose : function(id){
+		return $.ajax({
+			url: '/api/v3/current/organization/choose?id=' + id,
+			type: 'PUT'
+		});
+	}
+}, {
+	invite : function(email){
+		var def = can.Deferred();
+		$.post('/api/v3/current/organization/accounts', {account: {email: email}}).then(function(res){
+			def.resolve(res.account);
+		}, function(){
+			$.post('/accounts/invitation', {account: {email: email}}).then(function(res){
+				def.resolve(res);
+			}, function(){
+				def.reject();
+			});
+		});
+		return def;
+	},
+	addInvitation: function(invitation){
+		if(!this.attr('invitations')){
+			this.attr('invitations', []);
+		}
+		this.attr('invitations').push(invitation);
+	}
+});
diff --git a/new-bithub-client/src/models/preset.js b/new-bithub-client/src/models/preset.js
new file mode 100644
index 0000000..b2bf932
--- /dev/null
+++ b/new-bithub-client/src/models/preset.js
@@ -0,0 +1,82 @@
+/* globals EMBED_ENDPOINT:true */
+
+import can from "can";
+
+import 'can/construct/super/';
+import 'can/map/define/';
+import 'can/list/promise/';
+import 'can/map/backup/';
+
+var EMBED_TEMPLATE = '<a href="http://{embedEndpoint}{embedUrl}" class="bithub-embed">{hubName} Embed</a><script src="http://{embedEndpoint}/embed.js"></script>';
+
+var Preset = can.Model.extend({
+	resource: '/api/v3/presets',
+}, {
+	define : {
+		config : {
+			value : function(){
+				return {
+					theme: 'light',
+					view: 'public'
+				};
+			}
+		}
+	},
+	embedAttrs : function(tenantName, hubId){
+		return can.extend({
+			hubId: hubId,
+			tenant: tenantName
+		}, this.serialize().preset.config || {});
+	},
+	url : function(tenantName, hubId){
+		var attrs = this.embedAttrs(tenantName, hubId);
+		return '/embed?' + can.param(attrs);
+	},
+	fullUrl : function(tenantName, hubId){
+		return can.sub("http://{embedEndpoint}{embedUrl}", {
+			embedEndpoint: EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId)
+		});
+	},
+	embedCode : function(tenantName, hubId, hubName){
+		return can.sub(EMBED_TEMPLATE, {
+			embedEndpoint : EMBED_ENDPOINT,
+			embedUrl: this.url(tenantName, hubId),
+			hubName: hubName
+		});
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+		if(!data.config){
+			data.config = {};
+		}
+		if(!data.config.view){
+			data.config.view = 'public';
+		}
+		if(!data.config.live){
+			delete data.config.live;
+		}
+
+		return {
+			preset: data
+		};
+	}
+});
+
+Preset.ADMIN = new Preset({
+	config: {
+		live: true,
+		view: 'admin',
+		order: 'grouped-by-date',
+		filter: 'all'
+	}
+});
+
+Preset.PREVIEW = new Preset({
+	name : 'Default Preset',
+	config: {
+		live: false
+	}
+});
+
+export default Preset;
diff --git a/new-bithub-client/src/models/service.js b/new-bithub-client/src/models/service.js
new file mode 100644
index 0000000..ba36000
--- /dev/null
+++ b/new-bithub-client/src/models/service.js
@@ -0,0 +1,350 @@
+import can from "can";
+import _keys from "lodash-amd/modern/object/keys";
+
+import 'can/list/promise/';
+import 'can/map/define/';
+import 'can/construct/super/';
+
+var RELOAD_TIMEOUTS = {};
+
+var isCelluloidError = function(klass){
+	return (/celluloid/).test(klass.toLowerCase());
+};
+
+var isConfigError = function(klass){
+	return (/configerror/).test(klass.toLowerCase());
+};
+
+var getErrorMessage = (function(){
+	var MESSAGES = {
+		autherror: "We are unable to authorize with your service credentials. Are you sure you have rights to access this content?",
+		remoteerror: "Service is currently unavailable. We will try to load data again later.",
+		unknownerror: "We are so sorry. Unknown error occured when we tried to load data from this service. We have been notified about this error, and we'll try to fix it as soon as possible.",
+		ratelimiterror: "Due to number of services authorized with the same account we are unable to load data from this service at the moment. We will try again soon."
+	};
+	return function(error){
+		var klass = error.klass.toLowerCase();
+		return MESSAGES[klass] || error.message;
+	};
+})();
+
+
+var convertHexToRgb = function(hex){
+	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	var r, g, b;
+	if(result){
+		r = parseInt(result[1], 16);
+		g = parseInt(result[2], 16);
+		b = parseInt(result[3], 16);
+		var res = 'rgb(' + r + ',' + g + ',' + b + ')';
+		return res;
+	}
+	return 'rgb(0,0,0)';
+};
+
+var GRAPH_COLORS = {
+	disqus : convertHexToRgb('#ffe842'),
+	facebook : convertHexToRgb('#80a2bd'),
+	foursquare : convertHexToRgb('#655557'),
+	github : convertHexToRgb('#191749'),
+	instagram : convertHexToRgb('#450d0b'),
+	meetup : convertHexToRgb('#062233'),
+	rss : convertHexToRgb('#183a37'),
+	stackexchange : convertHexToRgb('#95b26e'),
+	tumblr : convertHexToRgb('#c44900'),
+	twitter : convertHexToRgb('#432534'),
+	youtube : convertHexToRgb('#432834')
+};
+
+
+var TYPES = {
+	disqus : {
+		forum : 'Forum'
+	},
+	facebook : {
+		page : 'Page',
+		public_page : 'Public Page'
+	},
+	foursquare : {
+		venue : 'Venue'
+	},
+	github : {
+		org : 'Organization',
+		repo : 'Repository'
+	},
+	instagram : {
+		tag : 'Tag',
+		// location : 'Location',
+		// geography : 'Geography',
+		user : 'User'
+	},
+	meetup : {
+		group : 'Group'
+	},
+	rss : {
+		site : 'URL'
+	},
+	stackexchange : {
+		tags : 'Tags'
+	},
+	tumblr : {
+		blog : 'Blog',
+		tag : 'Tag'
+	},
+	twitter : {
+		followers : 'Followers',
+		hashtag : 'Hashtag',
+		term : 'Search',
+		user_timeline : 'User Timeline',
+		user_retweets: 'User Retweets',
+		favorites: 'User Favorites'
+	},
+	youtube : {
+		channel : "Channel",
+		playlist: "Playlist"/*,
+		user : "User"*/
+	}
+};
+
+var FEEDS = {
+	disqus        : 'Disqus',
+	facebook      : 'Facebook',
+	foursquare    : 'Foursquare',
+	github        : 'GitHub',
+	instagram     : 'Instagram',
+	meetup        : 'Meetup',
+	rss           : 'RSS',
+	stackexchange : 'StackExchange',
+	tumblr        : 'Tumblr',
+	twitter       : 'Twitter',
+	youtube       : 'YouTube'
+};
+
+var NEEDS_OAUTH = {
+	github : {
+		types : ['repo', 'org']
+	},
+	twitter : {
+		types : ['followers', 'hashtag', 'user_timeline', 'term', 'favorites', 'user_retweets']
+	},
+	meetup : {
+		types : ['group']
+	},
+	facebook : {
+		types : ['page']
+	},
+	foursquare : {
+		types : ['venue']
+	},
+	disqus : {
+		types: ['forum']
+	},
+	instagram : {
+		types: ['tag', 'user']
+	},
+	youtube : {
+		types: ['channel', 'playlist', 'user']
+	}
+};
+
+var formatKey = function(key){
+	if(key === 'url'){
+		return 'URL';
+	}
+	return can.capitalize(key.replace(/_/g, ' '));
+};
+
+var formatConfig = function(config){
+	var res = ['<ul class="config">'];
+	for(var k in config){
+		res.push('<li><b>' + formatKey(k) + '</b>: ');
+		if(can.isPlainObject(config[k])){
+			res.push(formatConfig(config[k]));
+		} else {
+			res.push(config[k]);
+		}
+		res.push('</li>');
+	}
+	res.push('</ul>');
+	return res.join('');
+};
+
+var emptyConfigForService = function(feed){
+	var config = {};
+
+	if(feed === 'github'){
+		config.tracking = {};
+	}
+
+	if(feed === 'stackexchange'){
+		config.tags = [];
+	}
+	return config;
+};
+
+var Service = can.Model.extend({
+	resource : '/api/v3/services',
+	feeds : FEEDS,
+	needsOAuth : NEEDS_OAUTH,
+	createEmptyService : function(feed){
+
+		return new this({
+			feed_name : feed,
+			config: emptyConfigForService(feed)
+		});
+	},
+	errored : function(service){
+		can.trigger(this, 'errored', [this]);
+	},
+	messageFromLiveService : function( msg ) {
+		var cb = can.noop,
+			timeout = 1,
+			self = this,
+			timeoutKey;
+
+		if(typeof msg === 'string'){
+			msg = JSON.parse(msg);
+		}
+
+		timeoutKey = msg.service.id;
+
+		if(msg.service.empty_results){
+			timeoutKey = msg.service.id + '-noResults';
+			cb = function(service){
+				if(service.attr('entity_count') === 0){
+					service.hasNoResults();
+				}
+			};
+			timeout = 2000;
+		}
+
+		clearTimeout(RELOAD_TIMEOUTS[timeoutKey]);
+
+		RELOAD_TIMEOUTS[timeoutKey] = setTimeout(function(){
+			self.findOne({id: msg.service.id}).then(cb);
+		}, timeout);
+	}
+}, {
+	define : {
+		feed_name : {
+			set : function(val){
+				var keys = _keys(TYPES[val]);
+
+				this.attr('type_name', keys.length === 1 ? keys[0] : "");
+				this.attr('graphColor', GRAPH_COLORS[val]);
+
+				return val;
+			}
+		},
+		type_name : {
+			set : function(val){
+				this.attr('config', emptyConfigForService(this.attr('feed_name')));
+				return val;
+			}
+		},
+		error : {
+			set : function(val){
+				var klass = val && val.klass;
+				if(klass && isCelluloidError(klass)){
+					return;
+				}
+				return val;
+			}
+		},
+		approved_by_default : {
+			set : function(val){
+				return !!val;
+			}
+		}
+	},
+	serialize : function(){
+		var data = this._super.apply(this, arguments);
+
+		if(!(data.feed_name === 'instagram' && data.type_name === 'user') && !(data.feed_name === 'facebook' && data.type_name === 'public_page')){
+			if(data.config){
+				delete data.config.display_name;
+			}
+		}
+
+		return {
+			service : data
+		};
+	},
+	typesForFeed : function(){
+		var currentFeed = this.attr('feed_name'),
+			types = TYPES[currentFeed];
+
+		return types;
+	},
+	hasMultipleTypes : function(){
+		var typesForFeed = this.typesForFeed();
+		return _keys(typesForFeed || {}).length > 1;
+	},
+	printFeed : function() {
+		return FEEDS[ this.attr('feed_name') ];
+	},
+	printType : function() {
+		return TYPES[ this.attr('feed_name') ][ this.attr('type_name') ];
+	},
+	printConfig: function() {
+		var output = [],
+			config = this.attr('config');
+
+		config = config ? config.attr() : config;
+
+		if(!config){
+			return;
+		}
+
+		for( var key in config ) {
+			output.push(key + ': ' + config[key]);
+		}
+
+		// remove last ', '
+		return output.join('<br>');
+	},
+	hasNoResults : function(){
+		can.batch.start();
+		if(this.attr('_isNewlyCreated')){
+			this.attr('noResults', true);
+		}
+		this.attr({
+			error: null
+		});
+		can.batch.stop();
+	},
+	clearNoResults : function(){
+		this.removeAttr('noResults');
+	},
+	save : function(){
+		this.removeAttr('noResults');
+		can.trigger(this.constructor, 'saving', [this]);
+		return this._super.apply(this, arguments);
+	},
+	formattedConfig : function(){
+		return formatConfig(this.attr('config').attr());
+	},
+	formattedError : function(){
+		return getErrorMessage(this.attr('error'));
+	},
+	formattedErrorClass : function(){
+		var klass = this.attr('error.klass');
+		return !isConfigError(klass) ? '' : 'Configuration Error';
+	},
+	clearErrors : function(){
+		this.removeAttr('error');
+	},
+	isLoading : function(){
+		return this.attr('state') === 'loading';
+	}
+});
+
+Service.on('created', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+Service.on('updated', function(ev, service){
+	service.attr('_isNewlyCreated', true);
+});
+
+export default Service;
diff --git a/new-bithub-client/src/models/subscription.js b/new-bithub-client/src/models/subscription.js
new file mode 100644
index 0000000..d78d39a
--- /dev/null
+++ b/new-bithub-client/src/models/subscription.js
@@ -0,0 +1,36 @@
+import can from "can";
+
+export default can.Model.extend({
+	findOne: '/api/v3/subscriptions/current'
+}, {
+	reload : function(){
+		this.constructor.findOne({});
+	},
+	canAddHub : function(hubs){
+		return true;
+		/*var currentLength = hubs.attr('length');
+		var limit = this.attr('plan.limits.embeds_per_brand') || Infinity;
+		return currentLength < limit;*/
+	},
+	canAddService : function(services, feed, type){
+		return true;
+		/*var currentLength = services.attr('length');
+		var limit = this.attr('plan.limits.services_per_embed') || Infinity;
+		var currentTypeFeed = [feed, type].join('_');
+		var limitCurrentTypeFeed = this.attr('plan.limits').attr(currentTypeFeed) || Infinity;
+		var servicesWithCurrentTypeFeed = services.filter(function(s){
+			return s.attr('feed_name') === feed && s.attr('type_name') === type;
+		});
+
+		if(currentLength >= limit){
+			return false;
+		}
+		if(servicesWithCurrentTypeFeed.attr('length') >= limitCurrentTypeFeed){
+			return false;
+		}
+		return true;*/
+	},
+	hasCC : function(){
+		return !!this.attr('card');
+	}
+});
diff --git a/new-bithub-client/src/models/suggestion.js b/new-bithub-client/src/models/suggestion.js
new file mode 100644
index 0000000..7e55794
--- /dev/null
+++ b/new-bithub-client/src/models/suggestion.js
@@ -0,0 +1,4 @@
+import can from "can";
+export default can.Model.extend({
+	findAll : '/api/v3/services/suggestions/{service}?brand_identity_id={brandIdentityId}'
+}, {});
diff --git a/new-bithub-client/src/models/test.js b/new-bithub-client/src/models/test.js
new file mode 100755
index 0000000..8b78254
--- /dev/null
+++ b/new-bithub-client/src/models/test.js
@@ -0,0 +1 @@
+import './fixtures/';
diff --git a/new-bithub-client/src/moderation-card/moderation-card.js b/new-bithub-client/src/moderation-card/moderation-card.js
new file mode 100644
index 0000000..b2e42ea
--- /dev/null
+++ b/new-bithub-client/src/moderation-card/moderation-card.js
@@ -0,0 +1,64 @@
+import can from "can";
+import template from "./moderation-card.stache!";
+import "./moderation-card.less!";
+
+const DECISION_ICON_MAP = {
+	approved  : 'thumbs-up',
+	deleted   : 'trash',
+	starred   : 'star'
+};
+
+var removeHtmlTags = function(html){
+	return (html || "").replace(/<[^>]+>/ig, "");
+};
+
+export default can.Component.extend({
+	tag: 'bh-moderation-card',
+	template: template,
+	scope : {
+		iconUrl : function(decision){
+			var icon = DECISION_ICON_MAP[decision] || decision;
+			var color = 'white';
+
+			if(decision === this.attr('bit.decision')){
+				color = 'grey';
+			}
+
+			return "images/app-resources-icons-" + icon + '-' + color + '.svg';
+		},
+		feedIconUrl : function(feedName){
+			return "images/social-grey/" + feedName + ".png";
+		},
+		shouldBeColumns : function(){
+			var bit = this.attr('bit');
+			var hasImages = !!bit.attr('images').attr('length');
+			var bodyLength = removeHtmlTags(bit.attr('body')).length;
+			var titleLength = removeHtmlTags(bit.attr('title')).length;
+			if(hasImages){
+				if(bodyLength + titleLength > 300){
+					return false;
+				}
+				return true;
+			}
+			return false;
+		}
+	},
+	helpers : {
+		formattedTitle : function(title){
+			title = can.isFunction(title) ? title() : title;
+			if(title && title !== 'undefined'){
+				return title;
+			}
+			return "";
+		},
+		formattedQuotedTweetDate : function(date){
+			date = can.isFunction(date) ? date() : date;
+			return moment(date, 'dd MMM DD HH:mm:ss ZZ YYYY').format('LL');
+		}
+	},
+	events : {
+		inserted : function(){
+			this.element.find('.content-column--title-body img').wrap('<div class="content-image-wrap"></div>');
+		}
+	}
+});
diff --git a/new-bithub-client/src/moderation-card/moderation-card.less b/new-bithub-client/src/moderation-card/moderation-card.less
new file mode 100644
index 0000000..adcd821
--- /dev/null
+++ b/new-bithub-client/src/moderation-card/moderation-card.less
@@ -0,0 +1,120 @@
+bh-moderation-card {
+    display: block;
+    background: white;
+    box-shadow: 0 0 20px rgba(0,0,0,0.2);
+    border-radius: 5px;
+    border: 2px solid white;
+    overflow: hidden;
+    .content-wrap {
+    }
+    .columns-2 {
+        .content-column {
+            float: left;
+            width: 50%;
+        }
+        bh-card-image-gallery .current-image-wrap img {
+            width: 100%;
+            max-height: none;
+        }
+    }
+    .content-column--title-body {
+        padding: 15px;
+        .content-image-wrap {
+            margin: 0 -15px;
+        }
+        img {
+            width: 100%;
+        }
+        :last-child {
+            margin-bottom: 0;
+        }
+        bh-card-body-wrap, bh-card-body-wrap:last-child {
+            margin: -15px;
+        }
+    }
+    .moderation-bar {
+        background: #d2d7da;
+        height: 40px;
+        ul {
+            text-align: center;
+            li {
+                display: inline-block;
+                height: 30px;
+                margin: 5px 0;
+                border-left: 1px solid #dce2e2;
+                &:last-child {
+                    border-right: 1px solid #dce2e2;
+                }
+                a {
+                    display: block;
+                    padding: 0 20px;
+                }
+                img {
+                    height: 20px;
+                    margin: 5px;
+                }
+            }
+        }
+    }
+    bh-card-image-gallery {
+        max-width: 100%;
+    }
+    .author-date-wrap {
+        border-top: 2px solid #f3f3f3;
+        padding: 5px 15px;
+        position: relative;
+        z-index: 1000;
+    }
+    .bit-author-name {
+        font-weight: bold;
+        font-size: 110%;
+        margin-bottom: -5px;
+        margin-top: 2px;
+    }
+    .social-icon {
+        width: 16px;
+        height: 16px;
+        float: left;
+        img {
+            width: 16px;
+            height: 16px;
+            display: block;
+            position: relative;
+            top: 2px;
+        }
+    }
+    .bit-created-at {
+        color: #7b7f80;
+    }
+    .bit-avatar {
+        float: left;
+        width: 40px;
+        height: 40px;
+        border-radius: 20px;
+        overflow: hidden;
+        margin-right: 10px;
+        a {
+            display: block;
+            width: 40px;
+            height: 40px;
+            img {
+                width: 40px;
+                height: 40px;
+            }
+        }
+    }
+    .youtube-embed-container {
+        margin: -15px -15px 15px;
+        position: relative;
+				padding-bottom: 56.25%;
+				height: 0;
+				overflow: hidden;
+				iframe, object, embed {
+						position: absolute;
+						top: 0;
+						left: 0;
+						width: 100%;
+						height: 100%;
+				}
+    }
+}
diff --git a/new-bithub-client/src/moderation-card/moderation-card.stache b/new-bithub-client/src/moderation-card/moderation-card.stache
new file mode 100644
index 0000000..247203d
--- /dev/null
+++ b/new-bithub-client/src/moderation-card/moderation-card.stache
@@ -0,0 +1,61 @@
+<can-import from="src/card-body-wrap/" />
+<can-import from="src/card-image-gallery/" />
+
+{{#bit}}
+  
+  <div class="content-wrap clearfix {{#if shouldBeColumns}}columns-2{{/if}}">
+    <div class="content-column">
+      {{#if images.length}}
+        <bh-card-image-gallery images="{images}" bit="{this}"></bh-card-image-gallery>
+      {{/if}}
+    </div>
+    <div class="content-column content-column--title-body">
+      {{#if isYoutube}}
+        <div class="youtube-embed-container">
+					<iframe src="{{ youtubeEmbedURL }}" frameborder="0" allowfullscreen></iframe>
+				</div>
+        <p>{{{formattedTitle title }}}</p>
+      {{else}}
+        {{#if shouldBeColumns}}
+          {{{formattedTitle title }}}
+          {{{ body }}}
+        {{else}}
+          <bh-card-body-wrap>
+            {{{formattedTitle title }}}
+            {{{ body }}}
+          </bh-card-body-wrap>
+        {{/if}}
+      {{/if}}
+    </div>
+  </div>
+  <div class="author-date-wrap">
+		{{#author.avatar_url}}
+			<figure class="bit-avatar">
+				<a href="{{url}}">
+					<img src="{{.}}" />
+				</a>
+			</figure>
+		{{/author.avatar_url}}
+		<figcaption class="clearfix">
+			{{#author.id}}
+				<div class="bit-author-name"><a href="{{url}}">{{.}}</a></div>
+			{{/author.id}}
+      <a href="{{url}}" class="social-icon">
+			  <img src="{{joinBase feedIconUrl(feed_name)}}">
+		  </a>
+			{{#unless isTwitterFollow}}
+				<div class="bit-created-at">
+					{{formattedThreadUpdatedAt}}
+				</div>
+			{{/unless}}
+		</figcaption>
+		
+	</div>
+  <div class="moderation-bar">
+    <ul class="list-unstyled">
+      <li><a href="javascript://" ($click)="decideApproved(hubId)"><img src="{{joinBase iconUrl('approved')}}"></a></li>
+      <li><a href="javascript://" ($click)="decideStarred(hubId)"><img src="{{joinBase iconUrl('starred')}}"></a></li>
+      <li><a href="javascript://" ($click)="decideDeleted(hubId)"><img src="{{joinBase iconUrl('deleted')}}"></a></li>
+    </ul>
+  </div>
+{{/bit}}
diff --git a/new-bithub-client/src/moderation-panel/moderation-panel.js b/new-bithub-client/src/moderation-panel/moderation-panel.js
new file mode 100644
index 0000000..14cb052
--- /dev/null
+++ b/new-bithub-client/src/moderation-panel/moderation-panel.js
@@ -0,0 +1,47 @@
+import can from "can";
+import template from "./moderation-panel.stache!";
+import Bit from "src/models/bit";
+import "./moderation-panel.less!";
+
+export default can.Component.extend({
+	tag: 'bh-moderation-panel',
+	template: template,
+	scope : {
+		Bit: Bit
+	},
+	events : {
+		init : function(){
+			this.__timeouts = {};
+		},
+		scroll : function(){
+			var self = this;
+			clearTimeout(this.__scrollTimeout);
+			if(this.scope.bits.length){
+				this.__scrollTimeout = setTimeout(function(){
+					var scrollTop = self.element.scrollTop();
+					var scrollHeight = self.element[0].scrollHeight;
+					var height = self.element.outerHeight();
+					if(scrollHeight - height - scrollTop < 200){
+						self.scope.bits.loadNextPage();
+					}
+				}, 200);
+			}
+			
+		},
+		"{scope.Bit} updated" : function(Bit, ev, bit){
+			var bitDecision = bit.attr('decision');
+			var activeDecision = this.scope.attr('activeDecision');
+			var id = bit.id;
+			var bits = this.scope.attr('bits');
+			var bitElement = this.element.find('[data-bit-id=' + id + ']');
+			if(bitDecision !== activeDecision){
+				clearTimeout(this.__timeouts[id]);
+				this.__timeouts[id] = setTimeout(function(){
+					bitElement.slideUp(300, function(){
+						bits.remove(bit);
+					});
+				}, 1000);
+			}
+		}
+	}
+});
diff --git a/new-bithub-client/src/moderation-panel/moderation-panel.less b/new-bithub-client/src/moderation-panel/moderation-panel.less
new file mode 100644
index 0000000..452c80d
--- /dev/null
+++ b/new-bithub-client/src/moderation-panel/moderation-panel.less
@@ -0,0 +1,18 @@
+bh-moderation-panel {
+    overflow-y: scroll;
+    -webkit-overflow-scrolling: touch;
+    display: block;
+    padding: 15px 15px 0;
+    bh-moderation-card {
+        margin-bottom: 15px;
+    }
+    .loading-wrap {
+        text-align: center;
+    }
+    .alert-no-bits {
+        background: #4c94a3;
+        color: white;
+        text-align: center;
+        padding: 10px;
+    }
+}
diff --git a/new-bithub-client/src/moderation-panel/moderation-panel.stache b/new-bithub-client/src/moderation-panel/moderation-panel.stache
new file mode 100644
index 0000000..50ae8d1
--- /dev/null
+++ b/new-bithub-client/src/moderation-panel/moderation-panel.stache
@@ -0,0 +1,14 @@
+<can-import from="src/moderation-card/" />
+{{#if bits.isLoading}}
+  <div class="loading-wrap">
+    <img src="{{joinBase "images/spinner.gif"}}">
+  </div>
+{{else}}
+  {{#if bits.length}}
+    {{#each bits}}
+      <bh-moderation-card bit="{this}" {hub-id}="hubId" data-bit-id="{{id}}"></bh-moderation-card>
+    {{/each}}
+  {{else}}
+    <div class="alert-no-bits">There are no bits in this group.</div>
+  {{/if}}
+{{/if}}
diff --git a/new-bithub-client/src/moderation-tabs/moderation-tabs.js b/new-bithub-client/src/moderation-tabs/moderation-tabs.js
new file mode 100644
index 0000000..f7169a8
--- /dev/null
+++ b/new-bithub-client/src/moderation-tabs/moderation-tabs.js
@@ -0,0 +1,37 @@
+import can from "can";
+import template from "./moderation-tabs.stache!";
+
+import "./moderation-tabs.less!";
+import "can/route/";
+
+const ICON_MAPPINGS = {
+	pending: 'inbox',
+	approved: 'thumbs-up',
+	starred: 'star',
+	deleted: 'trash'
+};
+
+
+export default can.Component.extend({
+	tag: 'bh-moderation-tabs',
+	template: template,
+	scope : {
+		icon : function(icon){
+			var color = this.attr('activeTab') === icon ? "white" : "grey";
+			return "images/app-resources-icons-" + (ICON_MAPPINGS[icon] || icon) + "-" + color + ".svg";
+		},
+		countFor : function(decision){
+			var entityDecisions = this.attr('entityDecisions');
+			if(entityDecisions.isResolved()){
+				return "(" + entityDecisions.getById(decision).attr('count') + ")";
+			}
+		}
+	},
+	helpers : {
+		moderationUrl : function(tab){
+			tab = can.isFunction(tab) ? tab() : tab;
+			return can.route.url({moderationTab: tab}, true);
+		}
+	}
+});
+
diff --git a/new-bithub-client/src/moderation-tabs/moderation-tabs.less b/new-bithub-client/src/moderation-tabs/moderation-tabs.less
new file mode 100644
index 0000000..98ab4f4
--- /dev/null
+++ b/new-bithub-client/src/moderation-tabs/moderation-tabs.less
@@ -0,0 +1,30 @@
+bh-moderation-tabs {
+    display: block;
+    ul {
+        width: 100%;
+        background: white;
+        height: 50px;
+        margin: 0;
+        box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);
+        li {
+            width: 25%;
+            float: left;
+            height: 50px;
+            border-right: 1px solid #eee;
+            a {
+                display: block;
+                height: 50px;
+                line-height: 50px;
+                text-align: center;
+                color: #767f82;
+                &.active {
+                    background: #4c94a3;
+                    color: white;
+                }
+                img {
+                    height: 20px;
+                }
+            }
+        }
+    }
+}
diff --git a/new-bithub-client/src/moderation-tabs/moderation-tabs.stache b/new-bithub-client/src/moderation-tabs/moderation-tabs.stache
new file mode 100644
index 0000000..2722ab4
--- /dev/null
+++ b/new-bithub-client/src/moderation-tabs/moderation-tabs.stache
@@ -0,0 +1,14 @@
+<ul class="list-unstyled">
+  <li><a href="{{moderationUrl 'pending'}}" {{#eq activeTab 'pending'}}class="active"{{/eq}}>
+    <img src="{{joinBase icon("pending")}}"> {{countFor('pending')}}
+  </a></li>
+  <li><a href="{{moderationUrl 'approved'}}" {{#eq activeTab 'approved'}} class="active"{{/eq}}>
+    <img src="{{joinBase icon("approved")}}"> {{countFor('approved')}}
+  </a></li>
+  <li><a href="{{moderationUrl 'starred'}}" {{#eq activeTab 'starred'}}class="active"{{/eq}}>
+    <img src="{{joinBase icon("starred")}}"> {{countFor('starred')}}
+  </a></li>
+  <li><a href="{{moderationUrl 'deleted'}}" {{#eq activeTab 'deleted'}}class="active"{{/eq}}>
+    <img src="{{joinBase icon("deleted")}}"> {{countFor('deleted')}}
+  </a></li>
+</ul>
diff --git a/new-bithub-client/src/slideout.js b/new-bithub-client/src/slideout.js
new file mode 100644
index 0000000..dd05ab9
--- /dev/null
+++ b/new-bithub-client/src/slideout.js
@@ -0,0 +1,28 @@
+import can from "can";
+import Slideout from "slideout/dist/slideout";
+
+can.Component.extend({
+	tag: 'bh-slideout',
+	events: {
+		inserted : function(){
+			setTimeout(()=> this.initSlideout(), 1);
+		},
+		'.toggle-button click' : function(){
+			if(this.slideout){
+				this.scope.attr('isOpen', !this.scope.attr('isOpen'));
+				this.slideout.toggle();
+			}
+		},
+		initSlideout : function(){
+			var self = this;
+			if(Slideout && self.element){
+				self.slideout = new Slideout({
+					'panel': self.element.find('#panel')[0],
+					'menu': self.element.find('#menu')[0],
+					'padding': 256,
+					'tolerance': 70
+				});
+			}
+		}
+	}
+});
diff --git a/new-bithub-client/src/styles.less b/new-bithub-client/src/styles.less
new file mode 100755
index 0000000..be98d73
--- /dev/null
+++ b/new-bithub-client/src/styles.less
@@ -0,0 +1,170 @@
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,700italic,400italic');
+@import "../node_modules/font-awesome/less/font-awesome.less";
+
+@fa-font-path:        "/new-bithub-client/node_modules/font-awesome/fonts";
+
+
+html {
+    height: 100%;
+}
+
+body {
+    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
+    font-weight: 400;
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    background: #f2f3f5;
+}
+
+.slideout-menu {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    z-index: 0;
+    width: 256px;
+    display: none;
+    background: #354c58;
+    bh-mobile-menu {
+        display: block;
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 90px;
+        top: 0;
+        overflow: hidden;
+        .list-wrap {
+            height: 100%;
+            overflow-x: hidden;
+            overflow-y: scroll !important;
+            -webkit-overflow-scrolling: touch;
+        }
+        ul {
+        }
+    }
+    .btn-switch-org, .btn-logout {
+        height: 45px;
+        color: white;
+        display: block;
+        line-height: 45px;
+        text-align: center;
+        position: absolute;
+        width: 256px;
+    }
+    .btn-switch-org {
+        bottom: 45px;
+        background: #354c58;
+    }
+    .btn-logout {
+        font-weight: 700;
+        bottom: 0;
+        background: #ae362c;
+    }
+}
+
+.slideout-panel {
+    position:relative;
+    z-index: 1;
+    background: #f2f3f5;
+    height: 100%;
+    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
+    overflow: hidden;
+    header {
+        background: #af372c;
+        height: 50px;
+        .toggle-button {
+            width: 60px;
+            float: left;
+            border: none;
+            border-right: 1px solid #dc4a41;
+            background: transparent;
+            color: white;
+            height: 50px;
+            line-height: 45px;
+            font-size: 18px;
+        }
+        h1 {
+            color: white;
+            margin: 0;
+            font-size: 20px;
+            float: left;
+            padding-left: 10px;
+            line-height: 50px;
+        }
+    }
+    bh-moderation-tabs {
+        position: absolute;
+        bottom: 0;
+        width: 100%;
+        box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
+    }
+    bh-moderation-panel {
+        position: absolute;
+        top: 50px;
+        bottom: 50px;
+        left: 0;
+        right: 0;
+    }
+}
+
+.slideout-open,
+.slideout-open body,
+.slideout-open .slideout-panel {
+    overflow: hidden;
+}
+
+.slideout-open .slideout-menu {
+    display: block;
+}
+.content-padding {
+    padding: 10px;
+}
+.organizations-wrap {
+    background: #f2f3f4;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 1000;
+    transition: all 0.3s;
+    -webkit-transform: translateX(100%);
+    transform: translateX(100%);
+    header {
+        background: white;
+        height: 50px;
+        line-height: 50px;
+        position: relative;
+        color: #827f82;
+        font-size: 16px;
+        .fa-chevron-left {
+            position: absolute;
+            color: #4493a5;
+            top: 17px;
+            left: 15px;
+            
+        }
+    }
+    .list-organizations {
+        margin-top: 15px;
+        li {
+            line-height: 50px;
+            padding: 0 40px;
+            border-bottom: 1px solid white;
+            color: #827f82;
+            font-size: 16px;
+            position: relative;
+            .fa-check {
+                position: absolute;
+                right: 30px;
+                top: 17px;
+            }
+        }
+    }
+}
+.organizations-wrap--open {
+    -webkit-transform: translateX(0);
+    transform: translateX(0);
+}
diff --git a/new-bithub-client/src/test.html b/new-bithub-client/src/test.html
new file mode 100755
index 0000000..27a3d6b
--- /dev/null
+++ b/new-bithub-client/src/test.html
@@ -0,0 +1,4 @@
+<title>bithub-client tests</title>
+<script>FuncUnit = { frameMode: true };</script>
+<script src="../node_modules/steal/steal.js" main="bithub-client/test/"></script>
+<div id="qunit-fixture"></div>
diff --git a/new-bithub-client/src/test/functional.js b/new-bithub-client/src/test/functional.js
new file mode 100755
index 0000000..15cc0e4
--- /dev/null
+++ b/new-bithub-client/src/test/functional.js
@@ -0,0 +1,14 @@
+import F from 'funcunit';
+import QUnit from 'steal-qunit';
+
+F.attach(QUnit);
+
+QUnit.module('bithub-client functional smoke test', {
+  beforeEach() {
+    F.open('../development.html');
+  }
+});
+
+QUnit.test('bithub-client main page shows up', function() {
+  F('title').text('bithub-client', 'Title is set');
+});
diff --git a/new-bithub-client/src/test/test.js b/new-bithub-client/src/test/test.js
new file mode 100755
index 0000000..9852dfe
--- /dev/null
+++ b/new-bithub-client/src/test/test.js
@@ -0,0 +1,4 @@
+import QUnit from 'steal-qunit';
+
+import 'bithub-client/models/test';
+import 'bithub-client/test/functional';
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..219ca37
--- /dev/null
+++ b/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "bithub-admin",
+  "version": "0.1.0",
+  "description": "",
+  "main": "bithub-social.js",
+  "scripts": {
+    "test": "./node_modules/.bin/testee --browsers firefox tests.html"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "bithub-embed": "^0.1.0",
+    "bootstrap": "3.3.0",
+    "can": "^2.3.0",
+    "chart.js": "1.0.2",
+    "font-awesome": "~4.4.0",
+    "jquery": "2.2.1",
+    "jquery.payment": "1.2.3",
+    "js-cookie": "^2.1.0",
+    "lodash-amd": "3.10.1",
+    "moment": "2.10.3",
+    "randomcolor": "0.4.3",
+    "selectize": "0.12.0",
+    "steal": "0.16.0",
+    "system-json": "^0.1.0"
+  },
+  "devDependencies": {
+    "steal-tools": "0.16.0",
+    "funcunit": "3.1.0-pre.1",
+    "steal-qunit": "0.1.1",
+    "testee": "0.2.5"
+  },
+  "system": {
+    "npmAlgorithm": "flat",
+    "configDependencies": [
+      "live-reload"
+    ]
+  }
+}
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 0000000..085187f
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,5 @@
+# See http://www.robotstxt.org/wc/norobots.html for documentation on how to use the robots.txt file
+#
+# To ban all spiders from the entire site uncomment the next two lines:
+# User-Agent: *
+# Disallow: /
diff --git a/site/fonts/bootstrap/glyphicons-halflings-regular.eot b/site/fonts/bootstrap/glyphicons-halflings-regular.eot
new file mode 100644
index 0000000..b93a495
Binary files /dev/null and b/site/fonts/bootstrap/glyphicons-halflings-regular.eot differ
diff --git a/site/fonts/bootstrap/glyphicons-halflings-regular.svg b/site/fonts/bootstrap/glyphicons-halflings-regular.svg
new file mode 100644
index 0000000..94fb549
--- /dev/null
+++ b/site/fonts/bootstrap/glyphicons-halflings-regular.svg
@@ -0,0 +1,288 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph horiz-adv-x="0" />
+<glyph horiz-adv-x="400" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M600 1100q15 0 34 -1.5t30 -3.5l11 -1q10 -2 17.5 -10.5t7.5 -18.5v-224l158 158q7 7 18 8t19 -6l106 -106q7 -8 6 -19t-8 -18l-158 -158h224q10 0 18.5 -7.5t10.5 -17.5q6 -41 6 -75q0 -15 -1.5 -34t-3.5 -30l-1 -11q-2 -10 -10.5 -17.5t-18.5 -7.5h-224l158 -158 q7 -7 8 -18t-6 -19l-106 -106q-8 -7 -19 -6t-18 8l-158 158v-224q0 -10 -7.5 -18.5t-17.5 -10.5q-41 -6 -75 -6q-15 0 -34 1.5t-30 3.5l-11 1q-10 2 -17.5 10.5t-7.5 18.5v224l-158 -158q-7 -7 -18 -8t-19 6l-106 106q-7 8 -6 19t8 18l158 158h-224q-10 0 -18.5 7.5 t-10.5 17.5q-6 41 -6 75q0 15 1.5 34t3.5 30l1 11q2 10 10.5 17.5t18.5 7.5h224l-158 158q-7 7 -8 18t6 19l106 106q8 7 19 6t18 -8l158 -158v224q0 10 7.5 18.5t17.5 10.5q41 6 75 6z" />
+<glyph unicode="+" d="M450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-350h350q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-350v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v350h-350q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5 h350v350q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xa0;" />
+<glyph unicode="&#xa5;" d="M825 1100h250q10 0 12.5 -5t-5.5 -13l-364 -364q-6 -6 -11 -18h268q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-100h275q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-125v-174q0 -11 -7.5 -18.5t-18.5 -7.5h-148q-11 0 -18.5 7.5t-7.5 18.5v174 h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h125v100h-275q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h118q-5 12 -11 18l-364 364q-8 8 -5.5 13t12.5 5h250q25 0 43 -18l164 -164q8 -8 18 -8t18 8l164 164q18 18 43 18z" />
+<glyph unicode="&#x2000;" horiz-adv-x="650" />
+<glyph unicode="&#x2001;" horiz-adv-x="1300" />
+<glyph unicode="&#x2002;" horiz-adv-x="650" />
+<glyph unicode="&#x2003;" horiz-adv-x="1300" />
+<glyph unicode="&#x2004;" horiz-adv-x="433" />
+<glyph unicode="&#x2005;" horiz-adv-x="325" />
+<glyph unicode="&#x2006;" horiz-adv-x="216" />
+<glyph unicode="&#x2007;" horiz-adv-x="216" />
+<glyph unicode="&#x2008;" horiz-adv-x="162" />
+<glyph unicode="&#x2009;" horiz-adv-x="260" />
+<glyph unicode="&#x200a;" horiz-adv-x="72" />
+<glyph unicode="&#x202f;" horiz-adv-x="260" />
+<glyph unicode="&#x205f;" horiz-adv-x="325" />
+<glyph unicode="&#x20ac;" d="M744 1198q242 0 354 -189q60 -104 66 -209h-181q0 45 -17.5 82.5t-43.5 61.5t-58 40.5t-60.5 24t-51.5 7.5q-19 0 -40.5 -5.5t-49.5 -20.5t-53 -38t-49 -62.5t-39 -89.5h379l-100 -100h-300q-6 -50 -6 -100h406l-100 -100h-300q9 -74 33 -132t52.5 -91t61.5 -54.5t59 -29 t47 -7.5q22 0 50.5 7.5t60.5 24.5t58 41t43.5 61t17.5 80h174q-30 -171 -128 -278q-107 -117 -274 -117q-206 0 -324 158q-36 48 -69 133t-45 204h-217l100 100h112q1 47 6 100h-218l100 100h134q20 87 51 153.5t62 103.5q117 141 297 141z" />
+<glyph unicode="&#x20bd;" d="M428 1200h350q67 0 120 -13t86 -31t57 -49.5t35 -56.5t17 -64.5t6.5 -60.5t0.5 -57v-16.5v-16.5q0 -36 -0.5 -57t-6.5 -61t-17 -65t-35 -57t-57 -50.5t-86 -31.5t-120 -13h-178l-2 -100h288q10 0 13 -6t-3 -14l-120 -160q-6 -8 -18 -14t-22 -6h-138v-175q0 -11 -5.5 -18 t-15.5 -7h-149q-10 0 -17.5 7.5t-7.5 17.5v175h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v100h-267q-10 0 -13 6t3 14l120 160q6 8 18 14t22 6h117v475q0 10 7.5 17.5t17.5 7.5zM600 1000v-300h203q64 0 86.5 33t22.5 119q0 84 -22.5 116t-86.5 32h-203z" />
+<glyph unicode="&#x2212;" d="M250 700h800q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#x231b;" d="M1000 1200v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-50v-100q0 -91 -49.5 -165.5t-130.5 -109.5q81 -35 130.5 -109.5t49.5 -165.5v-150h50q21 0 35.5 -14.5t14.5 -35.5v-150h-800v150q0 21 14.5 35.5t35.5 14.5h50v150q0 91 49.5 165.5t130.5 109.5q-81 35 -130.5 109.5 t-49.5 165.5v100h-50q-21 0 -35.5 14.5t-14.5 35.5v150h800zM400 1000v-100q0 -60 32.5 -109.5t87.5 -73.5q28 -12 44 -37t16 -55t-16 -55t-44 -37q-55 -24 -87.5 -73.5t-32.5 -109.5v-150h400v150q0 60 -32.5 109.5t-87.5 73.5q-28 12 -44 37t-16 55t16 55t44 37 q55 24 87.5 73.5t32.5 109.5v100h-400z" />
+<glyph unicode="&#x25fc;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#x2601;" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -206.5q0 -121 -85 -207.5t-205 -86.5h-750q-79 0 -135.5 57t-56.5 137q0 69 42.5 122.5t108.5 67.5q-2 12 -2 37q0 153 108 260.5t260 107.5z" />
+<glyph unicode="&#x26fa;" d="M774 1193.5q16 -9.5 20.5 -27t-5.5 -33.5l-136 -187l467 -746h30q20 0 35 -18.5t15 -39.5v-42h-1200v42q0 21 15 39.5t35 18.5h30l468 746l-135 183q-10 16 -5.5 34t20.5 28t34 5.5t28 -20.5l111 -148l112 150q9 16 27 20.5t34 -5zM600 200h377l-182 112l-195 534v-646z " />
+<glyph unicode="&#x2709;" d="M25 1100h1150q10 0 12.5 -5t-5.5 -13l-564 -567q-8 -8 -18 -8t-18 8l-564 567q-8 8 -5.5 13t12.5 5zM18 882l264 -264q8 -8 8 -18t-8 -18l-264 -264q-8 -8 -13 -5.5t-5 12.5v550q0 10 5 12.5t13 -5.5zM918 618l264 264q8 8 13 5.5t5 -12.5v-550q0 -10 -5 -12.5t-13 5.5 l-264 264q-8 8 -8 18t8 18zM818 482l364 -364q8 -8 5.5 -13t-12.5 -5h-1150q-10 0 -12.5 5t5.5 13l364 364q8 8 18 8t18 -8l164 -164q8 -8 18 -8t18 8l164 164q8 8 18 8t18 -8z" />
+<glyph unicode="&#x270f;" d="M1011 1210q19 0 33 -13l153 -153q13 -14 13 -33t-13 -33l-99 -92l-214 214l95 96q13 14 32 14zM1013 800l-615 -614l-214 214l614 614zM317 96l-333 -112l110 335z" />
+<glyph unicode="&#xe001;" d="M700 650v-550h250q21 0 35.5 -14.5t14.5 -35.5v-50h-800v50q0 21 14.5 35.5t35.5 14.5h250v550l-500 550h1200z" />
+<glyph unicode="&#xe002;" d="M368 1017l645 163q39 15 63 0t24 -49v-831q0 -55 -41.5 -95.5t-111.5 -63.5q-79 -25 -147 -4.5t-86 75t25.5 111.5t122.5 82q72 24 138 8v521l-600 -155v-606q0 -42 -44 -90t-109 -69q-79 -26 -147 -5.5t-86 75.5t25.5 111.5t122.5 82.5q72 24 138 7v639q0 38 14.5 59 t53.5 34z" />
+<glyph unicode="&#xe003;" d="M500 1191q100 0 191 -39t156.5 -104.5t104.5 -156.5t39 -191l-1 -2l1 -5q0 -141 -78 -262l275 -274q23 -26 22.5 -44.5t-22.5 -42.5l-59 -58q-26 -20 -46.5 -20t-39.5 20l-275 274q-119 -77 -261 -77l-5 1l-2 -1q-100 0 -191 39t-156.5 104.5t-104.5 156.5t-39 191 t39 191t104.5 156.5t156.5 104.5t191 39zM500 1022q-88 0 -162 -43t-117 -117t-43 -162t43 -162t117 -117t162 -43t162 43t117 117t43 162t-43 162t-117 117t-162 43z" />
+<glyph unicode="&#xe005;" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104z" />
+<glyph unicode="&#xe006;" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429z" />
+<glyph unicode="&#xe007;" d="M407 800l131 353q7 19 17.5 19t17.5 -19l129 -353h421q21 0 24 -8.5t-14 -20.5l-342 -249l130 -401q7 -20 -0.5 -25.5t-24.5 6.5l-343 246l-342 -247q-17 -12 -24.5 -6.5t-0.5 25.5l130 400l-347 251q-17 12 -14 20.5t23 8.5h429zM477 700h-240l197 -142l-74 -226 l193 139l195 -140l-74 229l192 140h-234l-78 211z" />
+<glyph unicode="&#xe008;" d="M600 1200q124 0 212 -88t88 -212v-250q0 -46 -31 -98t-69 -52v-75q0 -10 6 -21.5t15 -17.5l358 -230q9 -5 15 -16.5t6 -21.5v-93q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v93q0 10 6 21.5t15 16.5l358 230q9 6 15 17.5t6 21.5v75q-38 0 -69 52 t-31 98v250q0 124 88 212t212 88z" />
+<glyph unicode="&#xe009;" d="M25 1100h1150q10 0 17.5 -7.5t7.5 -17.5v-1050q0 -10 -7.5 -17.5t-17.5 -7.5h-1150q-10 0 -17.5 7.5t-7.5 17.5v1050q0 10 7.5 17.5t17.5 7.5zM100 1000v-100h100v100h-100zM875 1000h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5t17.5 -7.5h550 q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM1000 1000v-100h100v100h-100zM100 800v-100h100v100h-100zM1000 800v-100h100v100h-100zM100 600v-100h100v100h-100zM1000 600v-100h100v100h-100zM875 500h-550q-10 0 -17.5 -7.5t-7.5 -17.5v-350q0 -10 7.5 -17.5 t17.5 -7.5h550q10 0 17.5 7.5t7.5 17.5v350q0 10 -7.5 17.5t-17.5 7.5zM100 400v-100h100v100h-100zM1000 400v-100h100v100h-100zM100 200v-100h100v100h-100zM1000 200v-100h100v100h-100z" />
+<glyph unicode="&#xe010;" d="M50 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM50 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM650 500h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe011;" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM850 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 700h200q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM850 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5 t35.5 14.5z" />
+<glyph unicode="&#xe012;" d="M50 1100h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 1100h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200 q0 21 14.5 35.5t35.5 14.5zM50 700h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 700h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700 q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM50 300h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5zM450 300h700q21 0 35.5 -14.5t14.5 -35.5v-200 q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe013;" d="M465 477l571 571q8 8 18 8t17 -8l177 -177q8 -7 8 -17t-8 -18l-783 -784q-7 -8 -17.5 -8t-17.5 8l-384 384q-8 8 -8 18t8 17l177 177q7 8 17 8t18 -8l171 -171q7 -7 18 -7t18 7z" />
+<glyph unicode="&#xe014;" d="M904 1083l178 -179q8 -8 8 -18.5t-8 -17.5l-267 -268l267 -268q8 -7 8 -17.5t-8 -18.5l-178 -178q-8 -8 -18.5 -8t-17.5 8l-268 267l-268 -267q-7 -8 -17.5 -8t-18.5 8l-178 178q-8 8 -8 18.5t8 17.5l267 268l-267 268q-8 7 -8 17.5t8 18.5l178 178q8 8 18.5 8t17.5 -8 l268 -267l268 268q7 7 17.5 7t18.5 -7z" />
+<glyph unicode="&#xe015;" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM425 900h150q10 0 17.5 -7.5t7.5 -17.5v-75h75q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5 t-17.5 -7.5h-75v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-75q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v75q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe016;" d="M507 1177q98 0 187.5 -38.5t154.5 -103.5t103.5 -154.5t38.5 -187.5q0 -141 -78 -262l300 -299q8 -8 8 -18.5t-8 -18.5l-109 -108q-7 -8 -17.5 -8t-18.5 8l-300 299q-119 -77 -261 -77q-98 0 -188 38.5t-154.5 103t-103 154.5t-38.5 188t38.5 187.5t103 154.5 t154.5 103.5t188 38.5zM506.5 1023q-89.5 0 -165.5 -44t-120 -120.5t-44 -166t44 -165.5t120 -120t165.5 -44t166 44t120.5 120t44 165.5t-44 166t-120.5 120.5t-166 44zM325 800h350q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-350q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe017;" d="M550 1200h100q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM800 975v166q167 -62 272 -209.5t105 -331.5q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5 t-184.5 123t-123 184.5t-45.5 224q0 184 105 331.5t272 209.5v-166q-103 -55 -165 -155t-62 -220q0 -116 57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5q0 120 -62 220t-165 155z" />
+<glyph unicode="&#xe018;" d="M1025 1200h150q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM725 800h150q10 0 17.5 -7.5t7.5 -17.5v-750q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v750 q0 10 7.5 17.5t17.5 7.5zM425 500h150q10 0 17.5 -7.5t7.5 -17.5v-450q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v450q0 10 7.5 17.5t17.5 7.5zM125 300h150q10 0 17.5 -7.5t7.5 -17.5v-250q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5 v250q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe019;" d="M600 1174q33 0 74 -5l38 -152l5 -1q49 -14 94 -39l5 -2l134 80q61 -48 104 -105l-80 -134l3 -5q25 -44 39 -93l1 -6l152 -38q5 -43 5 -73q0 -34 -5 -74l-152 -38l-1 -6q-15 -49 -39 -93l-3 -5l80 -134q-48 -61 -104 -105l-134 81l-5 -3q-44 -25 -94 -39l-5 -2l-38 -151 q-43 -5 -74 -5q-33 0 -74 5l-38 151l-5 2q-49 14 -94 39l-5 3l-134 -81q-60 48 -104 105l80 134l-3 5q-25 45 -38 93l-2 6l-151 38q-6 42 -6 74q0 33 6 73l151 38l2 6q13 48 38 93l3 5l-80 134q47 61 105 105l133 -80l5 2q45 25 94 39l5 1l38 152q43 5 74 5zM600 815 q-89 0 -152 -63t-63 -151.5t63 -151.5t152 -63t152 63t63 151.5t-63 151.5t-152 63z" />
+<glyph unicode="&#xe020;" d="M500 1300h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-75h-1100v75q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5zM500 1200v-100h300v100h-300zM1100 900v-800q0 -41 -29.5 -70.5t-70.5 -29.5h-700q-41 0 -70.5 29.5t-29.5 70.5 v800h900zM300 800v-700h100v700h-100zM500 800v-700h100v700h-100zM700 800v-700h100v700h-100zM900 800v-700h100v700h-100z" />
+<glyph unicode="&#xe021;" d="M18 618l620 608q8 7 18.5 7t17.5 -7l608 -608q8 -8 5.5 -13t-12.5 -5h-175v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v375h-300v-375q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v575h-175q-10 0 -12.5 5t5.5 13z" />
+<glyph unicode="&#xe022;" d="M600 1200v-400q0 -41 29.5 -70.5t70.5 -29.5h300v-650q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5h450zM1000 800h-250q-21 0 -35.5 14.5t-14.5 35.5v250z" />
+<glyph unicode="&#xe023;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h50q10 0 17.5 -7.5t7.5 -17.5v-275h175q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe024;" d="M1300 0h-538l-41 400h-242l-41 -400h-538l431 1200h209l-21 -300h162l-20 300h208zM515 800l-27 -300h224l-27 300h-170z" />
+<glyph unicode="&#xe025;" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-450h191q20 0 25.5 -11.5t-7.5 -27.5l-327 -400q-13 -16 -32 -16t-32 16l-327 400q-13 16 -7.5 27.5t25.5 11.5h191v450q0 21 14.5 35.5t35.5 14.5zM1125 400h50q10 0 17.5 -7.5t7.5 -17.5v-350q0 -10 -7.5 -17.5t-17.5 -7.5 h-1050q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h50q10 0 17.5 -7.5t7.5 -17.5v-175h900v175q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe026;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM525 900h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -275q-13 -16 -32 -16t-32 16l-223 275q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z " />
+<glyph unicode="&#xe027;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM632 914l223 -275q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5l223 275q13 16 32 16 t32 -16z" />
+<glyph unicode="&#xe028;" d="M225 1200h750q10 0 19.5 -7t12.5 -17l186 -652q7 -24 7 -49v-425q0 -12 -4 -27t-9 -17q-12 -6 -37 -6h-1100q-12 0 -27 4t-17 8q-6 13 -6 38l1 425q0 25 7 49l185 652q3 10 12.5 17t19.5 7zM878 1000h-556q-10 0 -19 -7t-11 -18l-87 -450q-2 -11 4 -18t16 -7h150 q10 0 19.5 -7t11.5 -17l38 -152q2 -10 11.5 -17t19.5 -7h250q10 0 19.5 7t11.5 17l38 152q2 10 11.5 17t19.5 7h150q10 0 16 7t4 18l-87 450q-2 11 -11 18t-19 7z" />
+<glyph unicode="&#xe029;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM540 820l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
+<glyph unicode="&#xe030;" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-362q0 -10 -7.5 -17.5t-17.5 -7.5h-362q-11 0 -13 5.5t5 12.5l133 133q-109 76 -238 76q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5h150q0 -117 -45.5 -224 t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117z" />
+<glyph unicode="&#xe031;" d="M947 1060l135 135q7 7 12.5 5t5.5 -13v-361q0 -11 -7.5 -18.5t-18.5 -7.5h-361q-11 0 -13 5.5t5 12.5l134 134q-110 75 -239 75q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5h-150q0 117 45.5 224t123 184.5t184.5 123t224 45.5q192 0 347 -117zM1027 600h150 q0 -117 -45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5q-192 0 -348 118l-134 -134q-7 -8 -12.5 -5.5t-5.5 12.5v360q0 11 7.5 18.5t18.5 7.5h360q10 0 12.5 -5.5t-5.5 -12.5l-133 -133q110 -76 240 -76q116 0 214.5 57t155.5 155.5t57 214.5z" />
+<glyph unicode="&#xe032;" d="M125 1200h1050q10 0 17.5 -7.5t7.5 -17.5v-1150q0 -10 -7.5 -17.5t-17.5 -7.5h-1050q-10 0 -17.5 7.5t-7.5 17.5v1150q0 10 7.5 17.5t17.5 7.5zM1075 1000h-850q-10 0 -17.5 -7.5t-7.5 -17.5v-850q0 -10 7.5 -17.5t17.5 -7.5h850q10 0 17.5 7.5t7.5 17.5v850 q0 10 -7.5 17.5t-17.5 7.5zM325 900h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 900h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 700h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 700h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 500h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 500h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5zM325 300h50q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM525 300h450q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-450q-10 0 -17.5 7.5t-7.5 17.5v50 q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe033;" d="M900 800v200q0 83 -58.5 141.5t-141.5 58.5h-300q-82 0 -141 -59t-59 -141v-200h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h900q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-100zM400 800v150q0 21 15 35.5t35 14.5h200 q20 0 35 -14.5t15 -35.5v-150h-300z" />
+<glyph unicode="&#xe034;" d="M125 1100h50q10 0 17.5 -7.5t7.5 -17.5v-1075h-100v1075q0 10 7.5 17.5t17.5 7.5zM1075 1052q4 0 9 -2q16 -6 16 -23v-421q0 -6 -3 -12q-33 -59 -66.5 -99t-65.5 -58t-56.5 -24.5t-52.5 -6.5q-26 0 -57.5 6.5t-52.5 13.5t-60 21q-41 15 -63 22.5t-57.5 15t-65.5 7.5 q-85 0 -160 -57q-7 -5 -15 -5q-6 0 -11 3q-14 7 -14 22v438q22 55 82 98.5t119 46.5q23 2 43 0.5t43 -7t32.5 -8.5t38 -13t32.5 -11q41 -14 63.5 -21t57 -14t63.5 -7q103 0 183 87q7 8 18 8z" />
+<glyph unicode="&#xe035;" d="M600 1175q116 0 227 -49.5t192.5 -131t131 -192.5t49.5 -227v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v300q0 127 -70.5 231.5t-184.5 161.5t-245 57t-245 -57t-184.5 -161.5t-70.5 -231.5v-300q0 -10 -7.5 -17.5t-17.5 -7.5h-50 q-10 0 -17.5 7.5t-7.5 17.5v300q0 116 49.5 227t131 192.5t192.5 131t227 49.5zM220 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460q0 8 6 14t14 6zM820 500h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14v460 q0 8 6 14t14 6z" />
+<glyph unicode="&#xe036;" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM900 668l120 120q7 7 17 7t17 -7l34 -34q7 -7 7 -17t-7 -17l-120 -120l120 -120q7 -7 7 -17 t-7 -17l-34 -34q-7 -7 -17 -7t-17 7l-120 119l-120 -119q-7 -7 -17 -7t-17 7l-34 34q-7 7 -7 17t7 17l119 120l-119 120q-7 7 -7 17t7 17l34 34q7 8 17 8t17 -8z" />
+<glyph unicode="&#xe037;" d="M321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6 l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238q-6 8 -4.5 18t9.5 17l29 22q7 5 15 5z" />
+<glyph unicode="&#xe038;" d="M967 1004h3q11 -1 17 -10q135 -179 135 -396q0 -105 -34 -206.5t-98 -185.5q-7 -9 -17 -10h-3q-9 0 -16 6l-42 34q-8 6 -9 16t5 18q111 150 111 328q0 90 -29.5 176t-84.5 157q-6 9 -5 19t10 16l42 33q7 5 15 5zM321 814l258 172q9 6 15 2.5t6 -13.5v-750q0 -10 -6 -13.5 t-15 2.5l-258 172q-21 14 -46 14h-250q-10 0 -17.5 7.5t-7.5 17.5v350q0 10 7.5 17.5t17.5 7.5h250q25 0 46 14zM766 900h4q10 -1 16 -10q96 -129 96 -290q0 -154 -90 -281q-6 -9 -17 -10l-3 -1q-9 0 -16 6l-29 23q-7 7 -8.5 16.5t4.5 17.5q72 103 72 229q0 132 -78 238 q-6 8 -4.5 18.5t9.5 16.5l29 22q7 5 15 5z" />
+<glyph unicode="&#xe039;" d="M500 900h100v-100h-100v-100h-400v-100h-100v600h500v-300zM1200 700h-200v-100h200v-200h-300v300h-200v300h-100v200h600v-500zM100 1100v-300h300v300h-300zM800 1100v-300h300v300h-300zM300 900h-100v100h100v-100zM1000 900h-100v100h100v-100zM300 500h200v-500 h-500v500h200v100h100v-100zM800 300h200v-100h-100v-100h-200v100h-100v100h100v200h-200v100h300v-300zM100 400v-300h300v300h-300zM300 200h-100v100h100v-100zM1200 200h-100v100h100v-100zM700 0h-100v100h100v-100zM1200 0h-300v100h300v-100z" />
+<glyph unicode="&#xe040;" d="M100 200h-100v1000h100v-1000zM300 200h-100v1000h100v-1000zM700 200h-200v1000h200v-1000zM900 200h-100v1000h100v-1000zM1200 200h-200v1000h200v-1000zM400 0h-300v100h300v-100zM600 0h-100v91h100v-91zM800 0h-100v91h100v-91zM1100 0h-200v91h200v-91z" />
+<glyph unicode="&#xe041;" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
+<glyph unicode="&#xe042;" d="M500 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-682 682l1 475q0 10 7.5 17.5t17.5 7.5h474zM800 1200l682 -682q8 -8 8 -18t-8 -18l-464 -464q-8 -8 -18 -8t-18 8l-56 56l424 426l-700 700h150zM319.5 1024.5q-29.5 29.5 -71 29.5t-71 -29.5 t-29.5 -71.5t29.5 -71.5t71 -29.5t71 29.5t29.5 71.5t-29.5 71.5z" />
+<glyph unicode="&#xe043;" d="M300 1200h825q75 0 75 -75v-900q0 -25 -18 -43l-64 -64q-8 -8 -13 -5.5t-5 12.5v950q0 10 -7.5 17.5t-17.5 7.5h-700q-25 0 -43 -18l-64 -64q-8 -8 -5.5 -13t12.5 -5h700q10 0 17.5 -7.5t7.5 -17.5v-950q0 -10 -7.5 -17.5t-17.5 -7.5h-850q-10 0 -17.5 7.5t-7.5 17.5v975 q0 25 18 43l139 139q18 18 43 18z" />
+<glyph unicode="&#xe044;" d="M250 1200h800q21 0 35.5 -14.5t14.5 -35.5v-1150l-450 444l-450 -445v1151q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe045;" d="M822 1200h-444q-11 0 -19 -7.5t-9 -17.5l-78 -301q-7 -24 7 -45l57 -108q6 -9 17.5 -15t21.5 -6h450q10 0 21.5 6t17.5 15l62 108q14 21 7 45l-83 301q-1 10 -9 17.5t-19 7.5zM1175 800h-150q-10 0 -21 -6.5t-15 -15.5l-78 -156q-4 -9 -15 -15.5t-21 -6.5h-550 q-10 0 -21 6.5t-15 15.5l-78 156q-4 9 -15 15.5t-21 6.5h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-650q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h750q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5 t7.5 17.5v650q0 10 -7.5 17.5t-17.5 7.5zM850 200h-500q-10 0 -19.5 -7t-11.5 -17l-38 -152q-2 -10 3.5 -17t15.5 -7h600q10 0 15.5 7t3.5 17l-38 152q-2 10 -11.5 17t-19.5 7z" />
+<glyph unicode="&#xe046;" d="M500 1100h200q56 0 102.5 -20.5t72.5 -50t44 -59t25 -50.5l6 -20h150q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5h150q2 8 6.5 21.5t24 48t45 61t72 48t102.5 21.5zM900 800v-100 h100v100h-100zM600 730q-95 0 -162.5 -67.5t-67.5 -162.5t67.5 -162.5t162.5 -67.5t162.5 67.5t67.5 162.5t-67.5 162.5t-162.5 67.5zM600 603q43 0 73 -30t30 -73t-30 -73t-73 -30t-73 30t-30 73t30 73t73 30z" />
+<glyph unicode="&#xe047;" d="M681 1199l385 -998q20 -50 60 -92q18 -19 36.5 -29.5t27.5 -11.5l10 -2v-66h-417v66q53 0 75 43.5t5 88.5l-82 222h-391q-58 -145 -92 -234q-11 -34 -6.5 -57t25.5 -37t46 -20t55 -6v-66h-365v66q56 24 84 52q12 12 25 30.5t20 31.5l7 13l399 1006h93zM416 521h340 l-162 457z" />
+<glyph unicode="&#xe048;" d="M753 641q5 -1 14.5 -4.5t36 -15.5t50.5 -26.5t53.5 -40t50.5 -54.5t35.5 -70t14.5 -87q0 -67 -27.5 -125.5t-71.5 -97.5t-98.5 -66.5t-108.5 -40.5t-102 -13h-500v89q41 7 70.5 32.5t29.5 65.5v827q0 24 -0.5 34t-3.5 24t-8.5 19.5t-17 13.5t-28 12.5t-42.5 11.5v71 l471 -1q57 0 115.5 -20.5t108 -57t80.5 -94t31 -124.5q0 -51 -15.5 -96.5t-38 -74.5t-45 -50.5t-38.5 -30.5zM400 700h139q78 0 130.5 48.5t52.5 122.5q0 41 -8.5 70.5t-29.5 55.5t-62.5 39.5t-103.5 13.5h-118v-350zM400 200h216q80 0 121 50.5t41 130.5q0 90 -62.5 154.5 t-156.5 64.5h-159v-400z" />
+<glyph unicode="&#xe049;" d="M877 1200l2 -57q-83 -19 -116 -45.5t-40 -66.5l-132 -839q-9 -49 13 -69t96 -26v-97h-500v97q186 16 200 98l173 832q3 17 3 30t-1.5 22.5t-9 17.5t-13.5 12.5t-21.5 10t-26 8.5t-33.5 10q-13 3 -19 5v57h425z" />
+<glyph unicode="&#xe050;" d="M1300 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM175 1000h-75v-800h75l-125 -167l-125 167h75v800h-75l125 167z" />
+<glyph unicode="&#xe051;" d="M1100 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-650q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v650h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM1167 50l-167 -125v75h-800v-75l-167 125l167 125v-75h800v75z" />
+<glyph unicode="&#xe052;" d="M50 1100h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe053;" d="M250 1100h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM250 500h700q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe054;" d="M500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000 q-21 0 -35.5 14.5t-14.5 35.5zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5zM0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe055;" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 800h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 500h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe056;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 1100h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 800h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 500h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 500h800q21 0 35.5 -14.5t14.5 -35.5v-100 q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM350 200h800 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe057;" d="M400 0h-100v1100h100v-1100zM550 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM267 550l-167 -125v75h-200v100h200v75zM550 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM550 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe058;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM900 0h-100v1100h100v-1100zM50 800h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM1100 600h200v-100h-200v-75l-167 125l167 125v-75zM50 500h300q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5zM50 200h600 q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-600q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe059;" d="M75 1000h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53v650q0 31 22 53t53 22zM1200 300l-300 300l300 300v-600z" />
+<glyph unicode="&#xe060;" d="M44 1100h1112q18 0 31 -13t13 -31v-1012q0 -18 -13 -31t-31 -13h-1112q-18 0 -31 13t-13 31v1012q0 18 13 31t31 13zM100 1000v-737l247 182l298 -131l-74 156l293 318l236 -288v500h-1000zM342 884q56 0 95 -39t39 -94.5t-39 -95t-95 -39.5t-95 39.5t-39 95t39 94.5 t95 39z" />
+<glyph unicode="&#xe062;" d="M648 1169q117 0 216 -60t156.5 -161t57.5 -218q0 -115 -70 -258q-69 -109 -158 -225.5t-143 -179.5l-54 -62q-9 8 -25.5 24.5t-63.5 67.5t-91 103t-98.5 128t-95.5 148q-60 132 -60 249q0 88 34 169.5t91.5 142t137 96.5t166.5 36zM652.5 974q-91.5 0 -156.5 -65 t-65 -157t65 -156.5t156.5 -64.5t156.5 64.5t65 156.5t-65 157t-156.5 65z" />
+<glyph unicode="&#xe063;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 173v854q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57z" />
+<glyph unicode="&#xe064;" d="M554 1295q21 -72 57.5 -143.5t76 -130t83 -118t82.5 -117t70 -116t49.5 -126t18.5 -136.5q0 -71 -25.5 -135t-68.5 -111t-99 -82t-118.5 -54t-125.5 -23q-84 5 -161.5 34t-139.5 78.5t-99 125t-37 164.5q0 69 18 136.5t49.5 126.5t69.5 116.5t81.5 117.5t83.5 119 t76.5 131t58.5 143zM344 710q-23 -33 -43.5 -70.5t-40.5 -102.5t-17 -123q1 -37 14.5 -69.5t30 -52t41 -37t38.5 -24.5t33 -15q21 -7 32 -1t13 22l6 34q2 10 -2.5 22t-13.5 19q-5 4 -14 12t-29.5 40.5t-32.5 73.5q-26 89 6 271q2 11 -6 11q-8 1 -15 -10z" />
+<glyph unicode="&#xe065;" d="M1000 1013l108 115q2 1 5 2t13 2t20.5 -1t25 -9.5t28.5 -21.5q22 -22 27 -43t0 -32l-6 -10l-108 -115zM350 1100h400q50 0 105 -13l-187 -187h-368q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v182l200 200v-332 q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM1009 803l-362 -362l-161 -50l55 170l355 355z" />
+<glyph unicode="&#xe066;" d="M350 1100h361q-164 -146 -216 -200h-195q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-103q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M824 1073l339 -301q8 -7 8 -17.5t-8 -17.5l-340 -306q-7 -6 -12.5 -4t-6.5 11v203q-26 1 -54.5 0t-78.5 -7.5t-92 -17.5t-86 -35t-70 -57q10 59 33 108t51.5 81.5t65 58.5t68.5 40.5t67 24.5t56 13.5t40 4.5v210q1 10 6.5 12.5t13.5 -4.5z" />
+<glyph unicode="&#xe067;" d="M350 1100h350q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-219q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5z M643 639l395 395q7 7 17.5 7t17.5 -7l101 -101q7 -7 7 -17.5t-7 -17.5l-531 -532q-7 -7 -17.5 -7t-17.5 7l-248 248q-7 7 -7 17.5t7 17.5l101 101q7 7 17.5 7t17.5 -7l111 -111q8 -7 18 -7t18 7z" />
+<glyph unicode="&#xe068;" d="M318 918l264 264q8 8 18 8t18 -8l260 -264q7 -8 4.5 -13t-12.5 -5h-170v-200h200v173q0 10 5 12t13 -5l264 -260q8 -7 8 -17.5t-8 -17.5l-264 -265q-8 -7 -13 -5t-5 12v173h-200v-200h170q10 0 12.5 -5t-4.5 -13l-260 -264q-8 -8 -18 -8t-18 8l-264 264q-8 8 -5.5 13 t12.5 5h175v200h-200v-173q0 -10 -5 -12t-13 5l-264 265q-8 7 -8 17.5t8 17.5l264 260q8 7 13 5t5 -12v-173h200v200h-175q-10 0 -12.5 5t5.5 13z" />
+<glyph unicode="&#xe069;" d="M250 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe070;" d="M50 1100h100q21 0 35.5 -14.5t14.5 -35.5v-438l464 453q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5 t-14.5 35.5v1000q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe071;" d="M1200 1050v-1000q0 -21 -10.5 -25t-25.5 10l-464 453v-438q0 -21 -10.5 -25t-25.5 10l-492 480q-15 14 -15 35t15 35l492 480q15 14 25.5 10t10.5 -25v-438l464 453q15 14 25.5 10t10.5 -25z" />
+<glyph unicode="&#xe072;" d="M243 1074l814 -498q18 -11 18 -26t-18 -26l-814 -498q-18 -11 -30.5 -4t-12.5 28v1000q0 21 12.5 28t30.5 -4z" />
+<glyph unicode="&#xe073;" d="M250 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM650 1000h200q21 0 35.5 -14.5t14.5 -35.5v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v800 q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe074;" d="M1100 950v-800q0 -21 -14.5 -35.5t-35.5 -14.5h-800q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5z" />
+<glyph unicode="&#xe075;" d="M500 612v438q0 21 10.5 25t25.5 -10l492 -480q15 -14 15 -35t-15 -35l-492 -480q-15 -14 -25.5 -10t-10.5 25v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10z" />
+<glyph unicode="&#xe076;" d="M1048 1102l100 1q20 0 35 -14.5t15 -35.5l5 -1000q0 -21 -14.5 -35.5t-35.5 -14.5l-100 -1q-21 0 -35.5 14.5t-14.5 35.5l-2 437l-463 -454q-14 -15 -24.5 -10.5t-10.5 25.5l-2 437l-462 -455q-15 -14 -25.5 -9.5t-10.5 24.5l-5 1000q0 21 10.5 25.5t25.5 -10.5l466 -450 l-2 438q0 20 10.5 24.5t25.5 -9.5l466 -451l-2 438q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe077;" d="M850 1100h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-464 -453q-15 -14 -25.5 -10t-10.5 25v1000q0 21 10.5 25t25.5 -10l464 -453v438q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe078;" d="M686 1081l501 -540q15 -15 10.5 -26t-26.5 -11h-1042q-22 0 -26.5 11t10.5 26l501 540q15 15 36 15t36 -15zM150 400h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe079;" d="M885 900l-352 -353l352 -353l-197 -198l-552 552l552 550z" />
+<glyph unicode="&#xe080;" d="M1064 547l-551 -551l-198 198l353 353l-353 353l198 198z" />
+<glyph unicode="&#xe081;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM650 900h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-150 q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5h150v-150q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v150h150q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-150v150q0 21 -14.5 35.5t-35.5 14.5z" />
+<glyph unicode="&#xe082;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM850 700h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5 t35.5 -14.5h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5z" />
+<glyph unicode="&#xe083;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM741.5 913q-12.5 0 -21.5 -9l-120 -120l-120 120q-9 9 -21.5 9 t-21.5 -9l-141 -141q-9 -9 -9 -21.5t9 -21.5l120 -120l-120 -120q-9 -9 -9 -21.5t9 -21.5l141 -141q9 -9 21.5 -9t21.5 9l120 120l120 -120q9 -9 21.5 -9t21.5 9l141 141q9 9 9 21.5t-9 21.5l-120 120l120 120q9 9 9 21.5t-9 21.5l-141 141q-9 9 -21.5 9z" />
+<glyph unicode="&#xe084;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM546 623l-84 85q-7 7 -17.5 7t-18.5 -7l-139 -139q-7 -8 -7 -18t7 -18 l242 -241q7 -8 17.5 -8t17.5 8l375 375q7 7 7 17.5t-7 18.5l-139 139q-7 7 -17.5 7t-17.5 -7z" />
+<glyph unicode="&#xe085;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM588 941q-29 0 -59 -5.5t-63 -20.5t-58 -38.5t-41.5 -63t-16.5 -89.5 q0 -25 20 -25h131q30 -5 35 11q6 20 20.5 28t45.5 8q20 0 31.5 -10.5t11.5 -28.5q0 -23 -7 -34t-26 -18q-1 0 -13.5 -4t-19.5 -7.5t-20 -10.5t-22 -17t-18.5 -24t-15.5 -35t-8 -46q-1 -8 5.5 -16.5t20.5 -8.5h173q7 0 22 8t35 28t37.5 48t29.5 74t12 100q0 47 -17 83 t-42.5 57t-59.5 34.5t-64 18t-59 4.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe086;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM675 1000h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5 t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5zM675 700h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h75v-200h-75q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h350q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5 t-17.5 7.5h-75v275q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe087;" d="M525 1200h150q10 0 17.5 -7.5t7.5 -17.5v-194q103 -27 178.5 -102.5t102.5 -178.5h194q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-194q-27 -103 -102.5 -178.5t-178.5 -102.5v-194q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v194 q-103 27 -178.5 102.5t-102.5 178.5h-194q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h194q27 103 102.5 178.5t178.5 102.5v194q0 10 7.5 17.5t17.5 7.5zM700 893v-168q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v168q-68 -23 -119 -74 t-74 -119h168q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-168q23 -68 74 -119t119 -74v168q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-168q68 23 119 74t74 119h-168q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h168 q-23 68 -74 119t-119 74z" />
+<glyph unicode="&#xe088;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM759 823l64 -64q7 -7 7 -17.5t-7 -17.5l-124 -124l124 -124q7 -7 7 -17.5t-7 -17.5l-64 -64q-7 -7 -17.5 -7t-17.5 7l-124 124l-124 -124q-7 -7 -17.5 -7t-17.5 7l-64 64 q-7 7 -7 17.5t7 17.5l124 124l-124 124q-7 7 -7 17.5t7 17.5l64 64q7 7 17.5 7t17.5 -7l124 -124l124 124q7 7 17.5 7t17.5 -7z" />
+<glyph unicode="&#xe089;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5t57 -214.5 t155.5 -155.5t214.5 -57t214.5 57t155.5 155.5t57 214.5t-57 214.5t-155.5 155.5t-214.5 57zM782 788l106 -106q7 -7 7 -17.5t-7 -17.5l-320 -321q-8 -7 -18 -7t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l197 197q7 7 17.5 7t17.5 -7z" />
+<glyph unicode="&#xe090;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM600 1027q-116 0 -214.5 -57t-155.5 -155.5t-57 -214.5q0 -120 65 -225 l587 587q-105 65 -225 65zM965 819l-584 -584q104 -62 219 -62q116 0 214.5 57t155.5 155.5t57 214.5q0 115 -62 219z" />
+<glyph unicode="&#xe091;" d="M39 582l522 427q16 13 27.5 8t11.5 -26v-291h550q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-550v-291q0 -21 -11.5 -26t-27.5 8l-522 427q-16 13 -16 32t16 32z" />
+<glyph unicode="&#xe092;" d="M639 1009l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291h-550q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h550v291q0 21 11.5 26t27.5 -8z" />
+<glyph unicode="&#xe093;" d="M682 1161l427 -522q13 -16 8 -27.5t-26 -11.5h-291v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v550h-291q-21 0 -26 11.5t8 27.5l427 522q13 16 32 16t32 -16z" />
+<glyph unicode="&#xe094;" d="M550 1200h200q21 0 35.5 -14.5t14.5 -35.5v-550h291q21 0 26 -11.5t-8 -27.5l-427 -522q-13 -16 -32 -16t-32 16l-427 522q-13 16 -8 27.5t26 11.5h291v550q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe095;" d="M639 1109l522 -427q16 -13 16 -32t-16 -32l-522 -427q-16 -13 -27.5 -8t-11.5 26v291q-94 -2 -182 -20t-170.5 -52t-147 -92.5t-100.5 -135.5q5 105 27 193.5t67.5 167t113 135t167 91.5t225.5 42v262q0 21 11.5 26t27.5 -8z" />
+<glyph unicode="&#xe096;" d="M850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5zM350 0h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249 q8 7 18 7t18 -7l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5z" />
+<glyph unicode="&#xe097;" d="M1014 1120l106 -106q7 -8 7 -18t-7 -18l-249 -249l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l249 249q8 7 18 7t18 -7zM250 600h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-249 -249q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l249 249l-94 94q-14 14 -10 24.5t25 10.5z" />
+<glyph unicode="&#xe101;" d="M600 1177q117 0 224 -45.5t184.5 -123t123 -184.5t45.5 -224t-45.5 -224t-123 -184.5t-184.5 -123t-224 -45.5t-224 45.5t-184.5 123t-123 184.5t-45.5 224t45.5 224t123 184.5t184.5 123t224 45.5zM704 900h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5 t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM675 400h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe102;" d="M260 1200q9 0 19 -2t15 -4l5 -2q22 -10 44 -23l196 -118q21 -13 36 -24q29 -21 37 -12q11 13 49 35l196 118q22 13 45 23q17 7 38 7q23 0 47 -16.5t37 -33.5l13 -16q14 -21 18 -45l25 -123l8 -44q1 -9 8.5 -14.5t17.5 -5.5h61q10 0 17.5 -7.5t7.5 -17.5v-50 q0 -10 -7.5 -17.5t-17.5 -7.5h-50q-10 0 -17.5 -7.5t-7.5 -17.5v-175h-400v300h-200v-300h-400v175q0 10 -7.5 17.5t-17.5 7.5h-50q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5h61q11 0 18 3t7 8q0 4 9 52l25 128q5 25 19 45q2 3 5 7t13.5 15t21.5 19.5t26.5 15.5 t29.5 7zM915 1079l-166 -162q-7 -7 -5 -12t12 -5h219q10 0 15 7t2 17l-51 149q-3 10 -11 12t-15 -6zM463 917l-177 157q-8 7 -16 5t-11 -12l-51 -143q-3 -10 2 -17t15 -7h231q11 0 12.5 5t-5.5 12zM500 0h-375q-10 0 -17.5 7.5t-7.5 17.5v375h400v-400zM1100 400v-375 q0 -10 -7.5 -17.5t-17.5 -7.5h-375v400h400z" />
+<glyph unicode="&#xe103;" d="M1165 1190q8 3 21 -6.5t13 -17.5q-2 -178 -24.5 -323.5t-55.5 -245.5t-87 -174.5t-102.5 -118.5t-118 -68.5t-118.5 -33t-120 -4.5t-105 9.5t-90 16.5q-61 12 -78 11q-4 1 -12.5 0t-34 -14.5t-52.5 -40.5l-153 -153q-26 -24 -37 -14.5t-11 43.5q0 64 42 102q8 8 50.5 45 t66.5 58q19 17 35 47t13 61q-9 55 -10 102.5t7 111t37 130t78 129.5q39 51 80 88t89.5 63.5t94.5 45t113.5 36t129 31t157.5 37t182 47.5zM1116 1098q-8 9 -22.5 -3t-45.5 -50q-38 -47 -119 -103.5t-142 -89.5l-62 -33q-56 -30 -102 -57t-104 -68t-102.5 -80.5t-85.5 -91 t-64 -104.5q-24 -56 -31 -86t2 -32t31.5 17.5t55.5 59.5q25 30 94 75.5t125.5 77.5t147.5 81q70 37 118.5 69t102 79.5t99 111t86.5 148.5q22 50 24 60t-6 19z" />
+<glyph unicode="&#xe104;" d="M653 1231q-39 -67 -54.5 -131t-10.5 -114.5t24.5 -96.5t47.5 -80t63.5 -62.5t68.5 -46.5t65 -30q-4 7 -17.5 35t-18.5 39.5t-17 39.5t-17 43t-13 42t-9.5 44.5t-2 42t4 43t13.5 39t23 38.5q96 -42 165 -107.5t105 -138t52 -156t13 -159t-19 -149.5q-13 -55 -44 -106.5 t-68 -87t-78.5 -64.5t-72.5 -45t-53 -22q-72 -22 -127 -11q-31 6 -13 19q6 3 17 7q13 5 32.5 21t41 44t38.5 63.5t21.5 81.5t-6.5 94.5t-50 107t-104 115.5q10 -104 -0.5 -189t-37 -140.5t-65 -93t-84 -52t-93.5 -11t-95 24.5q-80 36 -131.5 114t-53.5 171q-2 23 0 49.5 t4.5 52.5t13.5 56t27.5 60t46 64.5t69.5 68.5q-8 -53 -5 -102.5t17.5 -90t34 -68.5t44.5 -39t49 -2q31 13 38.5 36t-4.5 55t-29 64.5t-36 75t-26 75.5q-15 85 2 161.5t53.5 128.5t85.5 92.5t93.5 61t81.5 25.5z" />
+<glyph unicode="&#xe105;" d="M600 1094q82 0 160.5 -22.5t140 -59t116.5 -82.5t94.5 -95t68 -95t42.5 -82.5t14 -57.5t-14 -57.5t-43 -82.5t-68.5 -95t-94.5 -95t-116.5 -82.5t-140 -59t-159.5 -22.5t-159.5 22.5t-140 59t-116.5 82.5t-94.5 95t-68.5 95t-43 82.5t-14 57.5t14 57.5t42.5 82.5t68 95 t94.5 95t116.5 82.5t140 59t160.5 22.5zM888 829q-15 15 -18 12t5 -22q25 -57 25 -119q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 59 23 114q8 19 4.5 22t-17.5 -12q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q22 -36 47 -71t70 -82t92.5 -81t113 -58.5t133.5 -24.5 t133.5 24t113 58.5t92.5 81.5t70 81.5t47 70.5q11 18 9 42.5t-14 41.5q-90 117 -163 189zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l35 34q14 15 12.5 33.5t-16.5 33.5q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
+<glyph unicode="&#xe106;" d="M592 0h-148l31 120q-91 20 -175.5 68.5t-143.5 106.5t-103.5 119t-66.5 110t-22 76q0 21 14 57.5t42.5 82.5t68 95t94.5 95t116.5 82.5t140 59t160.5 22.5q61 0 126 -15l32 121h148zM944 770l47 181q108 -85 176.5 -192t68.5 -159q0 -26 -19.5 -71t-59.5 -102t-93 -112 t-129 -104.5t-158 -75.5l46 173q77 49 136 117t97 131q11 18 9 42.5t-14 41.5q-54 70 -107 130zM310 824q-70 -69 -160 -184q-13 -16 -15 -40.5t9 -42.5q18 -30 39 -60t57 -70.5t74 -73t90 -61t105 -41.5l41 154q-107 18 -178.5 101.5t-71.5 193.5q0 59 23 114q8 19 4.5 22 t-17.5 -12zM448 727l-35 -36q-15 -15 -19.5 -38.5t4.5 -41.5q37 -68 93 -116q16 -13 38.5 -11t36.5 17l12 11l22 86l-3 4q-44 44 -89 117q-11 18 -28 20t-32 -12z" />
+<glyph unicode="&#xe107;" d="M-90 100l642 1066q20 31 48 28.5t48 -35.5l642 -1056q21 -32 7.5 -67.5t-50.5 -35.5h-1294q-37 0 -50.5 34t7.5 66zM155 200h345v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h345l-445 723zM496 700h208q20 0 32 -14.5t8 -34.5l-58 -252 q-4 -20 -21.5 -34.5t-37.5 -14.5h-54q-20 0 -37.5 14.5t-21.5 34.5l-58 252q-4 20 8 34.5t32 14.5z" />
+<glyph unicode="&#xe108;" d="M650 1200q62 0 106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -93 100 -113v-64q0 -21 -13 -29t-32 1l-205 128l-205 -128q-19 -9 -32 -1t-13 29v64q0 20 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5v41 q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44z" />
+<glyph unicode="&#xe109;" d="M850 1200h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-150h-1100v150q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-50h500v50q0 21 14.5 35.5t35.5 14.5zM1100 800v-750q0 -21 -14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v750h1100zM100 600v-100h100v100h-100zM300 600v-100h100v100h-100zM500 600v-100h100v100h-100zM700 600v-100h100v100h-100zM900 600v-100h100v100h-100zM100 400v-100h100v100h-100zM300 400v-100h100v100h-100zM500 400 v-100h100v100h-100zM700 400v-100h100v100h-100zM900 400v-100h100v100h-100zM100 200v-100h100v100h-100zM300 200v-100h100v100h-100zM500 200v-100h100v100h-100zM700 200v-100h100v100h-100zM900 200v-100h100v100h-100z" />
+<glyph unicode="&#xe110;" d="M1135 1165l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-159l-600 -600h-291q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h209l600 600h241v150q0 21 10.5 25t24.5 -10zM522 819l-141 -141l-122 122h-209q-21 0 -35.5 14.5 t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h291zM1135 565l249 -230q15 -14 15 -35t-15 -35l-249 -230q-14 -14 -24.5 -10t-10.5 25v150h-241l-181 181l141 141l122 -122h159v150q0 21 10.5 25t24.5 -10z" />
+<glyph unicode="&#xe111;" d="M100 1100h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5v600q0 41 29.5 70.5t70.5 29.5z" />
+<glyph unicode="&#xe112;" d="M150 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM850 1200h200q21 0 35.5 -14.5t14.5 -35.5v-250h-300v250q0 21 14.5 35.5t35.5 14.5zM1100 800v-300q0 -41 -3 -77.5t-15 -89.5t-32 -96t-58 -89t-89 -77t-129 -51t-174 -20t-174 20 t-129 51t-89 77t-58 89t-32 96t-15 89.5t-3 77.5v300h300v-250v-27v-42.5t1.5 -41t5 -38t10 -35t16.5 -30t25.5 -24.5t35 -19t46.5 -12t60 -4t60 4.5t46.5 12.5t35 19.5t25 25.5t17 30.5t10 35t5 38t2 40.5t-0.5 42v25v250h300z" />
+<glyph unicode="&#xe113;" d="M1100 411l-198 -199l-353 353l-353 -353l-197 199l551 551z" />
+<glyph unicode="&#xe114;" d="M1101 789l-550 -551l-551 551l198 199l353 -353l353 353z" />
+<glyph unicode="&#xe115;" d="M404 1000h746q21 0 35.5 -14.5t14.5 -35.5v-551h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v401h-381zM135 984l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-400h385l215 -200h-750q-21 0 -35.5 14.5 t-14.5 35.5v550h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe116;" d="M56 1200h94q17 0 31 -11t18 -27l38 -162h896q24 0 39 -18.5t10 -42.5l-100 -475q-5 -21 -27 -42.5t-55 -21.5h-633l48 -200h535q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-50q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-300v-50 q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v50h-31q-18 0 -32.5 10t-20.5 19l-5 10l-201 961h-54q-20 0 -35 14.5t-15 35.5t15 35.5t35 14.5z" />
+<glyph unicode="&#xe117;" d="M1200 1000v-100h-1200v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500zM0 800h1200v-800h-1200v800z" />
+<glyph unicode="&#xe118;" d="M200 800l-200 -400v600h200q0 41 29.5 70.5t70.5 29.5h300q42 0 71 -29.5t29 -70.5h500v-200h-1000zM1500 700l-300 -700h-1200l300 700h1200z" />
+<glyph unicode="&#xe119;" d="M635 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-601h150q21 0 25 -10.5t-10 -24.5l-230 -249q-14 -15 -35 -15t-35 15l-230 249q-14 14 -10 24.5t25 10.5h150v601h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe120;" d="M936 864l249 -229q14 -15 14 -35.5t-14 -35.5l-249 -229q-15 -15 -25.5 -10.5t-10.5 24.5v151h-600v-151q0 -20 -10.5 -24.5t-25.5 10.5l-249 229q-14 15 -14 35.5t14 35.5l249 229q15 15 25.5 10.5t10.5 -25.5v-149h600v149q0 21 10.5 25.5t25.5 -10.5z" />
+<glyph unicode="&#xe121;" d="M1169 400l-172 732q-5 23 -23 45.5t-38 22.5h-672q-20 0 -38 -20t-23 -41l-172 -739h1138zM1100 300h-1000q-41 0 -70.5 -29.5t-29.5 -70.5v-100q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v100q0 41 -29.5 70.5t-70.5 29.5zM800 100v100h100v-100h-100 zM1000 100v100h100v-100h-100z" />
+<glyph unicode="&#xe122;" d="M1150 1100q21 0 35.5 -14.5t14.5 -35.5v-850q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v850q0 21 14.5 35.5t35.5 14.5zM1000 200l-675 200h-38l47 -276q3 -16 -5.5 -20t-29.5 -4h-7h-84q-20 0 -34.5 14t-18.5 35q-55 337 -55 351v250v6q0 16 1 23.5t6.5 14 t17.5 6.5h200l675 250v-850zM0 750v-250q-4 0 -11 0.5t-24 6t-30 15t-24 30t-11 48.5v50q0 26 10.5 46t25 30t29 16t25.5 7z" />
+<glyph unicode="&#xe123;" d="M553 1200h94q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q19 0 33 -14.5t14 -35t-13 -40.5t-31 -27q-8 -4 -23 -9.5t-65 -19.5t-103 -25t-132.5 -20t-158.5 -9q-57 0 -115 5t-104 12t-88.5 15.5t-73.5 17.5t-54.5 16t-35.5 12l-11 4 q-18 8 -31 28t-13 40.5t14 35t33 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3.5 32t28.5 13zM498 110q50 -6 102 -6q53 0 102 6q-12 -49 -39.5 -79.5t-62.5 -30.5t-63 30.5t-39 79.5z" />
+<glyph unicode="&#xe124;" d="M800 946l224 78l-78 -224l234 -45l-180 -155l180 -155l-234 -45l78 -224l-224 78l-45 -234l-155 180l-155 -180l-45 234l-224 -78l78 224l-234 45l180 155l-180 155l234 45l-78 224l224 -78l45 234l155 -180l155 180z" />
+<glyph unicode="&#xe125;" d="M650 1200h50q40 0 70 -40.5t30 -84.5v-150l-28 -125h328q40 0 70 -40.5t30 -84.5v-100q0 -45 -29 -74l-238 -344q-16 -24 -38 -40.5t-45 -16.5h-250q-7 0 -42 25t-66 50l-31 25h-61q-45 0 -72.5 18t-27.5 57v400q0 36 20 63l145 196l96 198q13 28 37.5 48t51.5 20z M650 1100l-100 -212l-150 -213v-375h100l136 -100h214l250 375v125h-450l50 225v175h-50zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe126;" d="M600 1100h250q23 0 45 -16.5t38 -40.5l238 -344q29 -29 29 -74v-100q0 -44 -30 -84.5t-70 -40.5h-328q28 -118 28 -125v-150q0 -44 -30 -84.5t-70 -40.5h-50q-27 0 -51.5 20t-37.5 48l-96 198l-145 196q-20 27 -20 63v400q0 39 27.5 57t72.5 18h61q124 100 139 100z M50 1000h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM636 1000l-136 -100h-100v-375l150 -213l100 -212h50v175l-50 225h450v125l-250 375h-214z" />
+<glyph unicode="&#xe127;" d="M356 873l363 230q31 16 53 -6l110 -112q13 -13 13.5 -32t-11.5 -34l-84 -121h302q84 0 138 -38t54 -110t-55 -111t-139 -39h-106l-131 -339q-6 -21 -19.5 -41t-28.5 -20h-342q-7 0 -90 81t-83 94v525q0 17 14 35.5t28 28.5zM400 792v-503l100 -89h293l131 339 q6 21 19.5 41t28.5 20h203q21 0 30.5 25t0.5 50t-31 25h-456h-7h-6h-5.5t-6 0.5t-5 1.5t-5 2t-4 2.5t-4 4t-2.5 4.5q-12 25 5 47l146 183l-86 83zM50 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v500 q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe128;" d="M475 1103l366 -230q2 -1 6 -3.5t14 -10.5t18 -16.5t14.5 -20t6.5 -22.5v-525q0 -13 -86 -94t-93 -81h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-85 0 -139.5 39t-54.5 111t54 110t138 38h302l-85 121q-11 15 -10.5 34t13.5 32l110 112q22 22 53 6zM370 945l146 -183 q17 -22 5 -47q-2 -2 -3.5 -4.5t-4 -4t-4 -2.5t-5 -2t-5 -1.5t-6 -0.5h-6h-6.5h-6h-475v-100h221q15 0 29 -20t20 -41l130 -339h294l106 89v503l-342 236zM1050 800h100q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5 v500q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe129;" d="M550 1294q72 0 111 -55t39 -139v-106l339 -131q21 -6 41 -19.5t20 -28.5v-342q0 -7 -81 -90t-94 -83h-525q-17 0 -35.5 14t-28.5 28l-9 14l-230 363q-16 31 6 53l112 110q13 13 32 13.5t34 -11.5l121 -84v302q0 84 38 138t110 54zM600 972v203q0 21 -25 30.5t-50 0.5 t-25 -31v-456v-7v-6v-5.5t-0.5 -6t-1.5 -5t-2 -5t-2.5 -4t-4 -4t-4.5 -2.5q-25 -12 -47 5l-183 146l-83 -86l236 -339h503l89 100v293l-339 131q-21 6 -41 19.5t-20 28.5zM450 200h500q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-500 q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe130;" d="M350 1100h500q21 0 35.5 14.5t14.5 35.5v100q0 21 -14.5 35.5t-35.5 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100q0 -21 14.5 -35.5t35.5 -14.5zM600 306v-106q0 -84 -39 -139t-111 -55t-110 54t-38 138v302l-121 -84q-15 -12 -34 -11.5t-32 13.5l-112 110 q-22 22 -6 53l230 363q1 2 3.5 6t10.5 13.5t16.5 17t20 13.5t22.5 6h525q13 0 94 -83t81 -90v-342q0 -15 -20 -28.5t-41 -19.5zM308 900l-236 -339l83 -86l183 146q22 17 47 5q2 -1 4.5 -2.5t4 -4t2.5 -4t2 -5t1.5 -5t0.5 -6v-5.5v-6v-7v-456q0 -22 25 -31t50 0.5t25 30.5 v203q0 15 20 28.5t41 19.5l339 131v293l-89 100h-503z" />
+<glyph unicode="&#xe131;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM914 632l-275 223q-16 13 -27.5 8t-11.5 -26v-137h-275 q-10 0 -17.5 -7.5t-7.5 -17.5v-150q0 -10 7.5 -17.5t17.5 -7.5h275v-137q0 -21 11.5 -26t27.5 8l275 223q16 13 16 32t-16 32z" />
+<glyph unicode="&#xe132;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM561 855l-275 -223q-16 -13 -16 -32t16 -32l275 -223q16 -13 27.5 -8 t11.5 26v137h275q10 0 17.5 7.5t7.5 17.5v150q0 10 -7.5 17.5t-17.5 7.5h-275v137q0 21 -11.5 26t-27.5 -8z" />
+<glyph unicode="&#xe133;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM855 639l-223 275q-13 16 -32 16t-32 -16l-223 -275q-13 -16 -8 -27.5 t26 -11.5h137v-275q0 -10 7.5 -17.5t17.5 -7.5h150q10 0 17.5 7.5t7.5 17.5v275h137q21 0 26 11.5t-8 27.5z" />
+<glyph unicode="&#xe134;" d="M600 1178q118 0 225 -45.5t184.5 -123t123 -184.5t45.5 -225t-45.5 -225t-123 -184.5t-184.5 -123t-225 -45.5t-225 45.5t-184.5 123t-123 184.5t-45.5 225t45.5 225t123 184.5t184.5 123t225 45.5zM675 900h-150q-10 0 -17.5 -7.5t-7.5 -17.5v-275h-137q-21 0 -26 -11.5 t8 -27.5l223 -275q13 -16 32 -16t32 16l223 275q13 16 8 27.5t-26 11.5h-137v275q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe135;" d="M600 1176q116 0 222.5 -46t184 -123.5t123.5 -184t46 -222.5t-46 -222.5t-123.5 -184t-184 -123.5t-222.5 -46t-222.5 46t-184 123.5t-123.5 184t-46 222.5t46 222.5t123.5 184t184 123.5t222.5 46zM627 1101q-15 -12 -36.5 -20.5t-35.5 -12t-43 -8t-39 -6.5 q-15 -3 -45.5 0t-45.5 -2q-20 -7 -51.5 -26.5t-34.5 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -91t-29.5 -79q-9 -34 5 -93t8 -87q0 -9 17 -44.5t16 -59.5q12 0 23 -5t23.5 -15t19.5 -14q16 -8 33 -15t40.5 -15t34.5 -12q21 -9 52.5 -32t60 -38t57.5 -11 q7 -15 -3 -34t-22.5 -40t-9.5 -38q13 -21 23 -34.5t27.5 -27.5t36.5 -18q0 -7 -3.5 -16t-3.5 -14t5 -17q104 -2 221 112q30 29 46.5 47t34.5 49t21 63q-13 8 -37 8.5t-36 7.5q-15 7 -49.5 15t-51.5 19q-18 0 -41 -0.5t-43 -1.5t-42 -6.5t-38 -16.5q-51 -35 -66 -12 q-4 1 -3.5 25.5t0.5 25.5q-6 13 -26.5 17.5t-24.5 6.5q1 15 -0.5 30.5t-7 28t-18.5 11.5t-31 -21q-23 -25 -42 4q-19 28 -8 58q6 16 22 22q6 -1 26 -1.5t33.5 -4t19.5 -13.5q7 -12 18 -24t21.5 -20.5t20 -15t15.5 -10.5l5 -3q2 12 7.5 30.5t8 34.5t-0.5 32q-3 18 3.5 29 t18 22.5t15.5 24.5q6 14 10.5 35t8 31t15.5 22.5t34 22.5q-6 18 10 36q8 0 24 -1.5t24.5 -1.5t20 4.5t20.5 15.5q-10 23 -31 42.5t-37.5 29.5t-49 27t-43.5 23q0 1 2 8t3 11.5t1.5 10.5t-1 9.5t-4.5 4.5q31 -13 58.5 -14.5t38.5 2.5l12 5q5 28 -9.5 46t-36.5 24t-50 15 t-41 20q-18 -4 -37 0zM613 994q0 -17 8 -42t17 -45t9 -23q-8 1 -39.5 5.5t-52.5 10t-37 16.5q3 11 16 29.5t16 25.5q10 -10 19 -10t14 6t13.5 14.5t16.5 12.5z" />
+<glyph unicode="&#xe136;" d="M756 1157q164 92 306 -9l-259 -138l145 -232l251 126q6 -89 -34 -156.5t-117 -110.5q-60 -34 -127 -39.5t-126 16.5l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5t15 37.5l600 599q-34 101 5.5 201.5t135.5 154.5z" />
+<glyph unicode="&#xe137;" horiz-adv-x="1220" d="M100 1196h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 1096h-200v-100h200v100zM100 796h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 696h-500v-100h500v100zM100 396h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5v100q0 41 29.5 70.5t70.5 29.5zM1100 296h-300v-100h300v100z " />
+<glyph unicode="&#xe138;" d="M150 1200h900q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM700 500v-300l-200 -200v500l-350 500h900z" />
+<glyph unicode="&#xe139;" d="M500 1200h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5zM500 1100v-100h200v100h-200zM1200 400v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5v200h1200z" />
+<glyph unicode="&#xe140;" d="M50 1200h300q21 0 25 -10.5t-10 -24.5l-94 -94l199 -199q7 -8 7 -18t-7 -18l-106 -106q-8 -7 -18 -7t-18 7l-199 199l-94 -94q-14 -14 -24.5 -10t-10.5 25v300q0 21 14.5 35.5t35.5 14.5zM850 1200h300q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -10.5 -25t-24.5 10l-94 94 l-199 -199q-8 -7 -18 -7t-18 7l-106 106q-7 8 -7 18t7 18l199 199l-94 94q-14 14 -10 24.5t25 10.5zM364 470l106 -106q7 -8 7 -18t-7 -18l-199 -199l94 -94q14 -14 10 -24.5t-25 -10.5h-300q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 10.5 25t24.5 -10l94 -94l199 199 q8 7 18 7t18 -7zM1071 271l94 94q14 14 24.5 10t10.5 -25v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -25 10.5t10 24.5l94 94l-199 199q-7 8 -7 18t7 18l106 106q8 7 18 7t18 -7z" />
+<glyph unicode="&#xe141;" d="M596 1192q121 0 231.5 -47.5t190 -127t127 -190t47.5 -231.5t-47.5 -231.5t-127 -190.5t-190 -127t-231.5 -47t-231.5 47t-190.5 127t-127 190.5t-47 231.5t47 231.5t127 190t190.5 127t231.5 47.5zM596 1010q-112 0 -207.5 -55.5t-151 -151t-55.5 -207.5t55.5 -207.5 t151 -151t207.5 -55.5t207.5 55.5t151 151t55.5 207.5t-55.5 207.5t-151 151t-207.5 55.5zM454.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38.5 -16.5t-38.5 16.5t-16 39t16 38.5t38.5 16zM754.5 905q22.5 0 38.5 -16t16 -38.5t-16 -39t-38 -16.5q-14 0 -29 10l-55 -145 q17 -23 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5t-61.5 25.5t-25.5 61.5q0 32 20.5 56.5t51.5 29.5l122 126l1 1q-9 14 -9 28q0 23 16 39t38.5 16zM345.5 709q22.5 0 38.5 -16t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16zM854.5 709q22.5 0 38.5 -16 t16 -38.5t-16 -38.5t-38.5 -16t-38.5 16t-16 38.5t16 38.5t38.5 16z" />
+<glyph unicode="&#xe142;" d="M546 173l469 470q91 91 99 192q7 98 -52 175.5t-154 94.5q-22 4 -47 4q-34 0 -66.5 -10t-56.5 -23t-55.5 -38t-48 -41.5t-48.5 -47.5q-376 -375 -391 -390q-30 -27 -45 -41.5t-37.5 -41t-32 -46.5t-16 -47.5t-1.5 -56.5q9 -62 53.5 -95t99.5 -33q74 0 125 51l548 548 q36 36 20 75q-7 16 -21.5 26t-32.5 10q-26 0 -50 -23q-13 -12 -39 -38l-341 -338q-15 -15 -35.5 -15.5t-34.5 13.5t-14 34.5t14 34.5q327 333 361 367q35 35 67.5 51.5t78.5 16.5q14 0 29 -1q44 -8 74.5 -35.5t43.5 -68.5q14 -47 2 -96.5t-47 -84.5q-12 -11 -32 -32 t-79.5 -81t-114.5 -115t-124.5 -123.5t-123 -119.5t-96.5 -89t-57 -45q-56 -27 -120 -27q-70 0 -129 32t-93 89q-48 78 -35 173t81 163l511 511q71 72 111 96q91 55 198 55q80 0 152 -33q78 -36 129.5 -103t66.5 -154q17 -93 -11 -183.5t-94 -156.5l-482 -476 q-15 -15 -36 -16t-37 14t-17.5 34t14.5 35z" />
+<glyph unicode="&#xe143;" d="M649 949q48 68 109.5 104t121.5 38.5t118.5 -20t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-150 152.5t-126.5 127.5t-93.5 124.5t-33.5 117.5q0 64 28 123t73 100.5t104 64t119 20 t120.5 -38.5t104.5 -104zM896 972q-33 0 -64.5 -19t-56.5 -46t-47.5 -53.5t-43.5 -45.5t-37.5 -19t-36 19t-40 45.5t-43 53.5t-54 46t-65.5 19q-67 0 -122.5 -55.5t-55.5 -132.5q0 -23 13.5 -51t46 -65t57.5 -63t76 -75l22 -22q15 -14 44 -44t50.5 -51t46 -44t41 -35t23 -12 t23.5 12t42.5 36t46 44t52.5 52t44 43q4 4 12 13q43 41 63.5 62t52 55t46 55t26 46t11.5 44q0 79 -53 133.5t-120 54.5z" />
+<glyph unicode="&#xe144;" d="M776.5 1214q93.5 0 159.5 -66l141 -141q66 -66 66 -160q0 -42 -28 -95.5t-62 -87.5l-29 -29q-31 53 -77 99l-18 18l95 95l-247 248l-389 -389l212 -212l-105 -106l-19 18l-141 141q-66 66 -66 159t66 159l283 283q65 66 158.5 66zM600 706l105 105q10 -8 19 -17l141 -141 q66 -66 66 -159t-66 -159l-283 -283q-66 -66 -159 -66t-159 66l-141 141q-66 66 -66 159.5t66 159.5l55 55q29 -55 75 -102l18 -17l-95 -95l247 -248l389 389z" />
+<glyph unicode="&#xe145;" d="M603 1200q85 0 162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5v953q0 21 30 46.5t81 48t129 37.5t163 15zM300 1000v-700h600v700h-600zM600 254q-43 0 -73.5 -30.5t-30.5 -73.5t30.5 -73.5t73.5 -30.5t73.5 30.5 t30.5 73.5t-30.5 73.5t-73.5 30.5z" />
+<glyph unicode="&#xe146;" d="M902 1185l283 -282q15 -15 15 -36t-14.5 -35.5t-35.5 -14.5t-35 15l-36 35l-279 -267v-300l-212 210l-308 -307l-280 -203l203 280l307 308l-210 212h300l267 279l-35 36q-15 14 -15 35t14.5 35.5t35.5 14.5t35 -15z" />
+<glyph unicode="&#xe148;" d="M700 1248v-78q38 -5 72.5 -14.5t75.5 -31.5t71 -53.5t52 -84t24 -118.5h-159q-4 36 -10.5 59t-21 45t-40 35.5t-64.5 20.5v-307l64 -13q34 -7 64 -16.5t70 -32t67.5 -52.5t47.5 -80t20 -112q0 -139 -89 -224t-244 -97v-77h-100v79q-150 16 -237 103q-40 40 -52.5 93.5 t-15.5 139.5h139q5 -77 48.5 -126t117.5 -65v335l-27 8q-46 14 -79 26.5t-72 36t-63 52t-40 72.5t-16 98q0 70 25 126t67.5 92t94.5 57t110 27v77h100zM600 754v274q-29 -4 -50 -11t-42 -21.5t-31.5 -41.5t-10.5 -65q0 -29 7 -50.5t16.5 -34t28.5 -22.5t31.5 -14t37.5 -10 q9 -3 13 -4zM700 547v-310q22 2 42.5 6.5t45 15.5t41.5 27t29 42t12 59.5t-12.5 59.5t-38 44.5t-53 31t-66.5 24.5z" />
+<glyph unicode="&#xe149;" d="M561 1197q84 0 160.5 -40t123.5 -109.5t47 -147.5h-153q0 40 -19.5 71.5t-49.5 48.5t-59.5 26t-55.5 9q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -26 13.5 -63t26.5 -61t37 -66q6 -9 9 -14h241v-100h-197q8 -50 -2.5 -115t-31.5 -95q-45 -62 -99 -112 q34 10 83 17.5t71 7.5q32 1 102 -16t104 -17q83 0 136 30l50 -147q-31 -19 -58 -30.5t-55 -15.5t-42 -4.5t-46 -0.5q-23 0 -76 17t-111 32.5t-96 11.5q-39 -3 -82 -16t-67 -25l-23 -11l-55 145q4 3 16 11t15.5 10.5t13 9t15.5 12t14.5 14t17.5 18.5q48 55 54 126.5 t-30 142.5h-221v100h166q-23 47 -44 104q-7 20 -12 41.5t-6 55.5t6 66.5t29.5 70.5t58.5 71q97 88 263 88z" />
+<glyph unicode="&#xe150;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM935 1184l230 -249q14 -14 10 -24.5t-25 -10.5h-150v-900h-200v900h-150q-21 0 -25 10.5t10 24.5l230 249q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe151;" d="M1000 700h-100v100h-100v-100h-100v500h300v-500zM400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM801 1100v-200h100v200h-100zM1000 350l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150z " />
+<glyph unicode="&#xe152;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 1050l-200 -250h200v-100h-300v150l200 250h-200v100h300v-150zM1000 0h-100v100h-100v-100h-100v500h300v-500zM801 400v-200h100v200h-100z " />
+<glyph unicode="&#xe153;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1000 700h-100v400h-100v100h200v-500zM1100 0h-100v100h-200v400h300v-500zM901 400v-200h100v200h-100z" />
+<glyph unicode="&#xe154;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1100 700h-100v100h-200v400h300v-500zM901 1100v-200h100v200h-100zM1000 0h-100v400h-100v100h200v-500z" />
+<glyph unicode="&#xe155;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM900 1000h-200v200h200v-200zM1000 700h-300v200h300v-200zM1100 400h-400v200h400v-200zM1200 100h-500v200h500v-200z" />
+<glyph unicode="&#xe156;" d="M400 300h150q21 0 25 -11t-10 -25l-230 -250q-14 -15 -35 -15t-35 15l-230 250q-14 14 -10 25t25 11h150v900h200v-900zM1200 1000h-500v200h500v-200zM1100 700h-400v200h400v-200zM1000 400h-300v200h300v-200zM900 100h-200v200h200v-200z" />
+<glyph unicode="&#xe157;" d="M350 1100h400q162 0 256 -93.5t94 -256.5v-400q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5z" />
+<glyph unicode="&#xe158;" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-163 0 -256.5 92.5t-93.5 257.5v400q0 163 94 256.5t256 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM440 770l253 -190q17 -12 17 -30t-17 -30l-253 -190q-16 -12 -28 -6.5t-12 26.5v400q0 21 12 26.5t28 -6.5z" />
+<glyph unicode="&#xe159;" d="M350 1100h400q163 0 256.5 -94t93.5 -256v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 163 92.5 256.5t257.5 93.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM350 700h400q21 0 26.5 -12t-6.5 -28l-190 -253q-12 -17 -30 -17t-30 17l-190 253q-12 16 -6.5 28t26.5 12z" />
+<glyph unicode="&#xe160;" d="M350 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -163 -92.5 -256.5t-257.5 -93.5h-400q-163 0 -256.5 94t-93.5 256v400q0 165 92.5 257.5t257.5 92.5zM800 900h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5 v500q0 41 -29.5 70.5t-70.5 29.5zM580 693l190 -253q12 -16 6.5 -28t-26.5 -12h-400q-21 0 -26.5 12t6.5 28l190 253q12 17 30 17t30 -17z" />
+<glyph unicode="&#xe161;" d="M550 1100h400q165 0 257.5 -92.5t92.5 -257.5v-400q0 -165 -92.5 -257.5t-257.5 -92.5h-400q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h450q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-450q-21 0 -35.5 14.5t-14.5 35.5v100 q0 21 14.5 35.5t35.5 14.5zM338 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
+<glyph unicode="&#xe162;" d="M793 1182l9 -9q8 -10 5 -27q-3 -11 -79 -225.5t-78 -221.5l300 1q24 0 32.5 -17.5t-5.5 -35.5q-1 0 -133.5 -155t-267 -312.5t-138.5 -162.5q-12 -15 -26 -15h-9l-9 8q-9 11 -4 32q2 9 42 123.5t79 224.5l39 110h-302q-23 0 -31 19q-10 21 6 41q75 86 209.5 237.5 t228 257t98.5 111.5q9 16 25 16h9z" />
+<glyph unicode="&#xe163;" d="M350 1100h400q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-450q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h450q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400 q0 165 92.5 257.5t257.5 92.5zM938 867l324 -284q16 -14 16 -33t-16 -33l-324 -284q-16 -14 -27 -9t-11 26v150h-250q-21 0 -35.5 14.5t-14.5 35.5v200q0 21 14.5 35.5t35.5 14.5h250v150q0 21 11 26t27 -9z" />
+<glyph unicode="&#xe164;" d="M750 1200h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -10.5 -25t-24.5 10l-109 109l-312 -312q-15 -15 -35.5 -15t-35.5 15l-141 141q-15 15 -15 35.5t15 35.5l312 312l-109 109q-14 14 -10 24.5t25 10.5zM456 900h-156q-41 0 -70.5 -29.5t-29.5 -70.5v-500 q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v148l200 200v-298q0 -165 -93.5 -257.5t-256.5 -92.5h-400q-165 0 -257.5 92.5t-92.5 257.5v400q0 165 92.5 257.5t257.5 92.5h300z" />
+<glyph unicode="&#xe165;" d="M600 1186q119 0 227.5 -46.5t187 -125t125 -187t46.5 -227.5t-46.5 -227.5t-125 -187t-187 -125t-227.5 -46.5t-227.5 46.5t-187 125t-125 187t-46.5 227.5t46.5 227.5t125 187t187 125t227.5 46.5zM600 1022q-115 0 -212 -56.5t-153.5 -153.5t-56.5 -212t56.5 -212 t153.5 -153.5t212 -56.5t212 56.5t153.5 153.5t56.5 212t-56.5 212t-153.5 153.5t-212 56.5zM600 794q80 0 137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137t57 137t137 57z" />
+<glyph unicode="&#xe166;" d="M450 1200h200q21 0 35.5 -14.5t14.5 -35.5v-350h245q20 0 25 -11t-9 -26l-383 -426q-14 -15 -33.5 -15t-32.5 15l-379 426q-13 15 -8.5 26t25.5 11h250v350q0 21 14.5 35.5t35.5 14.5zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe167;" d="M583 1182l378 -435q14 -15 9 -31t-26 -16h-244v-250q0 -20 -17 -35t-39 -15h-200q-20 0 -32 14.5t-12 35.5v250h-250q-20 0 -25.5 16.5t8.5 31.5l383 431q14 16 33.5 17t33.5 -14zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5z M900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe168;" d="M396 723l369 369q7 7 17.5 7t17.5 -7l139 -139q7 -8 7 -18.5t-7 -17.5l-525 -525q-7 -8 -17.5 -8t-17.5 8l-292 291q-7 8 -7 18t7 18l139 139q8 7 18.5 7t17.5 -7zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50 h-100z" />
+<glyph unicode="&#xe169;" d="M135 1023l142 142q14 14 35 14t35 -14l77 -77l-212 -212l-77 76q-14 15 -14 36t14 35zM655 855l210 210q14 14 24.5 10t10.5 -25l-2 -599q-1 -20 -15.5 -35t-35.5 -15l-597 -1q-21 0 -25 10.5t10 24.5l208 208l-154 155l212 212zM50 300h1000q21 0 35.5 -14.5t14.5 -35.5 v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe170;" d="M350 1200l599 -2q20 -1 35 -15.5t15 -35.5l1 -597q0 -21 -10.5 -25t-24.5 10l-208 208l-155 -154l-212 212l155 154l-210 210q-14 14 -10 24.5t25 10.5zM524 512l-76 -77q-15 -14 -36 -14t-35 14l-142 142q-14 14 -14 35t14 35l77 77zM50 300h1000q21 0 35.5 -14.5 t14.5 -35.5v-250h-1100v250q0 21 14.5 35.5t35.5 14.5zM900 200v-50h100v50h-100z" />
+<glyph unicode="&#xe171;" d="M1200 103l-483 276l-314 -399v423h-399l1196 796v-1096zM483 424v-230l683 953z" />
+<glyph unicode="&#xe172;" d="M1100 1000v-850q0 -21 -14.5 -35.5t-35.5 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200z" />
+<glyph unicode="&#xe173;" d="M1100 1000l-2 -149l-299 -299l-95 95q-9 9 -21.5 9t-21.5 -9l-149 -147h-312v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1132 638l106 -106q7 -7 7 -17.5t-7 -17.5l-420 -421q-8 -7 -18 -7 t-18 7l-202 203q-8 7 -8 17.5t8 17.5l106 106q7 8 17.5 8t17.5 -8l79 -79l297 297q7 7 17.5 7t17.5 -7z" />
+<glyph unicode="&#xe174;" d="M1100 1000v-269l-103 -103l-134 134q-15 15 -33.5 16.5t-34.5 -12.5l-266 -266h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM1202 572l70 -70q15 -15 15 -35.5t-15 -35.5l-131 -131 l131 -131q15 -15 15 -35.5t-15 -35.5l-70 -70q-15 -15 -35.5 -15t-35.5 15l-131 131l-131 -131q-15 -15 -35.5 -15t-35.5 15l-70 70q-15 15 -15 35.5t15 35.5l131 131l-131 131q-15 15 -15 35.5t15 35.5l70 70q15 15 35.5 15t35.5 -15l131 -131l131 131q15 15 35.5 15 t35.5 -15z" />
+<glyph unicode="&#xe175;" d="M1100 1000v-300h-350q-21 0 -35.5 -14.5t-14.5 -35.5v-150h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM850 600h100q21 0 35.5 -14.5t14.5 -35.5v-250h150q21 0 25 -10.5t-10 -24.5 l-230 -230q-14 -14 -35 -14t-35 14l-230 230q-14 14 -10 24.5t25 10.5h150v250q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe176;" d="M1100 1000v-400l-165 165q-14 15 -35 15t-35 -15l-263 -265h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100zM700 1000h-100v200h100v-200zM935 565l230 -229q14 -15 10 -25.5t-25 -10.5h-150v-250q0 -20 -14.5 -35 t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35v250h-150q-21 0 -25 10.5t10 25.5l230 229q14 15 35 15t35 -15z" />
+<glyph unicode="&#xe177;" d="M50 1100h1100q21 0 35.5 -14.5t14.5 -35.5v-150h-1200v150q0 21 14.5 35.5t35.5 14.5zM1200 800v-550q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v550h1200zM100 500v-200h400v200h-400z" />
+<glyph unicode="&#xe178;" d="M935 1165l248 -230q14 -14 14 -35t-14 -35l-248 -230q-14 -14 -24.5 -10t-10.5 25v150h-400v200h400v150q0 21 10.5 25t24.5 -10zM200 800h-50q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v-200zM400 800h-100v200h100v-200zM18 435l247 230 q14 14 24.5 10t10.5 -25v-150h400v-200h-400v-150q0 -21 -10.5 -25t-24.5 10l-247 230q-15 14 -15 35t15 35zM900 300h-100v200h100v-200zM1000 500h51q20 0 34.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-34.5 -14.5h-51v200z" />
+<glyph unicode="&#xe179;" d="M862 1073l276 116q25 18 43.5 8t18.5 -41v-1106q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v397q-4 1 -11 5t-24 17.5t-30 29t-24 42t-11 56.5v359q0 31 18.5 65t43.5 52zM550 1200q22 0 34.5 -12.5t14.5 -24.5l1 -13v-450q0 -28 -10.5 -59.5 t-25 -56t-29 -45t-25.5 -31.5l-10 -11v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447q-4 4 -11 11.5t-24 30.5t-30 46t-24 55t-11 60v450q0 2 0.5 5.5t4 12t8.5 15t14.5 12t22.5 5.5q20 0 32.5 -12.5t14.5 -24.5l3 -13v-350h100v350v5.5t2.5 12 t7 15t15 12t25.5 5.5q23 0 35.5 -12.5t13.5 -24.5l1 -13v-350h100v350q0 2 0.5 5.5t3 12t7 15t15 12t24.5 5.5z" />
+<glyph unicode="&#xe180;" d="M1200 1100v-56q-4 0 -11 -0.5t-24 -3t-30 -7.5t-24 -15t-11 -24v-888q0 -22 25 -34.5t50 -13.5l25 -2v-56h-400v56q75 0 87.5 6.5t12.5 43.5v394h-500v-394q0 -37 12.5 -43.5t87.5 -6.5v-56h-400v56q4 0 11 0.5t24 3t30 7.5t24 15t11 24v888q0 22 -25 34.5t-50 13.5 l-25 2v56h400v-56q-75 0 -87.5 -6.5t-12.5 -43.5v-394h500v394q0 37 -12.5 43.5t-87.5 6.5v56h400z" />
+<glyph unicode="&#xe181;" d="M675 1000h375q21 0 35.5 -14.5t14.5 -35.5v-150h-105l-295 -98v98l-200 200h-400l100 100h375zM100 900h300q41 0 70.5 -29.5t29.5 -70.5v-500q0 -41 -29.5 -70.5t-70.5 -29.5h-300q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5zM100 800v-200h300v200 h-300zM1100 535l-400 -133v163l400 133v-163zM100 500v-200h300v200h-300zM1100 398v-248q0 -21 -14.5 -35.5t-35.5 -14.5h-375l-100 -100h-375l-100 100h400l200 200h105z" />
+<glyph unicode="&#xe182;" d="M17 1007l162 162q17 17 40 14t37 -22l139 -194q14 -20 11 -44.5t-20 -41.5l-119 -118q102 -142 228 -268t267 -227l119 118q17 17 42.5 19t44.5 -12l192 -136q19 -14 22.5 -37.5t-13.5 -40.5l-163 -162q-3 -1 -9.5 -1t-29.5 2t-47.5 6t-62.5 14.5t-77.5 26.5t-90 42.5 t-101.5 60t-111 83t-119 108.5q-74 74 -133.5 150.5t-94.5 138.5t-60 119.5t-34.5 100t-15 74.5t-4.5 48z" />
+<glyph unicode="&#xe183;" d="M600 1100q92 0 175 -10.5t141.5 -27t108.5 -36.5t81.5 -40t53.5 -37t31 -27l9 -10v-200q0 -21 -14.5 -33t-34.5 -9l-202 34q-20 3 -34.5 20t-14.5 38v146q-141 24 -300 24t-300 -24v-146q0 -21 -14.5 -38t-34.5 -20l-202 -34q-20 -3 -34.5 9t-14.5 33v200q3 4 9.5 10.5 t31 26t54 37.5t80.5 39.5t109 37.5t141 26.5t175 10.5zM600 795q56 0 97 -9.5t60 -23.5t30 -28t12 -24l1 -10v-50l365 -303q14 -15 24.5 -40t10.5 -45v-212q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v212q0 20 10.5 45t24.5 40l365 303v50 q0 4 1 10.5t12 23t30 29t60 22.5t97 10z" />
+<glyph unicode="&#xe184;" d="M1100 700l-200 -200h-600l-200 200v500h200v-200h200v200h200v-200h200v200h200v-500zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5 t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe185;" d="M700 1100h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-1000h300v1000q0 41 -29.5 70.5t-70.5 29.5zM1100 800h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-700h300v700q0 41 -29.5 70.5t-70.5 29.5zM400 0h-300v400q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-400z " />
+<glyph unicode="&#xe186;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
+<glyph unicode="&#xe187;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 300h-100v200h-100v-200h-100v500h100v-200h100v200h100v-500zM900 700v-300l-100 -100h-200v500h200z M700 700v-300h100v300h-100z" />
+<glyph unicode="&#xe188;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-300h200v-100h-300v500h300v-100zM900 700h-200v-300h200v-100h-300v500h300v-100z" />
+<glyph unicode="&#xe189;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 400l-300 150l300 150v-300zM900 550l-300 -150v300z" />
+<glyph unicode="&#xe190;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM900 300h-700v500h700v-500zM800 700h-130q-38 0 -66.5 -43t-28.5 -108t27 -107t68 -42h130v300zM300 700v-300 h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130z" />
+<glyph unicode="&#xe191;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 700h-200v-100h200v-300h-300v100h200v100h-200v300h300v-100zM900 300h-100v400h-100v100h200v-500z M700 300h-100v100h100v-100z" />
+<glyph unicode="&#xe192;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM300 700h200v-400h-300v500h100v-100zM900 300h-100v400h-100v100h200v-500zM300 600v-200h100v200h-100z M700 300h-100v100h100v-100z" />
+<glyph unicode="&#xe193;" d="M200 1100h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212v500q0 124 88 212t212 88zM100 900v-700h900v700h-900zM500 500l-199 -200h-100v50l199 200v150h-200v100h300v-300zM900 300h-100v400h-100v100h200v-500zM701 300h-100 v100h100v-100z" />
+<glyph unicode="&#xe194;" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700h-300v-200h300v-100h-300l-100 100v200l100 100h300v-100z" />
+<glyph unicode="&#xe195;" d="M600 1191q120 0 229.5 -47t188.5 -126t126 -188.5t47 -229.5t-47 -229.5t-126 -188.5t-188.5 -126t-229.5 -47t-229.5 47t-188.5 126t-126 188.5t-47 229.5t47 229.5t126 188.5t188.5 126t229.5 47zM600 1021q-114 0 -211 -56.5t-153.5 -153.5t-56.5 -211t56.5 -211 t153.5 -153.5t211 -56.5t211 56.5t153.5 153.5t56.5 211t-56.5 211t-153.5 153.5t-211 56.5zM800 700v-100l-50 -50l100 -100v-50h-100l-100 100h-150v-100h-100v400h300zM500 700v-100h200v100h-200z" />
+<glyph unicode="&#xe197;" d="M503 1089q110 0 200.5 -59.5t134.5 -156.5q44 14 90 14q120 0 205 -86.5t85 -207t-85 -207t-205 -86.5h-128v250q0 21 -14.5 35.5t-35.5 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-250h-222q-80 0 -136 57.5t-56 136.5q0 69 43 122.5t108 67.5q-2 19 -2 37q0 100 49 185 t134 134t185 49zM525 500h150q10 0 17.5 -7.5t7.5 -17.5v-275h137q21 0 26 -11.5t-8 -27.5l-223 -244q-13 -16 -32 -16t-32 16l-223 244q-13 16 -8 27.5t26 11.5h137v275q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe198;" d="M502 1089q110 0 201 -59.5t135 -156.5q43 15 89 15q121 0 206 -86.5t86 -206.5q0 -99 -60 -181t-150 -110l-378 360q-13 16 -31.5 16t-31.5 -16l-381 -365h-9q-79 0 -135.5 57.5t-56.5 136.5q0 69 43 122.5t108 67.5q-2 19 -2 38q0 100 49 184.5t133.5 134t184.5 49.5z M632 467l223 -228q13 -16 8 -27.5t-26 -11.5h-137v-275q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v275h-137q-21 0 -26 11.5t8 27.5q199 204 223 228q19 19 31.5 19t32.5 -19z" />
+<glyph unicode="&#xe199;" d="M700 100v100h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170l-270 -300h400v-100h-50q-21 0 -35.5 -14.5t-14.5 -35.5v-50h400v50q0 21 -14.5 35.5t-35.5 14.5h-50z" />
+<glyph unicode="&#xe200;" d="M600 1179q94 0 167.5 -56.5t99.5 -145.5q89 -6 150.5 -71.5t61.5 -155.5q0 -61 -29.5 -112.5t-79.5 -82.5q9 -29 9 -55q0 -74 -52.5 -126.5t-126.5 -52.5q-55 0 -100 30v-251q21 0 35.5 -14.5t14.5 -35.5v-50h-300v50q0 21 14.5 35.5t35.5 14.5v251q-45 -30 -100 -30 q-74 0 -126.5 52.5t-52.5 126.5q0 18 4 38q-47 21 -75.5 65t-28.5 97q0 74 52.5 126.5t126.5 52.5q5 0 23 -2q0 2 -1 10t-1 13q0 116 81.5 197.5t197.5 81.5z" />
+<glyph unicode="&#xe201;" d="M1010 1010q111 -111 150.5 -260.5t0 -299t-150.5 -260.5q-83 -83 -191.5 -126.5t-218.5 -43.5t-218.5 43.5t-191.5 126.5q-111 111 -150.5 260.5t0 299t150.5 260.5q83 83 191.5 126.5t218.5 43.5t218.5 -43.5t191.5 -126.5zM476 1065q-4 0 -8 -1q-121 -34 -209.5 -122.5 t-122.5 -209.5q-4 -12 2.5 -23t18.5 -14l36 -9q3 -1 7 -1q23 0 29 22q27 96 98 166q70 71 166 98q11 3 17.5 13.5t3.5 22.5l-9 35q-3 13 -14 19q-7 4 -15 4zM512 920q-4 0 -9 -2q-80 -24 -138.5 -82.5t-82.5 -138.5q-4 -13 2 -24t19 -14l34 -9q4 -1 8 -1q22 0 28 21 q18 58 58.5 98.5t97.5 58.5q12 3 18 13.5t3 21.5l-9 35q-3 12 -14 19q-7 4 -15 4zM719.5 719.5q-49.5 49.5 -119.5 49.5t-119.5 -49.5t-49.5 -119.5t49.5 -119.5t119.5 -49.5t119.5 49.5t49.5 119.5t-49.5 119.5zM855 551q-22 0 -28 -21q-18 -58 -58.5 -98.5t-98.5 -57.5 q-11 -4 -17 -14.5t-3 -21.5l9 -35q3 -12 14 -19q7 -4 15 -4q4 0 9 2q80 24 138.5 82.5t82.5 138.5q4 13 -2.5 24t-18.5 14l-34 9q-4 1 -8 1zM1000 515q-23 0 -29 -22q-27 -96 -98 -166q-70 -71 -166 -98q-11 -3 -17.5 -13.5t-3.5 -22.5l9 -35q3 -13 14 -19q7 -4 15 -4 q4 0 8 1q121 34 209.5 122.5t122.5 209.5q4 12 -2.5 23t-18.5 14l-36 9q-3 1 -7 1z" />
+<glyph unicode="&#xe202;" d="M700 800h300v-380h-180v200h-340v-200h-380v755q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM700 300h162l-212 -212l-212 212h162v200h100v-200zM520 0h-395q-10 0 -17.5 7.5t-7.5 17.5v395zM1000 220v-195q0 -10 -7.5 -17.5t-17.5 -7.5h-195z" />
+<glyph unicode="&#xe203;" d="M700 800h300v-520l-350 350l-550 -550v1095q0 10 7.5 17.5t17.5 7.5h575v-400zM1000 900h-200v200zM862 200h-162v-200h-100v200h-162l212 212zM480 0h-355q-10 0 -17.5 7.5t-7.5 17.5v55h380v-80zM1000 80v-55q0 -10 -7.5 -17.5t-17.5 -7.5h-155v80h180z" />
+<glyph unicode="&#xe204;" d="M1162 800h-162v-200h100l100 -100h-300v300h-162l212 212zM200 800h200q27 0 40 -2t29.5 -10.5t23.5 -30t7 -57.5h300v-100h-600l-200 -350v450h100q0 36 7 57.5t23.5 30t29.5 10.5t40 2zM800 400h240l-240 -400h-800l300 500h500v-100z" />
+<glyph unicode="&#xe205;" d="M650 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM1000 850v150q41 0 70.5 -29.5t29.5 -70.5v-800 q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-1 0 -20 4l246 246l-326 326v324q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM412 250l-212 -212v162h-200v100h200v162z" />
+<glyph unicode="&#xe206;" d="M450 1100h100q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-300q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h50v50q0 21 14.5 35.5t35.5 14.5zM800 850v150q41 0 70.5 -29.5t29.5 -70.5v-500 h-200v-300h200q0 -36 -7 -57.5t-23.5 -30t-29.5 -10.5t-40 -2h-600q-41 0 -70.5 29.5t-29.5 70.5v800q0 41 29.5 70.5t70.5 29.5v-150q0 -62 44 -106t106 -44h300q62 0 106 44t44 106zM1212 250l-212 -212v162h-200v100h200v162z" />
+<glyph unicode="&#xe209;" d="M658 1197l637 -1104q23 -38 7 -65.5t-60 -27.5h-1276q-44 0 -60 27.5t7 65.5l637 1104q22 39 54 39t54 -39zM704 800h-208q-20 0 -32 -14.5t-8 -34.5l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5t21.5 34.5l58 302q4 20 -8 34.5t-32 14.5zM500 300v-100h200 v100h-200z" />
+<glyph unicode="&#xe210;" d="M425 1100h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM825 800h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM25 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5zM425 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 500h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5 v150q0 10 7.5 17.5t17.5 7.5zM25 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM425 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5 t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM825 200h250q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-250q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe211;" d="M700 1200h100v-200h-100v-100h350q62 0 86.5 -39.5t-3.5 -94.5l-66 -132q-41 -83 -81 -134h-772q-40 51 -81 134l-66 132q-28 55 -3.5 94.5t86.5 39.5h350v100h-100v200h100v100h200v-100zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-12l137 -100 h-950l138 100h-13q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe212;" d="M600 1300q40 0 68.5 -29.5t28.5 -70.5h-194q0 41 28.5 70.5t68.5 29.5zM443 1100h314q18 -37 18 -75q0 -8 -3 -25h328q41 0 44.5 -16.5t-30.5 -38.5l-175 -145h-678l-178 145q-34 22 -29 38.5t46 16.5h328q-3 17 -3 25q0 38 18 75zM250 700h700q21 0 35.5 -14.5 t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-150v-200l275 -200h-950l275 200v200h-150q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe213;" d="M600 1181q75 0 128 -53t53 -128t-53 -128t-128 -53t-128 53t-53 128t53 128t128 53zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13 l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe214;" d="M600 1300q47 0 92.5 -53.5t71 -123t25.5 -123.5q0 -78 -55.5 -133.5t-133.5 -55.5t-133.5 55.5t-55.5 133.5q0 62 34 143l144 -143l111 111l-163 163q34 26 63 26zM602 798h46q34 0 55.5 -28.5t21.5 -86.5q0 -76 39 -183h-324q39 107 39 183q0 58 21.5 86.5t56.5 28.5h45 zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe215;" d="M600 1200l300 -161v-139h-300q0 -57 18.5 -108t50 -91.5t63 -72t70 -67.5t57.5 -61h-530q-60 83 -90.5 177.5t-30.5 178.5t33 164.5t87.5 139.5t126 96.5t145.5 41.5v-98zM250 400h700q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-13l138 -100h-950l137 100 h-12q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5zM50 100h1100q21 0 35.5 -14.5t14.5 -35.5v-50h-1200v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe216;" d="M600 1300q41 0 70.5 -29.5t29.5 -70.5v-78q46 -26 73 -72t27 -100v-50h-400v50q0 54 27 100t73 72v78q0 41 29.5 70.5t70.5 29.5zM400 800h400q54 0 100 -27t72 -73h-172v-100h200v-100h-200v-100h200v-100h-200v-100h200q0 -83 -58.5 -141.5t-141.5 -58.5h-400 q-83 0 -141.5 58.5t-58.5 141.5v400q0 83 58.5 141.5t141.5 58.5z" />
+<glyph unicode="&#xe218;" d="M150 1100h900q21 0 35.5 -14.5t14.5 -35.5v-500q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v500q0 21 14.5 35.5t35.5 14.5zM125 400h950q10 0 17.5 -7.5t7.5 -17.5v-50q0 -10 -7.5 -17.5t-17.5 -7.5h-283l224 -224q13 -13 13 -31.5t-13 -32 t-31.5 -13.5t-31.5 13l-88 88h-524l-87 -88q-13 -13 -32 -13t-32 13.5t-13 32t13 31.5l224 224h-289q-10 0 -17.5 7.5t-7.5 17.5v50q0 10 7.5 17.5t17.5 7.5zM541 300l-100 -100h324l-100 100h-124z" />
+<glyph unicode="&#xe219;" d="M200 1100h800q83 0 141.5 -58.5t58.5 -141.5v-200h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100q0 41 -29.5 70.5t-70.5 29.5h-250q-41 0 -70.5 -29.5t-29.5 -70.5h-100v200q0 83 58.5 141.5t141.5 58.5zM100 600h1000q41 0 70.5 -29.5 t29.5 -70.5v-300h-1200v300q0 41 29.5 70.5t70.5 29.5zM300 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200zM1100 100v-50q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v50h200z" />
+<glyph unicode="&#xe221;" d="M480 1165l682 -683q31 -31 31 -75.5t-31 -75.5l-131 -131h-481l-517 518q-32 31 -32 75.5t32 75.5l295 296q31 31 75.5 31t76.5 -31zM108 794l342 -342l303 304l-341 341zM250 100h800q21 0 35.5 -14.5t14.5 -35.5v-50h-900v50q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe223;" d="M1057 647l-189 506q-8 19 -27.5 33t-40.5 14h-400q-21 0 -40.5 -14t-27.5 -33l-189 -506q-8 -19 1.5 -33t30.5 -14h625v-150q0 -21 14.5 -35.5t35.5 -14.5t35.5 14.5t14.5 35.5v150h125q21 0 30.5 14t1.5 33zM897 0h-595v50q0 21 14.5 35.5t35.5 14.5h50v50 q0 21 14.5 35.5t35.5 14.5h48v300h200v-300h47q21 0 35.5 -14.5t14.5 -35.5v-50h50q21 0 35.5 -14.5t14.5 -35.5v-50z" />
+<glyph unicode="&#xe224;" d="M900 800h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-375v591l-300 300v84q0 10 7.5 17.5t17.5 7.5h375v-400zM1200 900h-200v200zM400 600h300v-575q0 -10 -7.5 -17.5t-17.5 -7.5h-650q-10 0 -17.5 7.5t-7.5 17.5v950q0 10 7.5 17.5t17.5 7.5h375v-400zM700 700h-200v200z " />
+<glyph unicode="&#xe225;" d="M484 1095h195q75 0 146 -32.5t124 -86t89.5 -122.5t48.5 -142q18 -14 35 -20q31 -10 64.5 6.5t43.5 48.5q10 34 -15 71q-19 27 -9 43q5 8 12.5 11t19 -1t23.5 -16q41 -44 39 -105q-3 -63 -46 -106.5t-104 -43.5h-62q-7 -55 -35 -117t-56 -100l-39 -234q-3 -20 -20 -34.5 t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l12 70q-49 -14 -91 -14h-195q-24 0 -65 8l-11 -64q-3 -20 -20 -34.5t-38 -14.5h-100q-21 0 -33 14.5t-9 34.5l26 157q-84 74 -128 175l-159 53q-19 7 -33 26t-14 40v50q0 21 14.5 35.5t35.5 14.5h124q11 87 56 166l-111 95 q-16 14 -12.5 23.5t24.5 9.5h203q116 101 250 101zM675 1000h-250q-10 0 -17.5 -7.5t-7.5 -17.5v-50q0 -10 7.5 -17.5t17.5 -7.5h250q10 0 17.5 7.5t7.5 17.5v50q0 10 -7.5 17.5t-17.5 7.5z" />
+<glyph unicode="&#xe226;" d="M641 900l423 247q19 8 42 2.5t37 -21.5l32 -38q14 -15 12.5 -36t-17.5 -34l-139 -120h-390zM50 1100h106q67 0 103 -17t66 -71l102 -212h823q21 0 35.5 -14.5t14.5 -35.5v-50q0 -21 -14 -40t-33 -26l-737 -132q-23 -4 -40 6t-26 25q-42 67 -100 67h-300q-62 0 -106 44 t-44 106v200q0 62 44 106t106 44zM173 928h-80q-19 0 -28 -14t-9 -35v-56q0 -51 42 -51h134q16 0 21.5 8t5.5 24q0 11 -16 45t-27 51q-18 28 -43 28zM550 727q-32 0 -54.5 -22.5t-22.5 -54.5t22.5 -54.5t54.5 -22.5t54.5 22.5t22.5 54.5t-22.5 54.5t-54.5 22.5zM130 389 l152 130q18 19 34 24t31 -3.5t24.5 -17.5t25.5 -28q28 -35 50.5 -51t48.5 -13l63 5l48 -179q13 -61 -3.5 -97.5t-67.5 -79.5l-80 -69q-47 -40 -109 -35.5t-103 51.5l-130 151q-40 47 -35.5 109.5t51.5 102.5zM380 377l-102 -88q-31 -27 2 -65l37 -43q13 -15 27.5 -19.5 t31.5 6.5l61 53q19 16 14 49q-2 20 -12 56t-17 45q-11 12 -19 14t-23 -8z" />
+<glyph unicode="&#xe227;" d="M625 1200h150q10 0 17.5 -7.5t7.5 -17.5v-109q79 -33 131 -87.5t53 -128.5q1 -46 -15 -84.5t-39 -61t-46 -38t-39 -21.5l-17 -6q6 0 15 -1.5t35 -9t50 -17.5t53 -30t50 -45t35.5 -64t14.5 -84q0 -59 -11.5 -105.5t-28.5 -76.5t-44 -51t-49.5 -31.5t-54.5 -16t-49.5 -6.5 t-43.5 -1v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-100v-75q0 -10 -7.5 -17.5t-17.5 -7.5h-150q-10 0 -17.5 7.5t-7.5 17.5v75h-175q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5h75v600h-75q-10 0 -17.5 7.5t-7.5 17.5v150 q0 10 7.5 17.5t17.5 7.5h175v75q0 10 7.5 17.5t17.5 7.5h150q10 0 17.5 -7.5t7.5 -17.5v-75h100v75q0 10 7.5 17.5t17.5 7.5zM400 900v-200h263q28 0 48.5 10.5t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-263zM400 500v-200h363q28 0 48.5 10.5 t30 25t15 29t5.5 25.5l1 10q0 4 -0.5 11t-6 24t-15 30t-30 24t-48.5 11h-363z" />
+<glyph unicode="&#xe230;" d="M212 1198h780q86 0 147 -61t61 -147v-416q0 -51 -18 -142.5t-36 -157.5l-18 -66q-29 -87 -93.5 -146.5t-146.5 -59.5h-572q-82 0 -147 59t-93 147q-8 28 -20 73t-32 143.5t-20 149.5v416q0 86 61 147t147 61zM600 1045q-70 0 -132.5 -11.5t-105.5 -30.5t-78.5 -41.5 t-57 -45t-36 -41t-20.5 -30.5l-6 -12l156 -243h560l156 243q-2 5 -6 12.5t-20 29.5t-36.5 42t-57 44.5t-79 42t-105 29.5t-132.5 12zM762 703h-157l195 261z" />
+<glyph unicode="&#xe231;" d="M475 1300h150q103 0 189 -86t86 -189v-500q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
+<glyph unicode="&#xe232;" d="M475 1300h96q0 -150 89.5 -239.5t239.5 -89.5v-446q0 -41 -42 -83t-83 -42h-450q-41 0 -83 42t-42 83v500q0 103 86 189t189 86zM700 300v-225q0 -21 -27 -48t-48 -27h-150q-21 0 -48 27t-27 48v225h300z" />
+<glyph unicode="&#xe233;" d="M1294 767l-638 -283l-378 170l-78 -60v-224l100 -150v-199l-150 148l-150 -149v200l100 150v250q0 4 -0.5 10.5t0 9.5t1 8t3 8t6.5 6l47 40l-147 65l642 283zM1000 380l-350 -166l-350 166v147l350 -165l350 165v-147z" />
+<glyph unicode="&#xe234;" d="M250 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM650 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM1050 800q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
+<glyph unicode="&#xe235;" d="M550 1100q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 700q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44zM550 300q62 0 106 -44t44 -106t-44 -106t-106 -44t-106 44t-44 106t44 106t106 44z" />
+<glyph unicode="&#xe236;" d="M125 1100h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5zM125 700h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5 t17.5 7.5zM125 300h950q10 0 17.5 -7.5t7.5 -17.5v-150q0 -10 -7.5 -17.5t-17.5 -7.5h-950q-10 0 -17.5 7.5t-7.5 17.5v150q0 10 7.5 17.5t17.5 7.5z" />
+<glyph unicode="&#xe237;" d="M350 1200h500q162 0 256 -93.5t94 -256.5v-500q0 -165 -93.5 -257.5t-256.5 -92.5h-500q-165 0 -257.5 92.5t-92.5 257.5v500q0 165 92.5 257.5t257.5 92.5zM900 1000h-600q-41 0 -70.5 -29.5t-29.5 -70.5v-600q0 -41 29.5 -70.5t70.5 -29.5h600q41 0 70.5 29.5 t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5zM350 900h500q21 0 35.5 -14.5t14.5 -35.5v-300q0 -21 -14.5 -35.5t-35.5 -14.5h-500q-21 0 -35.5 14.5t-14.5 35.5v300q0 21 14.5 35.5t35.5 14.5zM400 800v-200h400v200h-400z" />
+<glyph unicode="&#xe238;" d="M150 1100h1000q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5t-35.5 -14.5h-50v-200h50q21 0 35.5 -14.5t14.5 -35.5t-14.5 -35.5 t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5h50v200h-50q-21 0 -35.5 14.5t-14.5 35.5t14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe239;" d="M650 1187q87 -67 118.5 -156t0 -178t-118.5 -155q-87 66 -118.5 155t0 178t118.5 156zM300 800q124 0 212 -88t88 -212q-124 0 -212 88t-88 212zM1000 800q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM300 500q124 0 212 -88t88 -212q-124 0 -212 88t-88 212z M1000 500q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM700 199v-144q0 -21 -14.5 -35.5t-35.5 -14.5t-35.5 14.5t-14.5 35.5v142q40 -4 43 -4q17 0 57 6z" />
+<glyph unicode="&#xe240;" d="M745 878l69 19q25 6 45 -12l298 -295q11 -11 15 -26.5t-2 -30.5q-5 -14 -18 -23.5t-28 -9.5h-8q1 0 1 -13q0 -29 -2 -56t-8.5 -62t-20 -63t-33 -53t-51 -39t-72.5 -14h-146q-184 0 -184 288q0 24 10 47q-20 4 -62 4t-63 -4q11 -24 11 -47q0 -288 -184 -288h-142 q-48 0 -84.5 21t-56 51t-32 71.5t-16 75t-3.5 68.5q0 13 2 13h-7q-15 0 -27.5 9.5t-18.5 23.5q-6 15 -2 30.5t15 25.5l298 296q20 18 46 11l76 -19q20 -5 30.5 -22.5t5.5 -37.5t-22.5 -31t-37.5 -5l-51 12l-182 -193h891l-182 193l-44 -12q-20 -5 -37.5 6t-22.5 31t6 37.5 t31 22.5z" />
+<glyph unicode="&#xe241;" d="M1200 900h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-200v-850q0 -22 25 -34.5t50 -13.5l25 -2v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v850h-200q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h1000v-300zM500 450h-25q0 15 -4 24.5t-9 14.5t-17 7.5t-20 3t-25 0.5h-100v-425q0 -11 12.5 -17.5t25.5 -7.5h12v-50h-200v50q50 0 50 25v425h-100q-17 0 -25 -0.5t-20 -3t-17 -7.5t-9 -14.5t-4 -24.5h-25v150h500v-150z" />
+<glyph unicode="&#xe242;" d="M1000 300v50q-25 0 -55 32q-14 14 -25 31t-16 27l-4 11l-289 747h-69l-300 -754q-18 -35 -39 -56q-9 -9 -24.5 -18.5t-26.5 -14.5l-11 -5v-50h273v50q-49 0 -78.5 21.5t-11.5 67.5l69 176h293l61 -166q13 -34 -3.5 -66.5t-55.5 -32.5v-50h312zM412 691l134 342l121 -342 h-255zM1100 150v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5z" />
+<glyph unicode="&#xe243;" d="M50 1200h1100q21 0 35.5 -14.5t14.5 -35.5v-1100q0 -21 -14.5 -35.5t-35.5 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5v1100q0 21 14.5 35.5t35.5 14.5zM611 1118h-70q-13 0 -18 -12l-299 -753q-17 -32 -35 -51q-18 -18 -56 -34q-12 -5 -12 -18v-50q0 -8 5.5 -14t14.5 -6 h273q8 0 14 6t6 14v50q0 8 -6 14t-14 6q-55 0 -71 23q-10 14 0 39l63 163h266l57 -153q11 -31 -6 -55q-12 -17 -36 -17q-8 0 -14 -6t-6 -14v-50q0 -8 6 -14t14 -6h313q8 0 14 6t6 14v50q0 7 -5.5 13t-13.5 7q-17 0 -42 25q-25 27 -40 63h-1l-288 748q-5 12 -19 12zM639 611 h-197l103 264z" />
+<glyph unicode="&#xe244;" d="M1200 1100h-1200v100h1200v-100zM50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 1000h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM700 900v-300h300v300h-300z" />
+<glyph unicode="&#xe245;" d="M50 1200h400q21 0 35.5 -14.5t14.5 -35.5v-900q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v900q0 21 14.5 35.5t35.5 14.5zM650 700h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400 q0 21 14.5 35.5t35.5 14.5zM700 600v-300h300v300h-300zM1200 0h-1200v100h1200v-100z" />
+<glyph unicode="&#xe246;" d="M50 1000h400q21 0 35.5 -14.5t14.5 -35.5v-350h100v150q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-150h100v-100h-100v-150q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v150h-100v-350q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5v800q0 21 14.5 35.5t35.5 14.5zM700 700v-300h300v300h-300z" />
+<glyph unicode="&#xe247;" d="M100 0h-100v1200h100v-1200zM250 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM300 1000v-300h300v300h-300zM250 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe248;" d="M600 1100h150q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-100h450q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h350v100h-150q-21 0 -35.5 14.5 t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5h150v100h100v-100zM400 1000v-300h300v300h-300z" />
+<glyph unicode="&#xe249;" d="M1200 0h-100v1200h100v-1200zM550 1100h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM600 1000v-300h300v300h-300zM50 500h900q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-900q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5z" />
+<glyph unicode="&#xe250;" d="M865 565l-494 -494q-23 -23 -41 -23q-14 0 -22 13.5t-8 38.5v1000q0 25 8 38.5t22 13.5q18 0 41 -23l494 -494q14 -14 14 -35t-14 -35z" />
+<glyph unicode="&#xe251;" d="M335 635l494 494q29 29 50 20.5t21 -49.5v-1000q0 -41 -21 -49.5t-50 20.5l-494 494q-14 14 -14 35t14 35z" />
+<glyph unicode="&#xe252;" d="M100 900h1000q41 0 49.5 -21t-20.5 -50l-494 -494q-14 -14 -35 -14t-35 14l-494 494q-29 29 -20.5 50t49.5 21z" />
+<glyph unicode="&#xe253;" d="M635 865l494 -494q29 -29 20.5 -50t-49.5 -21h-1000q-41 0 -49.5 21t20.5 50l494 494q14 14 35 14t35 -14z" />
+<glyph unicode="&#xe254;" d="M700 741v-182l-692 -323v221l413 193l-413 193v221zM1200 0h-800v200h800v-200z" />
+<glyph unicode="&#xe255;" d="M1200 900h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300zM0 700h50q0 21 4 37t9.5 26.5t18 17.5t22 11t28.5 5.5t31 2t37 0.5h100v-550q0 -22 -25 -34.5t-50 -13.5l-25 -2v-100h400v100q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v550h100q25 0 37 -0.5t31 -2 t28.5 -5.5t22 -11t18 -17.5t9.5 -26.5t4 -37h50v300h-800v-300z" />
+<glyph unicode="&#xe256;" d="M800 700h-50q0 21 -4 37t-9.5 26.5t-18 17.5t-22 11t-28.5 5.5t-31 2t-37 0.5h-100v-550q0 -22 25 -34.5t50 -14.5l25 -1v-100h-400v100q4 0 11 0.5t24 3t30 7t24 15t11 24.5v550h-100q-25 0 -37 -0.5t-31 -2t-28.5 -5.5t-22 -11t-18 -17.5t-9.5 -26.5t-4 -37h-50v300 h800v-300zM1100 200h-200v-100h200v-100h-300v300h200v100h-200v100h300v-300z" />
+<glyph unicode="&#xe257;" d="M701 1098h160q16 0 21 -11t-7 -23l-464 -464l464 -464q12 -12 7 -23t-21 -11h-160q-13 0 -23 9l-471 471q-7 8 -7 18t7 18l471 471q10 9 23 9z" />
+<glyph unicode="&#xe258;" d="M339 1098h160q13 0 23 -9l471 -471q7 -8 7 -18t-7 -18l-471 -471q-10 -9 -23 -9h-160q-16 0 -21 11t7 23l464 464l-464 464q-12 12 -7 23t21 11z" />
+<glyph unicode="&#xe259;" d="M1087 882q11 -5 11 -21v-160q0 -13 -9 -23l-471 -471q-8 -7 -18 -7t-18 7l-471 471q-9 10 -9 23v160q0 16 11 21t23 -7l464 -464l464 464q12 12 23 7z" />
+<glyph unicode="&#xe260;" d="M618 993l471 -471q9 -10 9 -23v-160q0 -16 -11 -21t-23 7l-464 464l-464 -464q-12 -12 -23 -7t-11 21v160q0 13 9 23l471 471q8 7 18 7t18 -7z" />
+<glyph unicode="&#xf8ff;" d="M1000 1200q0 -124 -88 -212t-212 -88q0 124 88 212t212 88zM450 1000h100q21 0 40 -14t26 -33l79 -194q5 1 16 3q34 6 54 9.5t60 7t65.5 1t61 -10t56.5 -23t42.5 -42t29 -64t5 -92t-19.5 -121.5q-1 -7 -3 -19.5t-11 -50t-20.5 -73t-32.5 -81.5t-46.5 -83t-64 -70 t-82.5 -50q-13 -5 -42 -5t-65.5 2.5t-47.5 2.5q-14 0 -49.5 -3.5t-63 -3.5t-43.5 7q-57 25 -104.5 78.5t-75 111.5t-46.5 112t-26 90l-7 35q-15 63 -18 115t4.5 88.5t26 64t39.5 43.5t52 25.5t58.5 13t62.5 2t59.5 -4.5t55.5 -8l-147 192q-12 18 -5.5 30t27.5 12z" />
+<glyph unicode="&#x1f511;" d="M250 1200h600q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-150v-500l-255 -178q-19 -9 -32 -1t-13 29v650h-150q-21 0 -35.5 14.5t-14.5 35.5v400q0 21 14.5 35.5t35.5 14.5zM400 1100v-100h300v100h-300z" />
+<glyph unicode="&#x1f6aa;" d="M250 1200h750q39 0 69.5 -40.5t30.5 -84.5v-933l-700 -117v950l600 125h-700v-1000h-100v1025q0 23 15.5 49t34.5 26zM500 525v-100l100 20v100z" />
+</font>
+</defs></svg> 
\ No newline at end of file
diff --git a/site/fonts/bootstrap/glyphicons-halflings-regular.ttf b/site/fonts/bootstrap/glyphicons-halflings-regular.ttf
new file mode 100644
index 0000000..1413fc6
Binary files /dev/null and b/site/fonts/bootstrap/glyphicons-halflings-regular.ttf differ
diff --git a/site/fonts/bootstrap/glyphicons-halflings-regular.woff b/site/fonts/bootstrap/glyphicons-halflings-regular.woff
new file mode 100644
index 0000000..9e61285
Binary files /dev/null and b/site/fonts/bootstrap/glyphicons-halflings-regular.woff differ
diff --git a/site/fonts/bootstrap/glyphicons-halflings-regular.woff2 b/site/fonts/bootstrap/glyphicons-halflings-regular.woff2
new file mode 100644
index 0000000..64539b5
Binary files /dev/null and b/site/fonts/bootstrap/glyphicons-halflings-regular.woff2 differ
diff --git a/site/images/approve_block.png b/site/images/approve_block.png
new file mode 100644
index 0000000..0046974
Binary files /dev/null and b/site/images/approve_block.png differ
diff --git a/site/images/bithub-connect-moderate-embed.mp4 b/site/images/bithub-connect-moderate-embed.mp4
new file mode 100644
index 0000000..e98f0e6
Binary files /dev/null and b/site/images/bithub-connect-moderate-embed.mp4 differ
diff --git a/site/images/bithub-connect-moderate-embed.webm b/site/images/bithub-connect-moderate-embed.webm
new file mode 100644
index 0000000..213d9fe
Binary files /dev/null and b/site/images/bithub-connect-moderate-embed.webm differ
diff --git a/site/images/bithub-white.png b/site/images/bithub-white.png
new file mode 100644
index 0000000..b3aec88
Binary files /dev/null and b/site/images/bithub-white.png differ
diff --git a/site/images/bithub_converted.mp4 b/site/images/bithub_converted.mp4
new file mode 100644
index 0000000..04a6156
Binary files /dev/null and b/site/images/bithub_converted.mp4 differ
diff --git a/site/images/bithub_converted.webm b/site/images/bithub_converted.webm
new file mode 100644
index 0000000..19d32fb
Binary files /dev/null and b/site/images/bithub_converted.webm differ
diff --git a/site/images/checkmark.png b/site/images/checkmark.png
new file mode 100644
index 0000000..1ea4a87
Binary files /dev/null and b/site/images/checkmark.png differ
diff --git a/site/images/connect-moderate-embed-cover.png b/site/images/connect-moderate-embed-cover.png
new file mode 100644
index 0000000..c60e5c3
Binary files /dev/null and b/site/images/connect-moderate-embed-cover.png differ
diff --git a/site/images/connect.png b/site/images/connect.png
new file mode 100644
index 0000000..235d688
Binary files /dev/null and b/site/images/connect.png differ
diff --git a/site/images/design_embed.png b/site/images/design_embed.png
new file mode 100644
index 0000000..36471ed
Binary files /dev/null and b/site/images/design_embed.png differ
diff --git a/site/images/embed.png b/site/images/embed.png
new file mode 100644
index 0000000..debe71d
Binary files /dev/null and b/site/images/embed.png differ
diff --git a/site/images/embed_preview_bg.png b/site/images/embed_preview_bg.png
new file mode 100644
index 0000000..7efc1e9
Binary files /dev/null and b/site/images/embed_preview_bg.png differ
diff --git a/site/images/illustration.png b/site/images/illustration.png
new file mode 100644
index 0000000..6a539b2
Binary files /dev/null and b/site/images/illustration.png differ
diff --git a/site/images/lego/agency.png b/site/images/lego/agency.png
new file mode 100644
index 0000000..0a99317
Binary files /dev/null and b/site/images/lego/agency.png differ
diff --git a/site/images/lego/brand.png b/site/images/lego/brand.png
new file mode 100644
index 0000000..b73ab7e
Binary files /dev/null and b/site/images/lego/brand.png differ
diff --git a/site/images/lego/startup.png b/site/images/lego/startup.png
new file mode 100644
index 0000000..8e129b8
Binary files /dev/null and b/site/images/lego/startup.png differ
diff --git a/site/images/logo.png b/site/images/logo.png
new file mode 100644
index 0000000..cb04d9b
Binary files /dev/null and b/site/images/logo.png differ
diff --git a/site/images/moderate.png b/site/images/moderate.png
new file mode 100644
index 0000000..c401792
Binary files /dev/null and b/site/images/moderate.png differ
diff --git a/site/images/networks.png b/site/images/networks.png
new file mode 100644
index 0000000..fae8c9c
Binary files /dev/null and b/site/images/networks.png differ
diff --git a/site/images/video_poster.png b/site/images/video_poster.png
new file mode 100644
index 0000000..87d2d24
Binary files /dev/null and b/site/images/video_poster.png differ
diff --git a/site/index.html b/site/index.html
new file mode 100644
index 0000000..631d143
--- /dev/null
+++ b/site/index.html
@@ -0,0 +1,372 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    
+    <!-- Always force latest IE rendering engine or request Chrome Frame -->
+    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
+    
+    <!-- Use title if it's in the page YAML frontmatter -->
+    <title>BitHub - Real time, embeddable, social hubs</title>
+    <link href='http://fonts.googleapis.com/css?family=Raleway:400,700' rel='stylesheet' type='text/css'>
+    <link href="/stylesheets/all.css" rel="stylesheet" type="text/css" />
+    <script src="/javascripts/all.js" type="text/javascript"></script>
+    <link rel="stylesheet" href="/video-js/video-js.min.css">
+  </head>
+  
+  <body class="index">
+    <div class="header">
+	<div class="container text-container">
+		<div class="row">
+			<div class="col-md-6">
+				<img src="images/logo.png" alt="BitHub" class="logo">
+				<h2>
+					Real time, embeddable, social hubs
+				</h2>
+			</div>
+			<div class="col-md-6">
+				<ul class="list-unstyled">
+					<li>
+						<a href="/login" class="login-link">Login</a>
+					</li>
+					<li>
+						<span>or</span>
+					</li>
+					<li>
+						<a href="#registration" class="btn btn-default btn-lg registration-btn">Start your trial!</a>
+					</li>
+				</ul>
+			</div>
+			
+		</div>
+		<div class="row">
+			<div class="col-xs-12">
+				<hr>
+			</div>
+		</div>
+		
+	</div>
+</div>
+<div class="part">
+	<div class="container text-container">
+		<div class="row">
+			<div class="col-md-12">
+				<img src="/images/illustration.png" alt="" class="bithub-illustration">
+			</div>
+		</div>
+	</div>
+</div>
+<div class="part main-part">
+	<div class="container text-container">
+		<div class="row">
+			<div class="col-md-12">
+
+
+				<h1>Capitalize your social proof <a href="#registration">now</a>!</h1>
+				<p>
+					Your social network activity gives you a direct connection to your fans. Time spent preparing the interesting content and posting it to Facebook, Twitter or Instagram pays off, resulting in a steady growth of your reach and influence. But, <b>what do you do with all these retweets and likes</b>?
+				</p>
+				<div class="emphasized what-if-block">
+					<p class="text-center">
+						What if you could <b>leverage the power of your social proof</b><br>to <b>convert your visitors into your customers</b>?
+					</p>
+				</div>
+				<p>
+					With BitHub you can unify all your social media content in one place. Use the <b>wisdom of crowds to strengthen your brand image and extend your influence</b>.
+				</p>
+				<p>
+					BitHub provides you with an <b>embeddable social hub</b> that gathers and displays all the content produced by you and your fans. Place it on <b>your site, landing page</b> or an <b>interactive event wall</b>. Whatever needs you have, BitHub has you covered.
+				</p>
+				<p>
+					Check out our <a href="#pricing">pricing and features</a>! Every plan comes with a 45 &dash; day trial.
+				</p>
+				<hr class="emphasized">
+				<h3 class="text-center start-using"><b>Start using BitHub</b> in three easy steps:</h3>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="part">
+	<div class="container text-container">
+		<div class="clearfix steps">
+			
+			<div class="step">
+				<img src="/images/connect.png" alt="">
+				<h2>Connect</h2>
+				<p>Connect the content that you produce accross multiple networks.</p>
+			</div>
+
+			<div class="step">
+				<img src="/images/moderate.png" alt="">
+				<h2>Moderate</h2>
+				<p>Set up the moderation rules to keep your content focused.</p>
+			</div>
+
+			<div class="step">
+				<img src="/images/embed.png" alt="">
+				<h2>Embed</h2>
+				<p>Easily embed your customized feed on any website.</p>
+			</div>
+
+		</div>
+		<div class="col-md-6 col-md-offset-3">
+			<h2 class="text-center cta steps-cta">Start your  <a href="#registration">45 &dash; day trial</a> &raquo;</h2>
+		</div>
+	</div>
+</div>
+<div class="embed-outer-wrapper">
+	<div class="container">
+		<div class="embed-wrapper">
+			<a href="http://testing.bithub.com/admin/embed?tenantName=mysterious_pond_7469_4&hubId=1" data-hub-id="1" data-tenant-name="mysterious_pond_7469_4" class="bithub-embed">StealJS Embed</a>
+		</div>
+		<p class="embed-caption">Example embed used by the <a href="http://stealjs.com">StealJS</a> project.</p>
+	</div>
+</div>
+<div class="part">
+	<div class="container text-container">
+		<div class="row">
+			<div class="col-xs-12">
+				<h2 class="big-subtitle">Your context, your rules</h2>
+				<p>How many times did you see your <b>perfectly crafted post buried under a pile of irrelevant content</b>? But, that's the nature of the social networks. What if you could <b>avoid that problem altogether</b>? What if you could have a place where <b>you control the context</b>? One place where it's everything about you.</p>
+
+				<p>Truth be told, you already have it &dash; it's your own site. With BitHub, you can <b>move the conversation</b> from social networks <b>to your own site</b>, a place where your visitors can became your customers.</p>
+				<p>And you know what you can also put on your site? <span class="convert-options"></span>
+				</p>
+				<blockquote>
+					<h3>
+						Ninety-two percent of consumers around the world say they trust earned media, such as word-of-mouth and recommendations from friends and family, above all other forms of advertising&hellip;
+					</h3>
+					<cite>Nielsen Survey 2012.</cite>
+				</blockquote>
+				<p>Studies show that social proof is one of the most important factors in consumers' decision&dash;making (Nielsen Survey 2012., CompUSA and an iPerceptions study).
+
+					<p>BitHub enables you to gather all your dispersed content in one place and present it as your <b>unified social proof</b>. And the best part? Your content is not mixed with a bunch of other, irellevant posts, tweets and pictures.</p>
+					<p>BitHub puts <b>you in control of your brand image</b>, content and context.</p>
+				</div>
+
+				<div class="col-xs-12">
+					<h2 class="big-subtitle">Some of the features we built for you:</h2>
+					<ul>
+						<li><b>Pull in any content</b> - Twitter, Facebook, Instagram, RSS - all of them are just a click away</li>
+						<li><b>Moderate and organize the content</b> - pin posts and block irrelevance</li>
+						<li><b>Live Embeds</b> - for any type of event, you can use live version that updates content in near real time</li>
+					</ul>
+					<div class="emphasized">
+						<h2 class="text-center cta">You already spend all this time to produce the right content.<br>Now take the next step and <a href="#registration">start converting!</a></h2>
+					</div>
+				</div>
+			</div>
+			<div class="row">
+				<h2 class="col-xs-12 big-subtitle">So, how does it work?</h2>
+			</div>
+			<div class="features" id="features">
+				<div class="feature-left row">
+					<div class="image-wrap">
+						<img src="/images/networks.png" alt="">
+					</div>
+					<div class="col-xs-6">
+						<h2>Connect</h2>
+						<h3>Aggregate everything!</h3>
+						<p>
+							BitHub has a powerful aggregation engine which allows you to collect all your content.
+						</p>
+						<p>
+							Twitter, Facebook and Tumblr are just some of the content sources we support. No matter what the content is (text, image or video), we can display it in your feed. All of this works in real time.
+						</p>
+					</div>
+
+
+				</div>
+				<div class="row">
+					<hr class="col-xs-6 col-xs-offset-3 feature-hr">
+				</div>
+				<div class="feature-right row">
+					<div class="col-xs-6 col-xs-offset-6">
+						<h2>Moderate</h2>
+						<h3>Your content, your rules.</h3>
+						<p>
+							Every item we collect is automatically moderated based on the rules you set up. 
+						</p>
+						<p>
+							You can block profanities or filter the data related to some subject. BitHub puts you in control of the data.
+						</p>
+						<p>
+							Besides the automatic moderation, you can manually moderate any item.
+						</p>
+					</div>
+					<div class="image-wrap">
+						<img src="/images/approve_block.png" alt="">
+					</div>
+				</div>
+				<div class="row">
+					<hr class="col-xs-6 col-xs-offset-3 feature-hr">
+				</div>
+				<div class="feature-left row">
+					<div class="image-wrap">
+						<img src="/images/design_embed.png" alt="">
+					</div>
+					<div class="col-xs-6">
+						<h2>Embed</h2>
+						<h3>Embed on any page.</h3>
+						<p>
+							BitHub allows you to adjust its design so it fits your branding.
+						</p>
+						<p>
+							All content cards are designed to work in both full page and small area context which allow you to reuse your embeds across your site.
+						</p>
+						<p>
+							Pick your layout and theme, paste the code into your HTML page and you’re ready to go.
+						</p>
+					</div>
+				</div>
+			</div>
+			<div class="video-wrap">
+				<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="800" height="500" data-setup="{}" poster="/images/video_poster.png">
+					<source src="/images/bithub_converted.mp4" type='video/mp4' />
+					<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
+				</video>
+			</div>
+
+		</div>
+	</div>
+	<div class="part">
+		<div class="container text-container">
+			<div class="row">
+				<div class="col-xs-12">
+					<h2 class="big-subtitle">Usage examples</h2>
+					<p>BitHub is designed and developed for brands and companies that already have a vibrant community. Some of the ways people use it are:</p>
+				</div>
+			</div>
+			<div class="row">
+				<div class="col-xs-12">
+					<div class="usage-lists clearfix">
+						<ul>
+							<li>Media wall for your event</li>
+							<li>Activity stream for your open&dash;source project</li>
+							<li>Hashtag contest</li>
+							<li>Buzz collector for your festival or concert</li>
+						</ul>
+						<ul>
+							<li>Topic stream for your news portal</li>
+							<li>Showcase of your app users</li>
+							<li>Community showcase</li>
+							<li>Landing page for your app, album or ebook</li>
+						</ul>
+					</div>
+
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="examples-outer-wrapper">
+		<div class="container">
+			<h3><a href="http://stealjs.com">StealJS</a> is using BitHub to display the activity stream on its homepage</h3>
+			<div class="example-embed">
+				<a href="http://testing.bithub.com/admin/embed?tenantName=mysterious_pond_7469_4&hubId=1" data-hub-id="1" data-tenant-name="mysterious_pond_7469_4" class="bithub-embed">StealJS Embed</a>
+			</div>
+		</div>
+	</div>
+	<div class="part" id="registration">
+		<div class="container text-container">
+			<div class="row">
+				<div class="col-xs-12">
+					<h2 class="big-subtitle" id="pricing">Start your trial today!</h2>
+					<p>All of our plans come with a 45 &dash; day trial, and can be cancelled at any time.</p>
+					<ul class="list-unstyled pricing-list clearfix">
+						<li class="col-xs-4 plan">
+							<div class="pricing-wrap">
+								<div class="caption">
+									<img src="/images/lego/personal.png" alt="">
+									<h3>Personal</h3>
+									<h4>$19.00/month</h4>
+									<div class="call-to-action">
+										<a href="/register/personal" class="btn btn-info btn-block btn-large">Start your 45 &dash; day trial</a>
+									</div>
+									<ul class="list-unstyled">
+										<li>1 Hub</li>
+										<li>7 Services</li>
+										<li>1 User</li>
+									</ul>
+								</div>
+							</div>
+						</li>
+						<li class="col-xs-4 plan plan-primary">
+							<div class="pricing-wrap">
+								<div class="caption">
+									<img src="/images/lego/brand.png" alt="">
+									<h3>Brand</h3>
+									<h4>$49.00/month</h4>
+									<div class="call-to-action">
+										<a href="/register/brand" class="btn btn-info btn-block btn-lg">Start your 45 &dash; day trial</a>
+									</div>
+									<ul class="list-unstyled">
+										<li>5 Hubs</li>
+
+										<li>15 Services per Hub</li>
+
+										<li>5 Users</li>
+									</ul>
+								</div>
+							</div>
+						</li>
+						<li class="col-xs-4 plan ">
+							<div class="pricing-wrap">
+								<div class="caption">
+									<img src="/images/lego/agency.png" alt="">
+									<h3>Agency</h3>
+									<h4>$149.00/month</h4>
+									<div class="call-to-action">
+										<a href="/register/agency" class="btn btn-info btn-block btn-large">Start your 45 &dash; day trial</a>
+									</div>
+									<ul class="list-unstyled">
+										<li>20 Hubs</li>
+
+										<li>Unlimited Services</li>
+
+										<li>10 Users</li>
+
+									</ul>
+								</div>
+							</div>
+						</li>
+					</ul>
+					<div class="faq-wrap">
+						<h2>FAQ</h2>
+						<h3>How long does the contract last?</h3>
+						<p>After your free trial period expires, we will charge you on a monthly basis.</p>
+
+						<h3>How do I sign up?</h3>
+						<p>By clicking on any of the links above, you will start your 45 &dash; day trial. When the trial expires, we will remind you to provide us with your credit card information.</p>
+
+						<h3>I want to switch plans. Can I do it?</h3>
+						<p>You can switch your plans at any time. If you have more hubs than the plan permits, we'll archive some of them and you won't lose any data. In case you want to start using them later on, upgrade your plan, and start collecting your data again (archived hubs are not publicly accessible and they don't collect the data).</p>
+
+						<p><b>Do you have any more questions?</b> Feel free to <a href="mailto:mihael@bithub.com">contact us</a>, and we'll get back to you ASAP!</p>
+					</div>
+					
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="footer">
+		<div class="container text-container">
+			<div class="row">
+				<div class="col-xs-6">
+					<p><b>BitHub</b> is a product made by <a href="http://bitovi.com">Bitovi</a></p>
+				</div>
+				<div class="col-xs-6">
+					<ul class="list-unstyled">
+						<li><a href="/terms_of_service">Terms of Service</a></li>
+						<li><a href="/privacy_policy">Privacy policy</a></li>
+						<li><a href="/about">About</a></li>
+					</ul>
+				</div>
+			</div>
+			
+			
+		</div>
+	</div>
+	<script src="http://testing.bithub.com/admin/embed.js"></script>
+    <script src="/video-js/video.js"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/site/javascripts/all.js b/site/javascripts/all.js
new file mode 100644
index 0000000..f075665
--- /dev/null
+++ b/site/javascripts/all.js
@@ -0,0 +1,10290 @@
+/*!
+ * jQuery JavaScript Library v1.10.2
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03T13:48Z
+ */
+
+ (function( window, undefined ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//"use strict";
+var
+	// The deferred used on DOM ready
+	readyList,
+
+	// A central reference to the root jQuery(document)
+	rootjQuery,
+
+	// Support: IE<10
+	// For `typeof xmlNode.method` instead of `xmlNode.method !== undefined`
+	core_strundefined = typeof undefined,
+
+	// Use the correct document accordingly with window argument (sandbox)
+	location = window.location,
+	document = window.document,
+	docElem = document.documentElement,
+
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$,
+
+	// [[Class]] -> type pairs
+	class2type = {},
+
+	// List of deleted data cache ids, so we can reuse them
+	core_deletedIds = [],
+
+	core_version = "1.10.2",
+
+	// Save a reference to some core methods
+	core_concat = core_deletedIds.concat,
+	core_push = core_deletedIds.push,
+	core_slice = core_deletedIds.slice,
+	core_indexOf = core_deletedIds.indexOf,
+	core_toString = class2type.toString,
+	core_hasOwn = class2type.hasOwnProperty,
+	core_trim = core_version.trim,
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		return new jQuery.fn.init( selector, context, rootjQuery );
+	},
+
+	// Used for matching numbers
+	core_pnum = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
+
+	// Used for splitting on whitespace
+	core_rnotwhite = /\S+/g,
+
+	// Make sure we trim BOM and NBSP (here's looking at you, Safari 5.0 and IE)
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	// Match a standalone tag
+	rsingleTag = /^<(\w+)\s*\/?>(?:<\/\1>|)$/,
+
+	// JSON RegExp
+	rvalidchars = /^[\],:{}\s]*$/,
+	rvalidbraces = /(?:^|:|,)(?:\s*\[)+/g,
+	rvalidescape = /\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,
+	rvalidtokens = /"[^"\\\r\n]*"|true|false|null|-?(?:\d+\.|)\d+(?:[eE][+-]?\d+|)/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	},
+
+	// The ready event handler
+	completed = function( event ) {
+
+		// readyState === "complete" is good enough for us to call the dom ready in oldIE
+		if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+			detach();
+			jQuery.ready();
+		}
+	},
+	// Clean-up method for dom ready events
+	detach = function() {
+		if ( document.addEventListener ) {
+			document.removeEventListener( "DOMContentLoaded", completed, false );
+			window.removeEventListener( "load", completed, false );
+
+		} else {
+			document.detachEvent( "onreadystatechange", completed );
+			window.detachEvent( "onload", completed );
+		}
+	};
+
+	jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: core_version,
+
+	constructor: jQuery,
+	init: function( selector, context, rootjQuery ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+						) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+						} else {
+							this.attr( match, context[ match ] );
+						}
+					}
+				}
+
+				return this;
+
+				// HANDLE: $(#id)
+			} else {
+				elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+		} else if ( !context || context.jquery ) {
+			return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+		} else {
+			return this.constructor( context ).find( selector );
+		}
+
+		// HANDLE: $(DOMElement)
+	} else if ( selector.nodeType ) {
+		this.context = this[0] = selector;
+		this.length = 1;
+		return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+	} else if ( jQuery.isFunction( selector ) ) {
+		return rootjQuery.ready( selector );
+	}
+
+	if ( selector.selector !== undefined ) {
+		this.selector = selector.selector;
+		this.context = selector.context;
+	}
+
+	return jQuery.makeArray( selector, this );
+},
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return core_slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num == null ?
+
+			// Return a 'clean' array
+			this.toArray() :
+
+			// Return just the object
+			( num < 0 ? this[ this.length + num ] : this[ num ] );
+		},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+each: function( callback, args ) {
+	return jQuery.each( this, callback, args );
+},
+
+ready: function( fn ) {
+		// Add the callback
+		jQuery.ready.promise().done( fn );
+
+		return this;
+	},
+
+	slice: function() {
+		return this.pushStack( core_slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+		j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: core_push,
+	sort: [].sort,
+	splice: [].splice
+};
+
+// Give the init function the jQuery prototype for later instantiation
+jQuery.fn.init.prototype = jQuery.fn;
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+	target = arguments[0] || {},
+	i = 1,
+	length = arguments.length,
+	deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+		target = arguments[1] || {};
+		// skip the boolean and the target
+		i = 2;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( length === i ) {
+		target = this;
+		--i;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+			} else if ( copy !== undefined ) {
+				target[ name ] = copy;
+			}
+		}
+	}
+}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	// Non-digits removed to match rinlinejQuery
+	expando: "jQuery" + ( core_version + Math.random() ).replace( /\D/g, "" ),
+
+	noConflict: function( deep ) {
+		if ( window.$ === jQuery ) {
+			window.$ = _$;
+		}
+
+		if ( deep && window.jQuery === jQuery ) {
+			window.jQuery = _jQuery;
+		}
+
+		return jQuery;
+	},
+
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( !document.body ) {
+			return setTimeout( jQuery.ready );
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.trigger ) {
+			jQuery( document ).trigger("ready").off("ready");
+		}
+	},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	isWindow: function( obj ) {
+		/* jshint eqeqeq: false */
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		return !isNaN( parseFloat(obj) ) && isFinite( obj );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return String( obj );
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+		class2type[ core_toString.call(obj) ] || "object" :
+		typeof obj;
+	},
+
+	isPlainObject: function( obj ) {
+		var key;
+
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!core_hasOwn.call(obj, "constructor") &&
+				!core_hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+				return false;
+		}
+	} catch ( e ) {
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Support: IE<9
+		// Handle iteration over inherited properties before own properties.
+		if ( jQuery.support.ownLast ) {
+			for ( key in obj ) {
+				return core_hasOwn.call( obj, key );
+			}
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+		for ( key in obj ) {}
+
+			return key === undefined || core_hasOwn.call( obj, key );
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	// data: string of html
+	// context (optional): If specified, the fragment will be created in this context, defaults to document
+	// keepScripts (optional): If true, will include scripts passed in the html string
+	parseHTML: function( data, context, keepScripts ) {
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		if ( typeof context === "boolean" ) {
+			keepScripts = context;
+			context = false;
+		}
+		context = context || document;
+
+		var parsed = rsingleTag.exec( data ),
+		scripts = !keepScripts && [];
+
+		// Single tag
+		if ( parsed ) {
+			return [ context.createElement( parsed[1] ) ];
+		}
+
+		parsed = jQuery.buildFragment( [ data ], context, scripts );
+		if ( scripts ) {
+			jQuery( scripts ).remove();
+		}
+		return jQuery.merge( [], parsed.childNodes );
+	},
+
+	parseJSON: function( data ) {
+		// Attempt to parse using the native JSON parser first
+		if ( window.JSON && window.JSON.parse ) {
+			return window.JSON.parse( data );
+		}
+
+		if ( data === null ) {
+			return data;
+		}
+
+		if ( typeof data === "string" ) {
+
+			// Make sure leading/trailing whitespace is removed (IE can't handle it)
+			data = jQuery.trim( data );
+
+			if ( data ) {
+				// Make sure the incoming data is actual JSON
+				// Logic borrowed from http://json.org/json2.js
+				if ( rvalidchars.test( data.replace( rvalidescape, "@" )
+					.replace( rvalidtokens, "]" )
+					.replace( rvalidbraces, "")) ) {
+
+					return ( new Function( "return " + data ) )();
+			}
+		}
+	}
+
+	jQuery.error( "Invalid JSON: " + data );
+},
+
+	// Cross-browser xml parsing
+	parseXML: function( data ) {
+		var xml, tmp;
+		if ( !data || typeof data !== "string" ) {
+			return null;
+		}
+		try {
+			if ( window.DOMParser ) { // Standard
+				tmp = new DOMParser();
+				xml = tmp.parseFromString( data , "text/xml" );
+			} else { // IE
+				xml = new ActiveXObject( "Microsoft.XMLDOM" );
+				xml.async = "false";
+				xml.loadXML( data );
+			}
+		} catch( e ) {
+			xml = undefined;
+		}
+		if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+			jQuery.error( "Invalid XML: " + data );
+		}
+		return xml;
+	},
+
+	noop: function() {},
+
+	// Evaluates a script in a global context
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data );
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+		i = 0,
+		length = obj.length,
+		isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+	} else {
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback.call( obj[ i ], i, obj[ i ] );
+
+				if ( value === false ) {
+					break;
+				}
+			}
+		} else {
+			for ( i in obj ) {
+				value = callback.call( obj[ i ], i, obj[ i ] );
+
+				if ( value === false ) {
+					break;
+				}
+			}
+		}
+	}
+
+	return obj;
+},
+
+	// Use native String.trim function wherever possible
+	trim: core_trim && !core_trim.call("\uFEFF\xA0") ?
+	function( text ) {
+		return text == null ?
+		"" :
+		core_trim.call( text );
+	} :
+
+		// Otherwise use our own trimming functionality
+		function( text ) {
+			return text == null ?
+			"" :
+			( text + "" ).replace( rtrim, "" );
+		},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+					);
+			} else {
+				core_push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( core_indexOf ) {
+				return core_indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var l = second.length,
+		i = first.length,
+		j = 0;
+
+		if ( typeof l === "number" ) {
+			for ( ; j < l; j++ ) {
+				first[ i++ ] = second[ j ];
+			}
+		} else {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, inv ) {
+		var retVal,
+		ret = [],
+		i = 0,
+		length = elems.length;
+		inv = !!inv;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			retVal = !!callback( elems[ i ], i );
+			if ( inv !== retVal ) {
+				ret.push( elems[ i ] );
+			}
+		}
+
+		return ret;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+		i = 0,
+		length = elems.length,
+		isArray = isArraylike( elems ),
+		ret = [];
+
+		// Go through the array, translating each of the items to their
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret[ ret.length ] = value;
+				}
+			}
+
+		// Go through every key on the object,
+	} else {
+		for ( i in elems ) {
+			value = callback( elems[ i ], i, arg );
+
+			if ( value != null ) {
+				ret[ ret.length ] = value;
+			}
+		}
+	}
+
+		// Flatten any nested arrays
+		return core_concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = core_slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( core_slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	// Multifunctional method to get and set values of a collection
+	// The value/s can optionally be executed if it's a function
+	access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
+		var i = 0,
+		length = elems.length,
+		bulk = key == null;
+
+		// Sets many values
+		if ( jQuery.type( key ) === "object" ) {
+			chainable = true;
+			for ( i in key ) {
+				jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+			}
+
+		// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !jQuery.isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+				// Bulk operations run against the entire set
+				if ( raw ) {
+					fn.call( elems, value );
+					fn = null;
+
+				// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < length; i++ ) {
+				fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+			}
+		}
+	}
+
+	return chainable ?
+	elems :
+
+			// Gets
+			bulk ?
+			fn.call( elems ) :
+			length ? fn( elems[0], key ) : emptyGet;
+		},
+
+		now: function() {
+			return ( new Date() ).getTime();
+		},
+
+	// A method for quickly swapping in/out CSS properties to get correct calculations.
+	// Note: this method belongs to the css module but it's needed here for the support module.
+	// If support gets modularized, this method should be moved back to the css module.
+	swap: function( elem, options, callback, args ) {
+		var ret, name,
+		old = {};
+
+		// Remember the old values, and insert the new ones
+		for ( name in options ) {
+			old[ name ] = elem.style[ name ];
+			elem.style[ name ] = options[ name ];
+		}
+
+		ret = callback.apply( elem, args || [] );
+
+		// Revert the old values
+		for ( name in options ) {
+			elem.style[ name ] = old[ name ];
+		}
+
+		return ret;
+	}
+});
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+	} else if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+
+		// If IE event model is used
+	} else {
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch(e) {}
+
+			if ( top && top.doScroll ) {
+				(function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll("left");
+						} catch(e) {
+							return setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				})();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+	type = jQuery.type( obj );
+
+	if ( jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || type !== "function" &&
+	( length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj );
+}
+
+// All jQuery objects should point back to these
+rootjQuery = jQuery(document);
+/*!
+ * Sizzle CSS Selector Engine v1.10.2
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2013-07-03
+ */
+ (function( window, undefined ) {
+
+	var i,
+	support,
+	cachedruns,
+	Expr,
+	getText,
+	isXML,
+	compile,
+	outermostContext,
+	sortInput,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	hasDuplicate = false,
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+		len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Acceptable operators http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")" + whitespace +
+	"*(?:([*^$|!~]?=)" + whitespace + "*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|(" + identifier + ")|)|)" + whitespace + "*\\]",
+
+	// Prefer arguments quoted,
+	//   then not containing pseudos/brackets,
+	//   then attribute selectors/non-parenthetical expressions,
+	//   then anything else
+	// These preferences are here to reduce the number of selectors
+	//   needing tokenize in the PSEUDO preFilter
+	pseudos = ":(" + characterEncoding + ")(?:\\(((['\"])((?:\\\\.|[^\\\\])*?)\\3|((?:\\\\.|[^\\\\()[\\]]|" + attributes.replace( 3, 8 ) + ")*)|.*)\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rsibling = new RegExp( whitespace + "*[+~]" ),
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+				"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+		escaped :
+			// BMP codepoint
+			high < 0 ?
+			String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+			};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+		);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+			i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+				target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+		if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+			setDocument( context );
+		}
+
+		context = context || document;
+		results = results || [];
+
+		if ( !selector || typeof selector !== "string" ) {
+			return results;
+		}
+
+		if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+			return [];
+		}
+
+		if ( documentIsHTML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+					return results;
+				}
+			}
+
+			// Speed-up: Sizzle("TAG")
+		} else if ( match[2] ) {
+			push.apply( results, context.getElementsByTagName( selector ) );
+			return results;
+
+			// Speed-up: Sizzle(".CLASS")
+		} else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+			push.apply( results, context.getElementsByClassName( m ) );
+			return results;
+		}
+	}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && context.parentNode || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+						);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+ function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key += " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+ function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+ }
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+ function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+ function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+	i = attrs.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+ }
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+ function siblingCheck( a, b ) {
+	var cur = b && a,
+	diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+	( ~b.sourceIndex || MAX_NEGATIVE ) -
+	( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+ function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+ }
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+ function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+ }
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+ function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+			matchIndexes = fn( [], seed.length, argument ),
+			i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+ }
+
+/**
+ * Detect xml
+ * @param {Element|Object} elem An element or a document
+ */
+ isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+ setDocument = Sizzle.setDocument = function( node ) {
+	var doc = node ? node.ownerDocument || node : preferredDoc,
+	parent = doc.defaultView;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsHTML = !isXML( doc );
+
+	// Support: IE>8
+	// If iframe document is assigned to "document" variable and if iframe has been reloaded,
+	// IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+	// IE6-8 do not support the defaultView property so parent will be undefined
+	if ( parent && parent.attachEvent && parent !== parent.top ) {
+		parent.attachEvent( "onbeforeunload", function() {
+			setDocument();
+		});
+	}
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getElementsByClassName = assert(function( div ) {
+		div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+		// Support: Safari<4
+		// Catch class over-caching
+		div.firstChild.className = "i";
+		// Support: Opera<10
+		// Catch gEBCN failure to find non-leading classes
+		return div.getElementsByClassName("i").length === 2;
+	});
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [m] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+	function( tag, context ) {
+		if ( typeof context.getElementsByTagName !== strundefined ) {
+			return context.getElementsByTagName( tag );
+		}
+	} :
+	function( tag, context ) {
+		var elem,
+		tmp = [],
+		i = 0,
+		results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select><option selected=''></option></select>";
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+
+			// Support: Opera 10-12/IE8
+			// ^= $= *= and empty values
+			// Should not select anything
+			// Support: Windows 8 Native Apps
+			// The type attribute is restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "t", "" );
+
+			if ( div.querySelectorAll("[t^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+}
+
+rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = rnative.test( docElem.contains ) || docElem.compareDocumentPosition ?
+	function( a, b ) {
+		var adown = a.nodeType === 9 ? a.documentElement : a,
+		bup = b && b.parentNode;
+		return a === bup || !!( bup && bup.nodeType === 1 && (
+			adown.contains ?
+			adown.contains( bup ) :
+			a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+	} :
+	function( a, b ) {
+		if ( b ) {
+			while ( (b = b.parentNode) ) {
+				if ( b === a ) {
+					return true;
+				}
+			}
+		}
+		return false;
+	};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = docElem.compareDocumentPosition ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var compare = b.compareDocumentPosition && a.compareDocumentPosition && a.compareDocumentPosition( b );
+
+		if ( compare ) {
+			// Disconnected nodes
+			if ( compare & 1 ||
+				(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+				// Choose the first element that is related to our preferred document
+			if ( a === doc || contains(preferredDoc, a) ) {
+				return -1;
+			}
+			if ( b === doc || contains(preferredDoc, b) ) {
+				return 1;
+			}
+
+				// Maintain original order
+				return sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+			}
+
+			return compare & 4 ? -1 : 1;
+		}
+
+		// Not directly comparable, sort on existence of method
+		return a.compareDocumentPosition ? -1 : 1;
+	} :
+	function( a, b ) {
+		var cur,
+		i = 0,
+		aup = a.parentNode,
+		bup = b.parentNode,
+		ap = [ a ],
+		bp = [ b ];
+
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+
+		// Parentless nodes are either documents or disconnected
+	} else if ( !aup || !bup ) {
+		return a === doc ? -1 :
+		b === doc ? 1 :
+		aup ? -1 :
+		bup ? 1 :
+		sortInput ?
+		( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+		0;
+
+		// If the nodes are siblings, we can do a quick check
+	} else if ( aup === bup ) {
+		return siblingCheck( a, b );
+	}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+		};
+
+		return doc;
+	};
+
+	Sizzle.matches = function( expr, elements ) {
+		return Sizzle( expr, null, null, elements );
+	};
+
+	Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+		}
+	} catch(e) {}
+}
+
+return Sizzle( expr, document, null, [elem] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+		fn( elem, name, !documentIsHTML ) :
+		undefined;
+
+		return val === undefined ?
+		support.attributes || !documentIsHTML ?
+		elem.getAttribute( name ) :
+		(val = elem.getAttributeNode(name)) && val.specified ?
+		val.value :
+		null :
+		val;
+	};
+
+	Sizzle.error = function( msg ) {
+		throw new Error( "Syntax error, unrecognized expression: " + msg );
+	};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+ Sizzle.uniqueSort = function( results ) {
+	var elem,
+	duplicates = [],
+	j = 0,
+	i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+ getText = Sizzle.getText = function( elem ) {
+	var node,
+	ret = "",
+	i = 0,
+	nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		for ( ; (node = elem[i]); i++ ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (see #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+				*/
+				match[1] = match[1].toLowerCase();
+
+				if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+		} else if ( match[3] ) {
+			Sizzle.error( match[0] );
+		}
+
+		return match;
+	},
+
+	"PSEUDO": function( match ) {
+		var excess,
+		unquoted = !match[5] && match[2];
+
+		if ( matchExpr["CHILD"].test( match[0] ) ) {
+			return null;
+		}
+
+			// Accept quoted arguments as-is
+			if ( match[3] && match[4] !== undefined ) {
+				match[2] = match[4];
+
+			// Strip excess characters from unquoted arguments
+		} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+			function() { return true; } :
+			function( elem ) {
+				return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+			};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+			(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+			classCache( className, function( elem ) {
+				return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+			});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+				operator === "!=" ? result !== check :
+				operator === "^=" ? check && result.indexOf( check ) === 0 :
+				operator === "*=" ? check && result.indexOf( check ) > -1 :
+				operator === "$=" ? check && result.slice( -check.length ) === check :
+				operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+				operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+				false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+			forward = type.slice( -4 ) !== "last",
+			ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+					dir = simple !== forward ? "nextSibling" : "previousSibling",
+					parent = elem.parentNode,
+					name = ofType && elem.nodeName.toLowerCase(),
+					useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+							if ( node.nodeType === 1 && ++diff && node === elem ) {
+								outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+								break;
+							}
+						}
+
+						// Use previously-cached element index if available
+					} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+						diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+					} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+			},
+
+			"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+			fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+			Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+				markFunction(function( seed, matches ) {
+					var idx,
+					matched = fn( seed, argument ),
+					i = matched.length;
+					while ( i-- ) {
+						idx = indexOf.call( seed, matched[i] );
+						seed[ idx ] = !( matches[ idx ] = matched[i] );
+					}
+				}) :
+				function( elem ) {
+					return fn( elem, 0, args );
+				};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+			results = [],
+			matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+			markFunction(function( seed, matches, context, xml ) {
+				var elem,
+				unmatched = matcher( seed, null, xml, [] ),
+				i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+			function( elem, context, xml ) {
+				input[0] = elem;
+				matcher( input, null, xml, results );
+				return !results.pop();
+			};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+					return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+				}
+			} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+			return false;
+		};
+	}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is only affected by element nodes and content nodes(including text(3), cdata(4)),
+			//   not comment, processing instructions, or others
+			// Thanks to Diego Perini for the nodeName shortcut
+			//   Greater than "@" means alpha characters (specifically not starting with "#" or "?")
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeName > "@" || elem.nodeType === 3 || elem.nodeType === 4 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			// IE6 and 7 will map elem.type to 'text' for new HTML5 types (search, etc)
+			// use getAttribute instead to test this case
+			return elem.nodeName.toLowerCase() === "input" &&
+			elem.type === "text" &&
+			( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === elem.type );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+function tokenize( selector, parseOnly ) {
+	var matched, match, tokens, type,
+	soFar, groups, preFilters,
+	cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( tokens = [] );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+			tokens.push({
+				value: matched,
+				type: type,
+				matches: match
+			});
+			soFar = soFar.slice( matched.length );
+		}
+	}
+
+	if ( !matched ) {
+		break;
+	}
+}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+	soFar.length :
+	soFar ?
+	Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+		}
+
+		function toSelector( tokens ) {
+			var i = 0,
+			len = tokens.length,
+			selector = "";
+			for ( ; i < len; i++ ) {
+				selector += tokens[i].value;
+			}
+			return selector;
+		}
+
+		function addCombinator( matcher, combinator, base ) {
+			var dir = combinator.dir,
+			checkNonElements = base && dir === "parentNode",
+			doneName = done++;
+
+			return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var data, cache, outerCache,
+			dirkey = dirruns + " " + doneName;
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (cache = outerCache[ dir ]) && cache[0] === dirkey ) {
+							if ( (data = cache[1]) === true || data === cachedruns ) {
+								return data === true;
+							}
+						} else {
+							cache = outerCache[ dir ] = [ dirkey ];
+							cache[1] = matcher( elem, context, xml ) || cachedruns;
+							if ( cache[1] === true ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+	}
+
+	function elementMatcher( matchers ) {
+		return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+	}
+
+	function condense( unmatched, map, filter, context, xml ) {
+		var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+		for ( ; i < len; i++ ) {
+			if ( (elem = unmatched[i]) ) {
+				if ( !filter || filter( elem, context, xml ) ) {
+					newUnmatched.push( elem );
+					if ( mapped ) {
+						map.push( i );
+					}
+				}
+			}
+		}
+
+		return newUnmatched;
+	}
+
+	function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+		if ( postFilter && !postFilter[ expando ] ) {
+			postFilter = setMatcher( postFilter );
+		}
+		if ( postFinder && !postFinder[ expando ] ) {
+			postFinder = setMatcher( postFinder, postSelector );
+		}
+		return markFunction(function( seed, results, context, xml ) {
+			var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+			condense( elems, preMap, preFilter, context, xml ) :
+			elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+					matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+				}
+			}
+		}
+
+		// Add elements to results, through postFinder if defined
+	} else {
+		matcherOut = condense(
+			matcherOut === results ?
+			matcherOut.splice( preexisting, matcherOut.length ) :
+			matcherOut
+			);
+		if ( postFinder ) {
+			postFinder( null, results, matcherOut, xml );
+		} else {
+			push.apply( results, matcherOut );
+		}
+	}
+});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+	len = tokens.length,
+	leadingRelative = Expr.relative[ tokens[0].type ],
+	implicitRelative = leadingRelative || Expr.relative[" "],
+	i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+				matchContext( elem, context, xml ) :
+				matchAnyContext( elem, context, xml ) );
+		} ];
+
+		for ( ; i < len; i++ ) {
+			if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+				matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+			} else {
+				matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+						).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+					);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	// A counter to specify which element is currently being matched
+	var matcherCachedRuns = 0,
+	bySet = setMatchers.length > 0,
+	byElement = elementMatchers.length > 0,
+	superMatcher = function( seed, context, xml, results, expandContext ) {
+		var elem, j, matcher,
+		setMatched = [],
+		matchedCount = 0,
+		i = "0",
+		unmatched = seed && [],
+		outermost = expandContext != null,
+		contextBackup = outermostContext,
+				// We must always have either seed elements or context
+				elems = seed || byElement && Expr.find["TAG"]( "*", expandContext && context.parentNode || context ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1);
+
+				if ( outermost ) {
+					outermostContext = context !== document && context;
+					cachedruns = matcherCachedRuns;
+				}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			for ( ; (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+						cachedruns = ++matcherCachedRuns;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+			}
+		}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+		return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+	}
+
+	compile = Sizzle.compile = function( selector, group /* Internal Use Only */ ) {
+		var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+		if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !group ) {
+			group = tokenize( selector );
+		}
+		i = group.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( group[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+	}
+	return cached;
+};
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+	len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function select( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+	match = tokenize( selector );
+
+	if ( !seed ) {
+		// Try to minimize operations if there is only one group
+		if ( match.length === 1 ) {
+
+			// Take a shortcut and set the context if the root selector is an ID
+			tokens = match[0] = match[0].slice( 0 );
+			if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+				support.getById && context.nodeType === 9 && documentIsHTML &&
+				Expr.relative[ tokens[1].type ] ) {
+
+				context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+			if ( !context ) {
+				return results;
+			}
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+			// Fetch a seed set for right-to-left matching
+			i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+			while ( i-- ) {
+				token = tokens[i];
+
+				// Abort if we hit a combinator
+				if ( Expr.relative[ (type = token.type) ] ) {
+					break;
+				}
+				if ( (find = Expr.find[ type ]) ) {
+					// Search, expanding context for leading sibling combinators
+					if ( (seed = find(
+						token.matches[0].replace( runescape, funescape ),
+						rsibling.test( tokens[0].type ) && context.parentNode || context
+						)) ) {
+
+						// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+}
+
+	// Compile and execute a filtering function
+	// Provide `match` to avoid retokenization if we modified the selector above
+	compile( selector, match )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector )
+		);
+	return results;
+}
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome<14
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return (val = elem.getAttributeNode( name )) && val.specified ?
+			val.value :
+			elem[ name ] === true ? name.toLowerCase() : null;
+		}
+	});
+}
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+})( window );
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( core_rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+ jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+	( optionsCache[ options ] || createOptions( options ) ) :
+	jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+	firing,
+		// Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+				} else if ( memory ) {
+					firingStart = start;
+					fire( memory );
+				}
+			}
+			return this;
+		},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( list && ( !fired || stack ) ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+		return self;
+	};
+	jQuery.extend({
+
+		Deferred: function( func ) {
+			var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+				],
+				state = "pending",
+				promise = {
+					state: function() {
+						return state;
+					},
+					always: function() {
+						deferred.done( arguments ).fail( arguments );
+						return this;
+					},
+					then: function( /* fnDone, fnFail, fnProgress */ ) {
+						var fns = arguments;
+						return jQuery.Deferred(function( newDefer ) {
+							jQuery.each( tuples, function( i, tuple ) {
+								var action = tuple[ 0 ],
+								fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+									.done( newDefer.resolve )
+									.fail( newDefer.reject )
+									.progress( newDefer.notify );
+								} else {
+									newDefer[ action + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+							fns = null;
+						}).promise();
+					},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+			stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+			}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+		resolveValues = core_slice.call( arguments ),
+		length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? core_slice.call( arguments ) : value;
+					if( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+					.done( updateFunc( i, resolveContexts, resolveValues ) )
+					.fail( deferred.reject )
+					.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+jQuery.support = (function( support ) {
+
+	var all, a, input, select, fragment, opt, eventName, isSupported, i,
+	div = document.createElement("div");
+
+	// Setup
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// Finish early in limited (non-browser) environments
+	all = div.getElementsByTagName("*") || [];
+	a = div.getElementsByTagName("a")[ 0 ];
+	if ( !a || !a.style || !all.length ) {
+		return support;
+	}
+
+	// First batch of tests
+	select = document.createElement("select");
+	opt = select.appendChild( document.createElement("option") );
+	input = div.getElementsByTagName("input")[ 0 ];
+
+	a.style.cssText = "top:1px;float:left;opacity:.5";
+
+	// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+	support.getSetAttribute = div.className !== "t";
+
+	// IE strips leading whitespace when .innerHTML is used
+	support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+	// Make sure that tbody elements aren't automatically inserted
+	// IE will insert them into empty tables
+	support.tbody = !div.getElementsByTagName("tbody").length;
+
+	// Make sure that link elements get serialized correctly by innerHTML
+	// This requires a wrapper element in IE
+	support.htmlSerialize = !!div.getElementsByTagName("link").length;
+
+	// Get the style information from getAttribute
+	// (IE uses .cssText instead)
+	support.style = /top/.test( a.getAttribute("style") );
+
+	// Make sure that URLs aren't manipulated
+	// (IE normalizes it by default)
+	support.hrefNormalized = a.getAttribute("href") === "/a";
+
+	// Make sure that element opacity exists
+	// (IE uses filter instead)
+	// Use a regex to work around a WebKit issue. See #5145
+	support.opacity = /^0.5/.test( a.style.opacity );
+
+	// Verify style float existence
+	// (IE uses styleFloat instead of cssFloat)
+	support.cssFloat = !!a.style.cssFloat;
+
+	// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+	support.checkOn = !!input.value;
+
+	// Make sure that a selected-by-default option has a working selected property.
+	// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+	support.optSelected = opt.selected;
+
+	// Tests for enctype support on a form (#6743)
+	support.enctype = !!document.createElement("form").enctype;
+
+	// Makes sure cloning an html5 element does not cause problems
+	// Where outerHTML is undefined, this still works
+	support.html5Clone = document.createElement("nav").cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+	// Will be defined later
+	support.inlineBlockNeedsLayout = false;
+	support.shrinkWrapBlocks = false;
+	support.pixelPosition = false;
+	support.deleteExpando = true;
+	support.noCloneEvent = true;
+	support.reliableMarginRight = true;
+	support.boxSizingReliable = true;
+
+	// Make sure checked status is properly cloned
+	input.checked = true;
+	support.noCloneChecked = input.cloneNode( true ).checked;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE<9
+	try {
+		delete div.test;
+	} catch( e ) {
+		support.deleteExpando = false;
+	}
+
+	// Check if we can trust getAttribute("value")
+	input = document.createElement("input");
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	input.setAttribute( "checked", "t" );
+	input.setAttribute( "name", "t" );
+
+	fragment = document.createDocumentFragment();
+	fragment.appendChild( input );
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	support.appendChecked = input.checked;
+
+	// WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = fragment.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Opera does not clone events (and typeof div.attachEvent === undefined).
+	// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+	if ( div.attachEvent ) {
+		div.attachEvent( "onclick", function() {
+			support.noCloneEvent = false;
+		});
+
+		div.cloneNode( true ).click();
+	}
+
+	// Support: IE<9 (lack submit/change bubble), Firefox 17+ (lack focusin event)
+	// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+	for ( i in { submit: true, change: true, focusin: true }) {
+		div.setAttribute( eventName = "on" + i, "t" );
+
+		support[ i + "Bubbles" ] = eventName in window || div.attributes[ eventName ].expando === false;
+	}
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	// Support: IE<9
+	// Iteration over object's inherited properties before its own.
+	for ( i in jQuery( support ) ) {
+		break;
+	}
+	support.ownLast = i !== "0";
+
+	// Run tests that need a body at doc ready
+	jQuery(function() {
+		var container, marginDiv, tds,
+		divReset = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;",
+		body = document.getElementsByTagName("body")[0];
+
+		if ( !body ) {
+			// Return for frameset docs that don't have a body
+			return;
+		}
+
+		container = document.createElement("div");
+		container.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px";
+
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE8
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+tds = div.getElementsByTagName("td");
+tds[ 0 ].style.cssText = "padding:0;margin:0;border:0;display:none";
+isSupported = ( tds[ 0 ].offsetHeight === 0 );
+
+tds[ 0 ].style.display = "";
+tds[ 1 ].style.display = "none";
+
+		// Support: IE8
+		// Check if empty table cells still have offsetWidth/Height
+		support.reliableHiddenOffsets = isSupported && ( tds[ 0 ].offsetHeight === 0 );
+
+		// Check box-sizing and margin behavior.
+		div.innerHTML = "";
+		div.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;";
+
+		// Workaround failing boxSizing test due to offsetWidth returning wrong value
+		// with some non-1 values of body zoom, ticket #13543
+		jQuery.swap( body, body.style.zoom != null ? { zoom: 1 } : {}, function() {
+			support.boxSizing = div.offsetWidth === 4;
+		});
+
+		// Use window.getComputedStyle because jsdom on node.js will break without it.
+		if ( window.getComputedStyle ) {
+			support.pixelPosition = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+			support.boxSizingReliable = ( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+			// Check if div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container. (#3333)
+			// Fails in WebKit before Feb 2011 nightlies
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			marginDiv = div.appendChild( document.createElement("div") );
+			marginDiv.style.cssText = div.style.cssText = divReset;
+			marginDiv.style.marginRight = marginDiv.style.width = "0";
+			div.style.width = "1px";
+
+			support.reliableMarginRight =
+			!parseFloat( ( window.getComputedStyle( marginDiv, null ) || {} ).marginRight );
+		}
+
+		if ( typeof div.style.zoom !== core_strundefined ) {
+			// Support: IE<8
+			// Check if natively block-level elements act like inline-block
+			// elements when setting their display to 'inline' and giving
+			// them layout
+			div.innerHTML = "";
+			div.style.cssText = divReset + "width:1px;padding:1px;display:inline;zoom:1";
+			support.inlineBlockNeedsLayout = ( div.offsetWidth === 3 );
+
+			// Support: IE6
+			// Check if elements with layout shrink-wrap their children
+			div.style.display = "block";
+			div.innerHTML = "<div></div>";
+			div.firstChild.style.width = "5px";
+			support.shrinkWrapBlocks = ( div.offsetWidth !== 3 );
+
+			if ( support.inlineBlockNeedsLayout ) {
+				// Prevent IE 6 from affecting layout for positioned elements #11048
+				// Prevent IE from shrinking the body in IE 7 mode #12869
+				// Support: IE<8
+				body.style.zoom = 1;
+			}
+		}
+
+		body.removeChild( container );
+
+		// Null elements to avoid leaks in IE
+		container = div = tds = marginDiv = null;
+	});
+
+	// Null elements to avoid leaks in IE
+	all = select = fragment = opt = a = input = null;
+
+	return support;
+})({});
+
+var rbrace = /(?:\{[\s\S]*\}|\[[\s\S]*\])$/,
+rmultiDash = /([A-Z])/g;
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ){
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var ret, thisCache,
+	internalKey = jQuery.expando,
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && data === undefined && typeof name === "string" ) {
+		return;
+	}
+
+	if ( !id ) {
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			id = elem[ internalKey ] = core_deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+		// Avoid exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( typeof name === "string" ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, i,
+	isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split(" ");
+					}
+				}
+			} else {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete thisCache[ name[i] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( pvt ? !isEmptyDataObject(thisCache) : !jQuery.isEmptyObject(thisCache) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	/* jshint eqeqeq: false */
+} else if ( jQuery.support.deleteExpando || cache != cache.window ) {
+	/* jshint eqeqeq: true */
+	delete cache[ id ];
+
+	// When all else fails, null
+} else {
+	cache[ id ] = null;
+}
+}
+
+jQuery.extend({
+	cache: {},
+
+	// The following elements throw uncatchable exceptions if you
+	// attempt to add expando properties to them.
+	noData: {
+		"applet": true,
+		"embed": true,
+		// Ban all objects except for Flash (which handle expandos)
+		"object": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	},
+
+	// A method for determining if a DOM node can handle the data expando
+	acceptData: function( elem ) {
+		// Do not set data on non-element because it will not be cleared (#8335).
+		if ( elem.nodeType && elem.nodeType !== 1 && elem.nodeType !== 9 ) {
+			return false;
+		}
+
+		var noData = elem.nodeName && jQuery.noData[ elem.nodeName.toLowerCase() ];
+
+		// nodes accept data unless otherwise specified; rejection can be conditional
+		return !noData || noData !== true && elem.getAttribute("classid") === noData;
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var attrs, name,
+		data = null,
+		i = 0,
+		elem = this[0];
+
+		// Special expections of .data basically thwart jQuery.access,
+		// so implement the relevant behavior ourselves
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					attrs = elem.attributes;
+					for ( ; i < attrs.length; i++ ) {
+						name = attrs[i].name;
+
+						if ( name.indexOf("data-") === 0 ) {
+							name = jQuery.camelCase( name.slice(5) );
+
+							dataAttr( elem, name, data[ name ] );
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		return arguments.length > 1 ?
+
+			// Sets one value
+			this.each(function() {
+				jQuery.data( this, key, value );
+			}) :
+
+			// Gets one value
+			// Try to fetch any internally stored data first
+			elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : null;
+		},
+
+		removeData: function( key ) {
+			return this.each(function() {
+				jQuery.removeData( this, key );
+			});
+		}
+	});
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+				data === "false" ? false :
+				data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+				} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray(data) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+		startLength = queue.length,
+		fn = queue.shift(),
+		hooks = jQuery._queueHooks( elem, type ),
+		next = function() {
+			jQuery.dequeue( elem, type );
+		};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+		this :
+		this.each(function() {
+			var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	// Based off of the plugin by Clint Helfers, with permission.
+	// http://blindsignals.com/index.php/2009/07/jquery-delay/
+	delay: function( time, type ) {
+		time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+		type = type || "fx";
+
+		return this.queue( type, function( next, hooks ) {
+			var timeout = setTimeout( next, time );
+			hooks.stop = function() {
+				clearTimeout( timeout );
+			};
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+		count = 1,
+		defer = jQuery.Deferred(),
+		elements = this,
+		i = this.length,
+		resolve = function() {
+			if ( !( --count ) ) {
+				defer.resolveWith( elements, [ elements ] );
+			}
+		};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var nodeHook, boolHook,
+rclass = /[\t\r\n\f]/g,
+rreturn = /\r/g,
+rfocusable = /^(?:input|select|textarea|button|object)$/i,
+rclickable = /^(?:a|area)$/i,
+ruseDefault = /^(?:checked|selected)$/i,
+getSetAttribute = jQuery.support.getSetAttribute,
+getSetInput = jQuery.support.input;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	},
+
+	prop: function( name, value ) {
+		return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each(function() {
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch( e ) {}
+		});
+	},
+
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+		i = 0,
+		len = this.length,
+		proceed = typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+					);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+					elem.className = jQuery.trim( cur );
+
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j,
+		i = 0,
+		len = this.length,
+		proceed = arguments.length === 0 || typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( core_rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+					);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+					elem.className = value ? jQuery.trim( cur ) : "";
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+				i = 0,
+				self = jQuery( this ),
+				classNames = value.match( core_rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+		} else if ( type === core_strundefined || type === "boolean" ) {
+			if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+},
+
+hasClass: function( selector ) {
+	var className = " " + selector + " ",
+	i = 0,
+	l = this.length;
+	for ( ; i < l; i++ ) {
+		if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+			return true;
+		}
+	}
+
+	return false;
+},
+
+val: function( value ) {
+	var ret, hooks, isFunction,
+	elem = this[0];
+
+	if ( !arguments.length ) {
+		if ( elem ) {
+			hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+				return ret;
+			}
+
+			ret = elem.value;
+
+			return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+				}
+
+				return;
+			}
+
+			isFunction = jQuery.isFunction( value );
+
+			return this.each(function( i ) {
+				var val;
+
+				if ( this.nodeType !== 1 ) {
+					return;
+				}
+
+				if ( isFunction ) {
+					val = value.call( this, i, jQuery( this ).val() );
+				} else {
+					val = value;
+				}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map(val, function ( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+		}
+	});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				// Use proper attribute retrieval(#6932, #12072)
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+				val :
+				elem.text;
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+				options = elem.options,
+				index = elem.selectedIndex,
+				one = elem.type === "select-one" || index < 0,
+				values = one ? null : [],
+				max = one ? index + 1 : options.length,
+				i = index < 0 ?
+				max :
+				one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( jQuery.support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+					value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+				options = elem.options,
+				values = jQuery.makeArray( value ),
+				i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+					if ( (option.selected = jQuery.inArray( jQuery(option).val(), values ) >= 0) ) {
+						optionSet = true;
+					}
+				}
+
+				// force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	},
+
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+		nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === core_strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+			( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+			undefined :
+			ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+		i = 0,
+		attrNames = value && value.match( core_rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+						elem[ propName ] = false;
+					// Support: IE<9
+					// Also clear defaultChecked/defaultSelected (if appropriate)
+				} else {
+					elem[ jQuery.camelCase( "default-" + name ) ] =
+					elem[ propName ] = false;
+				}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+			} else {
+				jQuery.attr( elem, name, "" );
+			}
+
+			elem.removeAttribute( getSetAttribute ? name : propName );
+		}
+	}
+},
+
+attrHooks: {
+	type: {
+		set: function( elem, value ) {
+			if ( !jQuery.support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	},
+
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+		nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+			ret :
+			( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+			ret :
+			elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				// Use proper attribute retrieval(#12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				return tabindex ?
+				parseInt( tabindex, 10 ) :
+				rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+				0 :
+				-1;
+			}
+		}
+	}
+});
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		// Use defaultChecked and defaultSelected for oldIE
+	} else {
+		elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+	}
+
+	return name;
+}
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = jQuery.expr.attrHandle[ name ] || jQuery.find.attr;
+
+	jQuery.expr.attrHandle[ name ] = getSetInput && getSetAttribute || !ruseDefault.test( name ) ?
+	function( elem, name, isXML ) {
+		var fn = jQuery.expr.attrHandle[ name ],
+		ret = isXML ?
+		undefined :
+		/* jshint eqeqeq: false */
+		(jQuery.expr.attrHandle[ name ] = undefined) !=
+		getter( elem, name, isXML ) ?
+
+		name.toLowerCase() :
+		null;
+		jQuery.expr.attrHandle[ name ] = fn;
+		return ret;
+	} :
+	function( elem, name, isXML ) {
+		return isXML ?
+		undefined :
+		elem[ jQuery.camelCase( "default-" + name ) ] ?
+		name.toLowerCase() :
+		null;
+	};
+});
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = {
+		set: function( elem, value, name ) {
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					(ret = elem.ownerDocument.createAttribute( name ))
+					);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			return name === "value" || value === elem.getAttribute( name ) ?
+			value :
+			undefined;
+		}
+	};
+	jQuery.expr.attrHandle.id = jQuery.expr.attrHandle.name = jQuery.expr.attrHandle.coords =
+		// Some attributes are constructed with empty-string values when not defined
+		function( elem, name, isXML ) {
+			var ret;
+			return isXML ?
+			undefined :
+			(ret = elem.getAttributeNode( name )) && ret.value !== "" ?
+			ret.value :
+			null;
+		};
+		jQuery.valHooks.button = {
+			get: function( elem, name ) {
+				var ret = elem.getAttributeNode( name );
+				return ret && ret.specified ?
+				ret.value :
+				undefined;
+			},
+			set: nodeHook.set
+		};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each([ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		};
+	});
+}
+
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !jQuery.support.hrefNormalized ) {
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each([ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	});
+}
+
+if ( !jQuery.support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case senstitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+// Safari mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !jQuery.support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+	], function() {
+		jQuery.propFix[ this.toLowerCase() ] = this;
+	});
+
+// IE6/7 call enctype encoding
+if ( !jQuery.support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !jQuery.support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			// Support: Webkit
+			// "" is returned instead of "on" if a value isn't specified
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+var rformElems = /^(?:input|select|textarea)$/i,
+rkeyEvent = /^key/,
+rmouseEvent = /^(?:mouse|contextmenu)|click/,
+rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+ jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+		special, eventHandle, handleObj,
+		handlers, type, namespaces, origType,
+		elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== core_strundefined && (!e || jQuery.event.triggered !== e.type) ?
+				jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+				undefined;
+			};
+			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+		origCount, t, events,
+		special, handlers, type,
+		namespaces, origType,
+		elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( core_rnotwhite ) || [""];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+				if ( handleObj.selector ) {
+					handlers.delegateCount--;
+				}
+				if ( special.remove ) {
+					special.remove.call( elem, handleObj );
+				}
+			}
+		}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+		bubbleType, special, tmp, i,
+		eventPath = [ elem || document ],
+		type = core_hasOwn.call( event, "type" ) ? event.type : event,
+		namespaces = core_hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+		event :
+		new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+		new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+		null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+		[ event ] :
+		jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+			bubbleType :
+			special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && jQuery.acceptData( cur ) && handle.apply && handle.apply( cur, data ) === false ) {
+				event.preventDefault();
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, ret, handleObj, matched, j,
+		handlerQueue = [],
+		args = core_slice.call( arguments ),
+		handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+		special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+	event.handleObj = handleObj;
+	event.data = handleObj.data;
+
+	ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+	.apply( matched.elem, args );
+
+	if ( ret !== undefined ) {
+		if ( (event.result = ret) === false ) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+	}
+}
+}
+}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var sel, handleObj, matches, i,
+		handlerQueue = [],
+		delegateCount = handlers.delegateCount,
+		cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			/* jshint eqeqeq: false */
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+				/* jshint eqeqeq: true */
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+							jQuery( sel, this ).index( cur ) >= 0 :
+							jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+		type = event.type,
+		originalEvent = event,
+		fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+			rmouseEvent.test( type ) ? this.mouseHooks :
+			rkeyEvent.test( type ) ? this.keyHooks :
+			{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Chrome 23+, Safari?
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+			button = original.button,
+			fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Even when returnValue equals to undefined Firefox will still show alert
+				if ( event.result !== undefined ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+			);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+function( elem, type, handle ) {
+	if ( elem.removeEventListener ) {
+		elem.removeEventListener( type, handle, false );
+	}
+} :
+function( elem, type, handle ) {
+	var name = "on" + type;
+
+	if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event, to properly expose it to GC
+			if ( typeof elem[ name ] === core_strundefined ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+	jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = ( src.defaultPrevented || src.returnValue === false ||
+			src.getPreventDefault && src.getPreventDefault() ) ? returnTrue : returnFalse;
+
+	// Event type
+} else {
+	this.type = src;
+}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+	} else {
+		e.returnValue = false;
+	}
+},
+stopPropagation: function() {
+	var e = this.originalEvent;
+
+	this.isPropagationStopped = returnTrue;
+	if ( !e ) {
+		return;
+	}
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		this.isImmediatePropagationStopped = returnTrue;
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+			target = this,
+			related = event.relatedTarget,
+			handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// IE submit delegation
+if ( !jQuery.support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+				form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+				if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submit_bubble = true;
+					});
+					jQuery._data( form, "submitBubbles", true );
+				}
+			});
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submit_bubble ) {
+				delete event._submit_bubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event, true );
+				}
+			}
+		},
+
+		teardown: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !jQuery.support.changeBubbles ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._just_changed = true;
+						}
+					});
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._just_changed && !event.isTrigger ) {
+							this._just_changed = false;
+						}
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event, true );
+					});
+				}
+				return false;
+			}
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event, true );
+						}
+					});
+					jQuery._data( elem, "changeBubbles", true );
+				}
+			});
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Create "bubbling" focus and blur events
+if ( !jQuery.support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler while someone wants focusin/focusout
+		var attaches = 0,
+		handler = function( event ) {
+			jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+		};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				if ( attaches++ === 0 ) {
+					document.addEventListener( orig, handler, true );
+				}
+			},
+			teardown: function() {
+				if ( --attaches === 0 ) {
+					document.removeEventListener( orig, handler, true );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var type, origFn;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+				);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+var isSimple = /^.[^:#\[\.,]*$/,
+rparentsprev = /^(?:parents|prev(?:Until|All))/,
+rneedsContext = jQuery.expr.match.needsContext,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+	jQuery.fn.extend({
+		find: function( selector ) {
+			var i,
+			ret = [],
+			self = this,
+			len = self.length;
+
+			if ( typeof selector !== "string" ) {
+				return this.pushStack( jQuery( selector ).filter(function() {
+					for ( i = 0; i < len; i++ ) {
+						if ( jQuery.contains( self[ i ], this ) ) {
+							return true;
+						}
+					}
+				}) );
+			}
+
+			for ( i = 0; i < len; i++ ) {
+				jQuery.find( selector, self[ i ], ret );
+			}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+
+	has: function( target ) {
+		var i,
+		targets = jQuery( target, this ),
+		len = targets.length;
+
+		return this.filter(function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+			jQuery( selector ) :
+			selector || [],
+			false
+			).length;
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+		i = 0,
+		l = this.length,
+		ret = [],
+		pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+		jQuery( selectors, context || this.context ) :
+		0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+					jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					cur = ret.push( cur );
+				break;
+			}
+		}
+	}
+
+	return this.pushStack( ret.length > 1 ? jQuery.unique( ret ) : ret );
+},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[0], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		var set = typeof selector === "string" ?
+		jQuery( selector, context ) :
+		jQuery.makeArray( selector && selector.nodeType ? [ selector ] : selector ),
+		all = jQuery.merge( this.get(), set );
+
+		return this.pushStack( jQuery.unique(all) );
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+			);
+	}
+});
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+		elem.contentDocument || elem.contentWindow.document :
+		jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				ret = jQuery.unique( ret );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				ret = ret.reverse();
+			}
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+jQuery.extend({
+	filter: function( expr, elems, not ) {
+		var elem = elems[ 0 ];
+
+		if ( not ) {
+			expr = ":not(" + expr + ")";
+		}
+
+		return elems.length === 1 && elem.nodeType === 1 ?
+		jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+		jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+			return elem.nodeType === 1;
+		}));
+	},
+
+	dir: function( elem, dir, until ) {
+		var matched = [],
+		cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( isSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) >= 0 ) !== not;
+	});
+}
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+	safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+				);
+		}
+	}
+	return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+rleadingWhitespace = /^\s+/,
+rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+rtagName = /<([\w:]+)/,
+rtbody = /<tbody/i,
+rhtml = /<|&#?\w+;/,
+rnoInnerhtml = /<(?:script|style|link)/i,
+manipulation_rcheckableType = /^(?:checkbox|radio)$/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		area: [ 1, "<map>", "</map>" ],
+		param: [ 1, "<object>", "</object>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+		// unless wrapped in a div with non-breaking characters in front of it.
+		_default: jQuery.support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>"  ]
+	},
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+	wrapMap.optgroup = wrapMap.option;
+	wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+	wrapMap.th = wrapMap.td;
+
+	jQuery.fn.extend({
+		text: function( value ) {
+			return jQuery.access( this, function( value ) {
+				return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+			}, null, value, arguments.length );
+		},
+
+		append: function() {
+			return this.domManip( arguments, function( elem ) {
+				if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+					var target = manipulationTarget( this, elem );
+					target.appendChild( elem );
+				}
+			});
+		},
+
+		prepend: function() {
+			return this.domManip( arguments, function( elem ) {
+				if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+					var target = manipulationTarget( this, elem );
+					target.insertBefore( elem, target.firstChild );
+				}
+			});
+		},
+
+		before: function() {
+			return this.domManip( arguments, function( elem ) {
+				if ( this.parentNode ) {
+					this.parentNode.insertBefore( elem, this );
+				}
+			});
+		},
+
+		after: function() {
+			return this.domManip( arguments, function( elem ) {
+				if ( this.parentNode ) {
+					this.parentNode.insertBefore( elem, this.nextSibling );
+				}
+			});
+		},
+
+	// keepData is for internal use only--do not document
+	remove: function( selector, keepData ) {
+		var elem,
+		elems = selector ? jQuery.filter( selector, this ) : this,
+		i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+		i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map( function () {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return jQuery.access( this, function( value ) {
+			var elem = this[0] || {},
+			i = 0,
+			l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+				elem.innerHTML.replace( rinlinejQuery, "" ) :
+				undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( jQuery.support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ ( rtagName.exec( value ) || ["", ""] )[1].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+			try {
+				for (; i < l; i++ ) {
+						// Remove element nodes and prevent memory leaks
+						elem = this[i] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+			} catch(e) {}
+		}
+
+		if ( elem ) {
+			this.empty().append( value );
+		}
+	}, null, value, arguments.length );
+},
+
+replaceWith: function() {
+	var
+			// Snapshot the DOM in case .domManip sweeps something relevant into its fragment
+			args = jQuery.map( this, function( elem ) {
+				return [ elem.nextSibling, elem.parentNode ];
+			}),
+			i = 0;
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			var next = args[ i++ ],
+			parent = args[ i++ ];
+
+			if ( parent ) {
+				// Don't use the snapshot next if it has moved (#13810)
+				if ( next && next.parentNode !== parent ) {
+					next = this.nextSibling;
+				}
+				jQuery( this ).remove();
+				parent.insertBefore( elem, next );
+			}
+		// Allow new content to include elements from the context set
+	}, true );
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return i ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback, allowIntersection ) {
+
+		// Flatten any nested arrays
+		args = core_concat.apply( [], args );
+
+		var first, node, hasScripts,
+		scripts, doc, fragment,
+		i = 0,
+		l = this.length,
+		set = this,
+		iNoClone = l - 1,
+		value = args[0],
+		isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction || !( l <= 1 || typeof value !== "string" || jQuery.support.checkClone || !rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[0] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback, allowIntersection );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, !allowIntersection && this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[i], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Hope ajax is available...
+								jQuery._evalUrl( node.src );
+							} else {
+								jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+
+				// Fix #11809: Avoid leaking memory
+				fragment = first = null;
+			}
+		}
+
+		return this;
+	}
+});
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+	jQuery.nodeName( content.nodeType === 1 ? content : content.firstChild, "tr" ) ?
+
+	elem.getElementsByTagName("tbody")[0] ||
+	elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+	elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (jQuery.find.attr( elem, "type" ) !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[1];
+	} else {
+		elem.removeAttribute("type");
+	}
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+	i = 0;
+	for ( ; (elem = elems[i]) != null; i++ ) {
+		jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+	oldData = jQuery._data( src ),
+	curData = jQuery._data( dest, oldData ),
+	events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !jQuery.support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+} else if ( nodeName === "object" ) {
+	if ( dest.parentNode ) {
+		dest.outerHTML = src.outerHTML;
+	}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( jQuery.support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && manipulation_rcheckableType.test( src.type ) ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+} else if ( nodeName === "option" ) {
+	dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+} else if ( nodeName === "input" || nodeName === "textarea" ) {
+	dest.defaultValue = src.defaultValue;
+}
+}
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+		i = 0,
+		ret = [],
+		insert = jQuery( selector ),
+		last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone(true);
+			jQuery( insert[i] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			core_push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+function getAll( context, tag ) {
+	var elems, elem,
+	i = 0,
+	found = typeof context.getElementsByTagName !== core_strundefined ? context.getElementsByTagName( tag || "*" ) :
+	typeof context.querySelectorAll !== core_strundefined ? context.querySelectorAll( tag || "*" ) :
+	undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+	jQuery.merge( [ context ], found ) :
+	found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+	if ( manipulation_rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+		inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( jQuery.support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+	} else {
+		fragmentDiv.innerHTML = elem.outerHTML;
+		fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+	}
+
+	if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
+		(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+		destElements = getAll( clone );
+		srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[i] ) {
+					fixCloneNodeIssues( node, destElements[i] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+					cloneCopyEvent( node, destElements[i] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var j, elem, contains,
+		tmp, tag, tbody, wrap,
+		l = elems.length,
+
+			// Ensure a safe fragment
+			safe = createSafeFragment( context ),
+
+			nodes = [],
+			i = 0;
+
+			for ( ; i < l; i++ ) {
+				elem = elems[ i ];
+
+				if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+			} else if ( !rhtml.test( elem ) ) {
+				nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+			} else {
+				tmp = tmp || safe.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || ["", ""] )[1].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+
+					tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+					// Descend through wrappers to the right content
+					j = wrap[0];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Manually add leading whitespace removed by IE
+					if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+						nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+					}
+
+					// Remove IE's autoinserted <tbody> from table fragments
+					if ( !jQuery.support.tbody ) {
+
+						// String was a <table>, *may* have spurious <tbody>
+						elem = tag === "table" && !rtbody.test( elem ) ?
+						tmp.firstChild :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !rtbody.test( elem ) ?
+							tmp :
+							0;
+
+							j = elem && elem.childNodes.length;
+							while ( j-- ) {
+								if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+									elem.removeChild( tbody );
+								}
+							}
+						}
+
+						jQuery.merge( nodes, tmp.childNodes );
+
+					// Fix #12392 for WebKit and IE > 9
+					tmp.textContent = "";
+
+					// Fix #12392 for oldIE
+					while ( tmp.firstChild ) {
+						tmp.removeChild( tmp.firstChild );
+					}
+
+					// Remember the top-level container for proper cleanup
+					tmp = safe.lastChild;
+				}
+			}
+		}
+
+		// Fix #11356: Clear elements from fragment
+		if ( tmp ) {
+			safe.removeChild( tmp );
+		}
+
+		// Reset defaultChecked for any radios and checkboxes
+		// about to be appended to the DOM in IE 6/7 (#8060)
+		if ( !jQuery.support.appendChecked ) {
+			jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+		}
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( safe.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		tmp = null;
+
+		return safe;
+	},
+
+	cleanData: function( elems, /* internal */ acceptData ) {
+		var elem, type, id, data,
+		i = 0,
+		internalKey = jQuery.expando,
+		cache = jQuery.cache,
+		deleteExpando = jQuery.support.deleteExpando,
+		special = jQuery.event.special;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( acceptData || jQuery.acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+						} else {
+							jQuery.removeEvent( elem, type, data.handle );
+						}
+					}
+				}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// IE does not allow us to delete expando properties from nodes,
+						// nor does it have a removeAttribute function on Document nodes;
+						// we must handle all of these cases
+						if ( deleteExpando ) {
+							delete elem[ internalKey ];
+
+						} else if ( typeof elem.removeAttribute !== core_strundefined ) {
+							elem.removeAttribute( internalKey );
+
+						} else {
+							elem[ internalKey ] = null;
+						}
+
+						core_deletedIds.push( id );
+					}
+				}
+			}
+		}
+	},
+
+	_evalUrl: function( url ) {
+		return jQuery.ajax({
+			url: url,
+			type: "GET",
+			dataType: "script",
+			async: false,
+			global: false,
+			"throws": true
+		});
+	}
+});
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+			contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function(i) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+var iframe, getStyles, curCSS,
+ralpha = /alpha\([^)]*\)/i,
+ropacity = /opacity\s*=\s*([^)]*)/,
+rposition = /^(top|right|bottom|left)$/,
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rmargin = /^margin/,
+	rnumsplit = new RegExp( "^(" + core_pnum + ")(.*)$", "i" ),
+	rnumnonpx = new RegExp( "^(" + core_pnum + ")(?!px)[a-z%]+$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + core_pnum + ")", "i" ),
+	elemdisplay = { BODY: "block" },
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: 0,
+		fontWeight: 400
+	},
+
+	cssExpand = [ "Top", "Right", "Bottom", "Left" ],
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt(0).toUpperCase() + name.slice(1),
+	origName = name,
+	i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function isHidden( elem, el ) {
+	// isHidden might be called from jQuery#filter function;
+	// in that case, element will be second argument
+	elem = el || elem;
+	return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+	values = [],
+	index = 0,
+	length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = jQuery._data( elem, "olddisplay", css_defaultDisplay(elem.nodeName) );
+			}
+		} else {
+
+			if ( !values[ index ] ) {
+				hidden = isHidden( elem );
+
+				if ( display && display !== "none" || !hidden ) {
+					jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+				}
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return jQuery.access( this, function( elem, name, value ) {
+			var len, styles,
+			map = {},
+			i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+			jQuery.style( elem, name, value ) :
+			jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each(function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": jQuery.support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+		origName = jQuery.camelCase( name ),
+		style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that NaN and null values aren't set. See: #7116
+			if ( value == null || type === "number" && isNaN( value ) ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !jQuery.support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+				// Wrapped to prevent IE from throwing errors when 'invalid' values are provided
+				// Fixes bug #5509
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+		origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+// NOTE: we've included the "window" in window.getComputedStyle
+// because jsdom on node.js will break without it.
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+		return window.getComputedStyle( elem, null );
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var width, minWidth, maxWidth,
+		computed = _computed || getStyles( elem ),
+
+			// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+			ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined,
+			style = elem.style;
+
+			if ( computed ) {
+
+				if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+					ret = jQuery.style( elem, name );
+				}
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		return ret;
+	};
+} else if ( document.documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, _computed ) {
+		var left, rs, rsLeft,
+		computed = _computed || getStyles( elem ),
+		ret = computed ? computed[ name ] : undefined,
+		style = elem.style;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are proportional to the parent element instead
+		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		return ret === "" ? "auto" : ret;
+	};
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+	}
+
+	function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+		var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+		for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+	val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+	styles = getStyles( elem ),
+	isBorderBox = jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox && ( jQuery.support.boxSizingReliable || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+			)
+		) + "px";
+}
+
+// Try to determine the default display value of an element
+function css_defaultDisplay( nodeName ) {
+	var doc = document,
+	display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+			// Use the already-created iframe if possible
+			iframe = ( iframe ||
+				jQuery("<iframe frameborder='0' width='0' height='0'/>")
+				.css( "cssText", "display:block !important" )
+				).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[0].contentWindow || iframe[0].contentDocument ).document;
+			doc.write("<!doctype html><html><body>");
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+
+// Called ONLY from within css_defaultDisplay
+function actualDisplay( name, doc ) {
+	var elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+	display = jQuery.css( elem[0], "display" );
+	elem.remove();
+	return display;
+}
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return elem.offsetWidth === 0 && rdisplayswap.test( jQuery.css( elem, "display" ) ) ?
+				jQuery.swap( elem, cssShow, function() {
+					return getWidthOrHeight( elem, name, extra );
+				}) :
+				getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+					) : 0
+				);
+		}
+	};
+});
+
+if ( !jQuery.support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+			( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+			computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+			currentStyle = elem.currentStyle,
+			opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+			filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+				jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+				style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+			filter.replace( ralpha, opacity ) :
+			filter + " " + opacity;
+		}
+	};
+}
+
+// These hooks cannot be added until DOM ready because the support test
+// for it is not run until after DOM ready
+jQuery(function() {
+	if ( !jQuery.support.reliableMarginRight ) {
+		jQuery.cssHooks.marginRight = {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+					// Work around by temporarily setting element display to inline-block
+					return jQuery.swap( elem, { "display": "inline-block" },
+						curCSS, [ elem, "marginRight" ] );
+				}
+			}
+		};
+	}
+
+	// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+	// getComputedStyle returns percent when specified for top/left/bottom/right
+	// rather than make the css module depend on the offset module, we just check for it here
+	if ( !jQuery.support.pixelPosition && jQuery.fn.position ) {
+		jQuery.each( [ "top", "left" ], function( i, prop ) {
+			jQuery.cssHooks[ prop ] = {
+				get: function( elem, computed ) {
+					if ( computed ) {
+						computed = curCSS( elem, prop );
+						// if curCSS returns percentage, fallback to offset
+						return rnumnonpx.test( computed ) ?
+						jQuery( elem ).position()[ prop ] + "px" :
+						computed;
+					}
+				}
+			};
+		});
+	}
+
+});
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.hidden = function( elem ) {
+		// Support: Opera <= 12.12
+		// Opera reports offsetWidths and offsetHeights less than zero on some elements
+		return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+		(!jQuery.support.reliableHiddenOffsets && ((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+	};
+
+	jQuery.expr.filters.visible = function( elem ) {
+		return !jQuery.expr.filters.hidden( elem );
+	};
+}
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+			expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+				for ( ; i < 4; i++ ) {
+					expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+				}
+
+				return expanded;
+			}
+		};
+
+		if ( !rmargin.test( prefix ) ) {
+			jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+		}
+	});
+var r20 = /%20/g,
+rbracket = /\[\]$/,
+rCRLF = /\r?\n/g,
+rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function(){
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function(){
+			var type = this.type;
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+			rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+			( this.checked || !manipulation_rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ){
+			var val = jQuery( this ).val();
+
+			return val == null ?
+			null :
+			jQuery.isArray( val ) ?
+			jQuery.map( val, function( val ){
+				return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+			}) :
+			{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+//Serialize an array of form elements or a set of
+//key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+	s = [],
+	add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+for ( prefix in a ) {
+	buildParams( prefix, a[ prefix ], traditional, add );
+}
+}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+		this.on( name, null, data, fn ) :
+		this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+	ajax_nonce = jQuery.now(),
+
+	ajax_rquery = /\?/,
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,
+
+	// Keep a copy of the old load method
+	_load = jQuery.fn.load,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+*/
+prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+*/
+transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+		i = 0,
+		dataTypes = dataTypeExpression.toLowerCase().match( core_rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+			} else {
+				(structure[ dataType ] = structure[ dataType ] || []).push( func );
+			}
+		}
+	}
+};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+	seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+	flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, response, type,
+	self = this,
+	off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = url.slice( off, url.length );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+} else if ( params && typeof params === "object" ) {
+	type = "POST";
+}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ){
+	jQuery.fn[ type ] = function( fn ){
+		return this.on( type, fn );
+	};
+});
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+		},
+
+		ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+		ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Cross-domain detection vars
+		parts,
+			// Loop variable
+			i,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers as string
+			responseHeadersString,
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+			// Response headers
+			responseHeaders,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+			jQuery( callbackContext ) :
+			jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( core_rnotwhite ) || [""];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+					( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+				);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + ajax_nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( ajax_rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + ajax_nonce++;
+				}
+			}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+			s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+			s.accepts[ "*" ]
+			);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+			} else {
+				throw e;
+			}
+		}
+	}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+			statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+			} else if ( status === 304 ) {
+				statusText = "notmodified";
+
+				// If we have data, let's convert it
+			} else {
+				statusText = response.state;
+				success = response.data;
+				error = response.error;
+				isSuccess = !error;
+			}
+		} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+ function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+	contents = s.contents,
+	dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+ function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+	converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+		} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+							converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+							} else if ( converters[ conv2 ] !== true ) {
+								current = tmp[ 0 ];
+								dataTypes.unshift( tmp[ 1 ] );
+							}
+							break;
+						}
+					}
+				}
+			}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+		head = document.head || jQuery("head")[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement("script");
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+});
+var oldCallbacks = [],
+rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( ajax_nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+	jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+		"url" :
+		typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+		s.jsonpCallback() :
+		s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( ajax_rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+var xhrCallbacks, xhrSupported,
+xhrId = 0,
+	// #5280: Internet Explorer will keep connections alive if we don't abort on unload
+	xhrOnUnloadAbort = window.ActiveXObject && function() {
+		// Abort all pending requests
+		var key;
+		for ( key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	};
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject("Microsoft.XMLHTTP");
+	} catch( e ) {}
+}
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject ?
+	/* Microsoft failed to properly
+	 * implement the XMLHttpRequest in IE7 (can't request local files),
+	 * so we use the ActiveXObject when it is available
+	 * Additionally XMLHttpRequest can be disabled in IE7/IE8 so
+	 * we need a fallback.
+	 */
+	 function() {
+		return !this.isLocal && createStandardXHR() || createActiveXHR();
+	 } :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+// Determine support properties
+xhrSupported = jQuery.ajaxSettings.xhr();
+jQuery.support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = jQuery.support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport(function( s ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !s.crossDomain || jQuery.support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+
+					// Get a new xhr
+					var handle, i,
+					xhr = s.xhr();
+
+					// Open the socket
+					// Passing null username, generates a login popup on Opera (#2865)
+					if ( s.username ) {
+						xhr.open( s.type, s.url, s.async, s.username, s.password );
+					} else {
+						xhr.open( s.type, s.url, s.async );
+					}
+
+					// Apply custom fields if provided
+					if ( s.xhrFields ) {
+						for ( i in s.xhrFields ) {
+							xhr[ i ] = s.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( s.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( s.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !s.crossDomain && !headers["X-Requested-With"] ) {
+						headers["X-Requested-With"] = "XMLHttpRequest";
+					}
+
+					// Need an extra try/catch for cross domain requests in Firefox 3
+					try {
+						for ( i in headers ) {
+							xhr.setRequestHeader( i, headers[ i ] );
+						}
+					} catch( err ) {}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( s.hasContent && s.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, responseHeaders, statusText, responses;
+
+						// Firefox throws exceptions when accessing properties
+						// of an xhr when a network error occurred
+						// http://helpful.knobs-dials.com/index.php/Component_returned_failure_code:_0x80040111_(NS_ERROR_NOT_AVAILABLE)
+						try {
+
+							// Was never called and is aborted or complete
+							if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+
+								// Only called once
+								callback = undefined;
+
+								// Do not keep as active anymore
+								if ( handle ) {
+									xhr.onreadystatechange = jQuery.noop;
+									if ( xhrOnUnloadAbort ) {
+										delete xhrCallbacks[ handle ];
+									}
+								}
+
+								// If it's an abort
+								if ( isAbort ) {
+									// Abort it manually if needed
+									if ( xhr.readyState !== 4 ) {
+										xhr.abort();
+									}
+								} else {
+									responses = {};
+									status = xhr.status;
+									responseHeaders = xhr.getAllResponseHeaders();
+
+									// When requesting binary data, IE6-9 will throw an exception
+									// on any attempt to access responseText (#11426)
+									if ( typeof xhr.responseText === "string" ) {
+										responses.text = xhr.responseText;
+									}
+
+									// Firefox throws an exception when accessing
+									// statusText for faulty cross-domain requests
+									try {
+										statusText = xhr.statusText;
+									} catch( e ) {
+										// We normalize with Webkit giving an empty statusText
+										statusText = "";
+									}
+
+									// Filter status for non standard behaviors
+
+									// If the request is local and we have data: assume a success
+									// (success with no data won't get notified, that's the best we
+									// can do given current implementations)
+if ( !status && s.isLocal && !s.crossDomain ) {
+	status = responses.text ? 200 : 404;
+									// IE - #1450: sometimes returns 1223 when it should be 204
+								} else if ( status === 1223 ) {
+									status = 204;
+								}
+							}
+						}
+					} catch( firefoxAccessException ) {
+						if ( !isAbort ) {
+							complete( -1, firefoxAccessException );
+						}
+					}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, responseHeaders );
+						}
+					};
+
+					if ( !s.async ) {
+						// if we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						setTimeout( callback );
+					} else {
+						handle = ++xhrId;
+						if ( xhrOnUnloadAbort ) {
+							// Create the active xhrs callbacks list if needed
+							// and attach the unload handler
+							if ( !xhrCallbacks ) {
+								xhrCallbacks = {};
+								jQuery( window ).unload( xhrOnUnloadAbort );
+							}
+							// Add to list of active xhrs callbacks
+							xhrCallbacks[ handle ] = callback;
+						}
+						xhr.onreadystatechange = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	});
+}
+var fxNow, timerId,
+rfxtypes = /^(?:toggle|show|hide)$/,
+rfxnum = new RegExp( "^(?:([+-])=|)(" + core_pnum + ")([a-z%]*)$", "i" ),
+rrun = /queueHooks$/,
+animationPrefilters = [ defaultPrefilter ],
+tweeners = {
+	"*": [function( prop, value ) {
+		var tween = this.createTween( prop, value ),
+		target = tween.cur(),
+		parts = rfxnum.exec( value ),
+		unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+				rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+				if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*
+					// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur()
+				// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+			} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+		}
+
+			// Update tween properties
+			if ( parts ) {
+				start = tween.start = +start || +target || 0;
+				tween.unit = unit;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+				start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+				+parts[ 2 ];
+			}
+
+			return tween;
+		}]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+	collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+	index = 0,
+	length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+	stopped,
+	index = 0,
+	length = animationPrefilters.length,
+	deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+	tick = function() {
+		if ( stopped ) {
+			return false;
+		}
+		var currentTime = fxNow || createFxNow(),
+		remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( percent );
+				}
+
+				deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+				if ( percent < 1 && length ) {
+					return remaining;
+				} else {
+					deferred.resolveWith( elem, [ animation ] );
+					return false;
+				}
+			},
+			animation = deferred.promise({
+				elem: elem,
+				props: jQuery.extend( {}, properties ),
+				opts: jQuery.extend( true, { specialEasing: {} }, options ),
+				originalProperties: properties,
+				originalOptions: options,
+				startTime: fxNow || createFxNow(),
+				duration: options.duration,
+				tweens: [],
+				createTween: function( prop, end ) {
+					var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+					animation.tweens.push( tween );
+					return tween;
+				},
+				stop: function( gotoEnd ) {
+					var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+					if ( stopped ) {
+						return this;
+					}
+					stopped = true;
+					for ( ; index < length ; index++ ) {
+						animation.tweens[ index ].run( 1 );
+					}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+props = animation.props;
+
+propFilter( props, animation.opts.specialEasing );
+
+for ( ; index < length ; index++ ) {
+	result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+	if ( result ) {
+		return result;
+	}
+}
+
+jQuery.map( props, createTween, animation );
+
+if ( jQuery.isFunction( animation.opts.start ) ) {
+	animation.opts.start.call( elem, animation );
+}
+
+jQuery.fx.timer(
+	jQuery.extend( tick, {
+		elem: elem,
+		anim: animation,
+		queue: animation.opts.queue
+	})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+	.done( animation.opts.done, animation.opts.complete )
+	.fail( animation.opts.fail )
+	.always( animation.opts.always );
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+		index = 0,
+		length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire,
+	anim = this,
+	orig = {},
+	style = elem.style,
+	hidden = elem.nodeType && isHidden( elem ),
+	dataShow = jQuery._data( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		if ( jQuery.css( elem, "display" ) === "inline" &&
+			jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !jQuery.support.inlineBlockNeedsLayout || css_defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !jQuery.support.shrinkWrapBlocks ) {
+			anim.always(function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			});
+		}
+	}
+
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+				continue;
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = jQuery._data( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+	}
+}
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+		hooks.get( this ) :
+		Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+		hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+				);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+		}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+		cssFn.apply( this, arguments ) :
+		this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+		},
+		animate: function( prop, speed, easing, callback ) {
+			var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+			return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+		},
+		stop: function( type, clearQueue, gotoEnd ) {
+			var stopQueue = function( hooks ) {
+				var stop = hooks.stop;
+				delete hooks.stop;
+				stop( gotoEnd );
+			};
+
+			if ( typeof type !== "string" ) {
+				gotoEnd = clearQueue;
+				clearQueue = type;
+				type = undefined;
+			}
+			if ( clearQueue && type !== false ) {
+				this.queue( type || "fx", [] );
+			}
+
+			return this.each(function() {
+				var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+				if ( index ) {
+					if ( data[ index ] && data[ index ].stop ) {
+						stopQueue( data[ index ] );
+					}
+				} else {
+					for ( index in data ) {
+						if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+							stopQueue( data[ index ] );
+						}
+					}
+				}
+
+				for ( index = timers.length; index--; ) {
+					if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+						timers[ index ].anim.stop( gotoEnd );
+						dequeue = false;
+						timers.splice( index, 1 );
+					}
+				}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+		},
+		finish: function( type ) {
+			if ( type !== false ) {
+				type = type || "fx";
+			}
+			return this.each(function() {
+				var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+		}
+	});
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+	attrs = { height: type },
+	i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth? 1 : 0;
+	for( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+		jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+	opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p*Math.PI ) / 2;
+	}
+};
+
+jQuery.timers = [];
+jQuery.fx = Tween.prototype.init;
+jQuery.fx.tick = function() {
+	var timer,
+	timers = jQuery.timers,
+	i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	if ( timer() && jQuery.timers.push( timer ) ) {
+		jQuery.fx.start();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+if ( jQuery.expr && jQuery.expr.filters ) {
+	jQuery.expr.filters.animated = function( elem ) {
+		return jQuery.grep(jQuery.timers, function( fn ) {
+			return elem === fn.elem;
+		}).length;
+	};
+}
+jQuery.fn.offset = function( options ) {
+	if ( arguments.length ) {
+		return options === undefined ?
+		this :
+		this.each(function( i ) {
+			jQuery.offset.setOffset( this, options, i );
+		});
+	}
+
+	var docElem, win,
+	box = { top: 0, left: 0 },
+	elem = this[ 0 ],
+	doc = elem && elem.ownerDocument;
+
+	if ( !doc ) {
+		return;
+	}
+
+	docElem = doc.documentElement;
+
+	// Make sure it's not a disconnected DOM node
+	if ( !jQuery.contains( docElem, elem ) ) {
+		return box;
+	}
+
+	// If we don't have gBCR, just use 0,0 rather than error
+	// BlackBerry 5, iOS 3 (original iPhone)
+	if ( typeof elem.getBoundingClientRect !== core_strundefined ) {
+		box = elem.getBoundingClientRect();
+	}
+	win = getWindow( doc );
+	return {
+		top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+		left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+	};
+};
+
+jQuery.offset = {
+
+	setOffset: function( elem, options, i ) {
+		var position = jQuery.css( elem, "position" );
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		var curElem = jQuery( elem ),
+		curOffset = curElem.offset(),
+		curCSSTop = jQuery.css( elem, "top" ),
+		curCSSLeft = jQuery.css( elem, "left" ),
+		calculatePosition = ( position === "absolute" || position === "fixed" ) && jQuery.inArray("auto", [curCSSTop, curCSSLeft]) > -1,
+		props = {}, curPosition = {}, curTop, curLeft;
+
+		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+
+jQuery.fn.extend({
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+		parentOffset = { top: 0, left: 0 },
+		elem = this[ 0 ];
+
+		// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is it's only offset parent
+			if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position") === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || docElem;
+		});
+	}
+});
+
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( {scrollLeft: "pageXOffset", scrollTop: "pageYOffset"}, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return jQuery.access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? (prop in win) ? win[ prop ] :
+				win.document.documentElement[ method ] :
+				elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+					);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+	elem :
+	elem.nodeType === 9 ?
+	elem.defaultView || elem.parentWindow :
+	false;
+}
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+			extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return jQuery.access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+						);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+				}, type, chainable ? margin : undefined, chainable, null );
+};
+});
+});
+// Limit scope pollution from any deprecated API
+// (function() {
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+// })();
+if ( typeof module === "object" && module && typeof module.exports === "object" ) {
+	// Expose jQuery as module.exports in loaders that implement the Node
+	// module pattern (including browserify). Do not create the global, since
+	// the user will be storing it themselves locally, and globals are frowned
+	// upon in the Node module world.
+	module.exports = jQuery;
+} else {
+	// Otherwise expose jQuery to the global object as usual
+	window.jQuery = window.$ = jQuery;
+
+	// Register as a named AMD module, since jQuery can be concatenated with other
+	// files that may use define, but not via a proper concatenation script that
+	// understands anonymous AMD modules. A named AMD is safest and most robust
+	// way to register. Lowercase jquery is used because AMD module names are
+	// derived from file names, and jQuery is normally delivered in a lowercase
+	// file name. Do this after creating the global so that if an AMD module wants
+	// to call noConflict to hide this version of jQuery, it will work.
+	if ( typeof define === "function" && define.amd ) {
+		define( "jquery", [], function () { return jQuery; } );
+	}
+}
+
+})( window );
+// The MIT License (MIT)
+
+// Typed.js | Copyright (c) 2014 Matt Boldt | www.mattboldt.com
+
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+
+
+
+! function($) {
+
+	"use strict";
+
+	var Typed = function(el, options) {
+
+		// chosen element to manipulate text
+		this.el = $(el);
+
+		// options
+		this.options = $.extend({}, $.fn.typed.defaults, options);
+
+		// attribute to type into
+		this.isInput = this.el.is('input');
+		this.attr = this.options.attr;
+
+		// show cursor
+		this.showCursor = this.isInput ? false : this.options.showCursor;
+
+		// text content of element
+		this.elContent = this.attr ? this.el.attr(this.attr) : this.el.text()
+
+		// html or plain text
+		this.contentType = this.options.contentType;
+
+		// typing speed
+		this.typeSpeed = this.options.typeSpeed;
+
+		// add a delay before typing starts
+		this.startDelay = this.options.startDelay;
+
+		// backspacing speed
+		this.backSpeed = this.options.backSpeed;
+
+		// amount of time to wait before backspacing
+		this.backDelay = this.options.backDelay;
+
+		// input strings of text
+		this.strings = this.options.strings;
+
+		// character number position of current string
+		this.strPos = 0;
+
+		// current array position
+		this.arrayPos = 0;
+
+		// number to stop backspacing on.
+		// default 0, can change depending on how many chars
+		// you want to remove at the time
+		this.stopNum = 0;
+
+		// Looping logic
+		this.loop = this.options.loop;
+		this.loopCount = this.options.loopCount;
+		this.curLoop = 0;
+
+		// for stopping
+		this.stop = false;
+
+		// custom cursor
+		this.cursorChar = this.options.cursorChar;
+
+		// All systems go!
+		this.build();
+	};
+
+	Typed.prototype = {
+
+		constructor: Typed
+
+		,
+		init: function() {
+			// begin the loop w/ first current string (global self.string)
+			// current string will be passed as an argument each time after this
+			var self = this;
+			self.timeout = setTimeout(function() {
+				// Start typing
+				self.typewrite(self.strings[self.arrayPos], self.strPos);
+			}, self.startDelay);
+		}
+
+		,
+		build: function() {
+			// Insert cursor
+			if (this.showCursor === true) {
+				this.cursor = $("<span class=\"typed-cursor\">" + this.cursorChar + "</span>");
+				this.el.after(this.cursor);
+			}
+			this.init();
+		}
+
+		// pass current string state to each function, types 1 char per call
+		,
+		typewrite: function(curString, curStrPos) {
+			// exit when stopped
+			if (this.stop === true) {
+				return;
+			}
+
+			// varying values for setTimeout during typing
+			// can't be global since number changes each time loop is executed
+			var humanize = Math.round(Math.random() * (100 - 30)) + this.typeSpeed;
+			var self = this;
+
+			// ------------- optional ------------- //
+			// backpaces a certain string faster
+			// ------------------------------------ //
+			// if (self.arrayPos == 1){
+			//  self.backDelay = 50;
+			// }
+			// else{ self.backDelay = 500; }
+
+			// contain typing function in a timeout humanize'd delay
+			self.timeout = setTimeout(function() {
+				// check for an escape character before a pause value
+				// format: \^\d+ .. eg: ^1000 .. should be able to print the ^ too using ^^
+				// single ^ are removed from string
+				var charPause = 0;
+				var substr = curString.substr(curStrPos);
+				if (substr.charAt(0) === '^') {
+					var skip = 1; // skip atleast 1
+					if (/^\^\d+/.test(substr)) {
+						substr = /\d+/.exec(substr)[0];
+						skip += substr.length;
+						charPause = parseInt(substr);
+					}
+
+					// strip out the escape character and pause value so they're not printed
+					curString = curString.substring(0, curStrPos) + curString.substring(curStrPos + skip);
+				}
+
+				if (self.contentType === 'html') {
+					// skip over html tags while typing
+					if (curString.substr(curStrPos).charAt(0) === '<') {
+						var tag = '';
+						while (curString.substr(curStrPos).charAt(0) !== '>') {
+							tag += curString.substr(curStrPos).charAt(0);
+							curStrPos++;
+						}
+						curStrPos++;
+						tag += '>';
+					}
+				}
+
+				// timeout for any pause after a character
+				self.timeout = setTimeout(function() {
+					if (curStrPos === curString.length) {
+						// fires callback function
+						self.options.onStringTyped(self.arrayPos);
+
+						// is this the final string
+						if (self.arrayPos === self.strings.length - 1) {
+							// animation that occurs on the last typed string
+							self.options.callback();
+
+							self.curLoop++;
+
+							// quit if we wont loop back
+							if (self.loop === false || self.curLoop === self.loopCount)
+								return;
+						}
+
+						self.timeout = setTimeout(function() {
+							self.backspace(curString, curStrPos);
+						}, self.backDelay);
+					} else {
+
+						/* call before functions if applicable */
+						if (curStrPos === 0)
+							self.options.preStringTyped(self.arrayPos);
+
+						// start typing each new char into existing string
+						// curString: arg, self.el.html: original text inside element
+						var nextString = curString.substr(0, curStrPos + 1);
+						if (self.attr) {
+							self.el.attr(self.attr, nextString);
+						} else {
+							if (self.isInput) {
+								self.el.val(nextString);
+							} else if (self.contentType === 'html') {
+								self.el.html(nextString);
+							} else {
+								self.el.text(nextString);
+							}
+						}
+
+						// add characters one by one
+						curStrPos++;
+						// loop the function
+						self.typewrite(curString, curStrPos);
+					}
+					// end of character pause
+				}, charPause);
+
+				// humanized value for typing
+			}, humanize);
+
+}
+
+,
+backspace: function(curString, curStrPos) {
+			// exit when stopped
+			if (this.stop === true) {
+				return;
+			}
+
+			// varying values for setTimeout during typing
+			// can't be global since number changes each time loop is executed
+			var humanize = Math.round(Math.random() * (100 - 30)) + this.backSpeed;
+			var self = this;
+
+			self.timeout = setTimeout(function() {
+
+				// ----- this part is optional ----- //
+				// check string array position
+				// on the first string, only delete one word
+				// the stopNum actually represents the amount of chars to
+				// keep in the current string. In my case it's 14.
+				// if (self.arrayPos == 1){
+				//  self.stopNum = 14;
+				// }
+				//every other time, delete the whole typed string
+				// else{
+				//  self.stopNum = 0;
+				// }
+
+				if (self.contentType === 'html') {
+					// skip over html tags while backspacing
+					if (curString.substr(curStrPos).charAt(0) === '>') {
+						var tag = '';
+						while (curString.substr(curStrPos).charAt(0) !== '<') {
+							tag -= curString.substr(curStrPos).charAt(0);
+							curStrPos--;
+						}
+						curStrPos--;
+						tag += '<';
+					}
+				}
+
+				// ----- continue important stuff ----- //
+				// replace text with base text + typed characters
+				var nextString = curString.substr(0, curStrPos);
+				if (self.attr) {
+					self.el.attr(self.attr, nextString);
+				} else {
+					if (self.isInput) {
+						self.el.val(nextString);
+					} else if (self.contentType === 'html') {
+						self.el.html(nextString);
+					} else {
+						self.el.text(nextString);
+					}
+				}
+
+				// if the number (id of character in current string) is
+				// less than the stop number, keep going
+				if (curStrPos > self.stopNum) {
+					// subtract characters one by one
+					curStrPos--;
+					// loop the function
+					self.backspace(curString, curStrPos);
+				}
+				// if the stop number has been reached, increase
+				// array position to next string
+				else if (curStrPos <= self.stopNum) {
+					self.arrayPos++;
+
+					if (self.arrayPos === self.strings.length) {
+						self.arrayPos = 0;
+						self.init();
+					} else
+					self.typewrite(self.strings[self.arrayPos], curStrPos);
+				}
+
+				// humanized value for typing
+			}, humanize);
+
+}
+
+		// Start & Stop currently not working
+
+		// , stop: function() {
+		//     var self = this;
+
+		//     self.stop = true;
+		//     clearInterval(self.timeout);
+		// }
+
+		// , start: function() {
+		//     var self = this;
+		//     if(self.stop === false)
+		//        return;
+
+		//     this.stop = false;
+		//     this.init();
+		// }
+
+		// Reset and rebuild the element
+		,
+		reset: function() {
+			var self = this;
+			clearInterval(self.timeout);
+			var id = this.el.attr('id');
+			this.el.after('<span id="' + id + '"/>')
+			this.el.remove();
+			if (typeof this.cursor !== 'undefined') {
+				this.cursor.remove();
+			}
+			// Send the callback
+			self.options.resetCallback();
+		}
+
+	};
+
+	$.fn.typed = function(option) {
+		return this.each(function() {
+			var $this = $(this),
+			data = $this.data('typed'),
+			options = typeof option == 'object' && option;
+			if (!data) $this.data('typed', (data = new Typed(this, options)));
+			if (typeof option == 'string') data[option]();
+		});
+	};
+
+	$.fn.typed.defaults = {
+		strings: ["These are the default values...", "You know what you should do?", "Use your own!", "Have a great day!"],
+		// typing speed
+		typeSpeed: 0,
+		// time before typing starts
+		startDelay: 0,
+		// backspacing speed
+		backSpeed: 0,
+		// time before backspacing
+		backDelay: 500,
+		// loop
+		loop: false,
+		// false = infinite
+		loopCount: false,
+		// show cursor
+		showCursor: true,
+		// character for cursor
+		cursorChar: "|",
+		// attribute to type (null == text)
+		attr: null,
+		// either html or text
+		contentType: 'html',
+		// call when done callback function
+		callback: function() {},
+		// starting callback function before each string
+		preStringTyped: function() {},
+		//callback for every typed string
+		onStringTyped: function() {},
+		// callback for reset
+		resetCallback: function() {}
+	};
+
+
+}(window.jQuery);
+
+function throttle (callback, limit) {
+	var wait = false;                 // Initially, we're not waiting
+	return function () {              // We return a throttled function
+		if (!wait) {                  // If we're not waiting
+			callback.call();          // Execute users function
+			wait = true;              // Prevent future invocations
+			setTimeout(function () {  // After a period of time
+				wait = false;         // And allow future invocations
+			}, limit);
+		}
+	}
+}
+
+
+
+$(function(){
+	var options = [
+	'Signup form for your newsletter.',
+	'Your webshop.',
+	'Registration form for your app.'
+	];
+
+	var expandTopBarCta = (function(){
+		var $window = $(window);
+		var $ctaBar = $('.top-bar-cta');
+		var timeout;
+		var fn = function(){
+			clearTimeout(timeout);
+			var scrollTop = $window.scrollTop();
+			$ctaBar.toggleClass('top-bar-cta-expanded', scrollTop > 500);
+			timeout = setTimeout(fn, 500);
+		}
+		return fn;
+	})();
+
+	$('.convert-options').typed({
+		strings: options,
+		typeSpeed: 0,
+		loop: true,
+		showCursor: true,
+		backDelay: 5000
+	});
+
+	$('.embed-wrapper, .example-embed').each(function(){
+		var $embedWrapper = $(this);
+		var $overlay = $embedWrapper.find('.embed-overlay');
+		var timeout;
+		$embedWrapper.on('mouseenter', function(){
+			clearTimeout(timeout);
+			timeout = setTimeout(function(){
+				$overlay.hide();
+			}, 200);
+		});
+		$embedWrapper.on('mouseleave', function(){
+			clearTimeout(timeout);
+			timeout = setTimeout(function(){
+				$overlay.show();
+			}, 200);
+		});
+	});
+
+	$('.subscribe-to-newsletter').click(function(){
+		$('.newsletter-form-wrapper').show();
+	});
+
+	$('.newsletter-form-wrapper .close-newsletter').click(function(){
+		$('.newsletter-form-wrapper').hide();
+	});
+
+	$(window).on('scroll', throttle(expandTopBarCta, 200));
+
+	$('.same-page-link').on('click', function(){
+		var $link = $(this);
+		var selector = '#' + $link.attr('href').split('#').pop();
+		var $scrollToEl = $(selector);
+		var $offset = $scrollToEl.offset().top;
+		$(window).scrollTop($offset - 100);
+		return false;
+	});
+
+	var hashtag = window.location.hash;
+
+	if(hashtag === "#newsletter-form"){
+		$('.newsletter-form-wrapper').show();
+	}
+
+	videojs('connect-moderate-embed').ready(function() {
+		var myPlayer = this;
+		var $el = $('#connect-moderate-embed');
+		var $offset = $el.offset().top;
+		
+		var scrollToVideo = function(){
+			$(window).scrollTop($offset - 100);
+		}
+
+
+		$('.play-connect-step').on('click', function(){
+			scrollToVideo();
+			myPlayer.play();
+		});
+
+		$('.play-moderate-step').on('click', function(){
+			scrollToVideo();
+			myPlayer.play();
+			myPlayer.currentTime(15);
+		});
+
+		$('.play-embed-step').on('click', function(){
+			scrollToVideo();
+			myPlayer.play();
+			myPlayer.currentTime(41);
+		});
+	});
+
+	expandTopBarCta();
+});
diff --git a/site/javascripts/typed.js b/site/javascripts/typed.js
new file mode 100644
index 0000000..6763a00
--- /dev/null
+++ b/site/javascripts/typed.js
@@ -0,0 +1,383 @@
+// The MIT License (MIT)
+
+// Typed.js | Copyright (c) 2014 Matt Boldt | www.mattboldt.com
+
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+
+// The above copyright notice and this permission notice shall be included in
+// all copies or substantial portions of the Software.
+
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+// THE SOFTWARE.
+
+
+
+
+! function($) {
+
+    "use strict";
+
+    var Typed = function(el, options) {
+
+        // chosen element to manipulate text
+        this.el = $(el);
+
+        // options
+        this.options = $.extend({}, $.fn.typed.defaults, options);
+
+        // attribute to type into
+        this.isInput = this.el.is('input');
+        this.attr = this.options.attr;
+
+        // show cursor
+        this.showCursor = this.isInput ? false : this.options.showCursor;
+
+        // text content of element
+        this.elContent = this.attr ? this.el.attr(this.attr) : this.el.text()
+
+        // html or plain text
+        this.contentType = this.options.contentType;
+
+        // typing speed
+        this.typeSpeed = this.options.typeSpeed;
+
+        // add a delay before typing starts
+        this.startDelay = this.options.startDelay;
+
+        // backspacing speed
+        this.backSpeed = this.options.backSpeed;
+
+        // amount of time to wait before backspacing
+        this.backDelay = this.options.backDelay;
+
+        // input strings of text
+        this.strings = this.options.strings;
+
+        // character number position of current string
+        this.strPos = 0;
+
+        // current array position
+        this.arrayPos = 0;
+
+        // number to stop backspacing on.
+        // default 0, can change depending on how many chars
+        // you want to remove at the time
+        this.stopNum = 0;
+
+        // Looping logic
+        this.loop = this.options.loop;
+        this.loopCount = this.options.loopCount;
+        this.curLoop = 0;
+
+        // for stopping
+        this.stop = false;
+
+        // custom cursor
+        this.cursorChar = this.options.cursorChar;
+
+        // All systems go!
+        this.build();
+    };
+
+    Typed.prototype = {
+
+        constructor: Typed
+
+        ,
+        init: function() {
+            // begin the loop w/ first current string (global self.string)
+            // current string will be passed as an argument each time after this
+            var self = this;
+            self.timeout = setTimeout(function() {
+                // Start typing
+                self.typewrite(self.strings[self.arrayPos], self.strPos);
+            }, self.startDelay);
+        }
+
+        ,
+        build: function() {
+            // Insert cursor
+            if (this.showCursor === true) {
+                this.cursor = $("<span class=\"typed-cursor\">" + this.cursorChar + "</span>");
+                this.el.after(this.cursor);
+            }
+            this.init();
+        }
+
+        // pass current string state to each function, types 1 char per call
+        ,
+        typewrite: function(curString, curStrPos) {
+            // exit when stopped
+            if (this.stop === true) {
+                return;
+            }
+
+            // varying values for setTimeout during typing
+            // can't be global since number changes each time loop is executed
+            var humanize = Math.round(Math.random() * (100 - 30)) + this.typeSpeed;
+            var self = this;
+
+            // ------------- optional ------------- //
+            // backpaces a certain string faster
+            // ------------------------------------ //
+            // if (self.arrayPos == 1){
+            //  self.backDelay = 50;
+            // }
+            // else{ self.backDelay = 500; }
+
+            // contain typing function in a timeout humanize'd delay
+            self.timeout = setTimeout(function() {
+                // check for an escape character before a pause value
+                // format: \^\d+ .. eg: ^1000 .. should be able to print the ^ too using ^^
+                // single ^ are removed from string
+                var charPause = 0;
+                var substr = curString.substr(curStrPos);
+                if (substr.charAt(0) === '^') {
+                    var skip = 1; // skip atleast 1
+                    if (/^\^\d+/.test(substr)) {
+                        substr = /\d+/.exec(substr)[0];
+                        skip += substr.length;
+                        charPause = parseInt(substr);
+                    }
+
+                    // strip out the escape character and pause value so they're not printed
+                    curString = curString.substring(0, curStrPos) + curString.substring(curStrPos + skip);
+                }
+
+                if (self.contentType === 'html') {
+                    // skip over html tags while typing
+                    if (curString.substr(curStrPos).charAt(0) === '<') {
+                        var tag = '';
+                        while (curString.substr(curStrPos).charAt(0) !== '>') {
+                            tag += curString.substr(curStrPos).charAt(0);
+                            curStrPos++;
+                        }
+                        curStrPos++;
+                        tag += '>';
+                    }
+                }
+
+                // timeout for any pause after a character
+                self.timeout = setTimeout(function() {
+                    if (curStrPos === curString.length) {
+                        // fires callback function
+                        self.options.onStringTyped(self.arrayPos);
+
+                        // is this the final string
+                        if (self.arrayPos === self.strings.length - 1) {
+                            // animation that occurs on the last typed string
+                            self.options.callback();
+
+                            self.curLoop++;
+
+                            // quit if we wont loop back
+                            if (self.loop === false || self.curLoop === self.loopCount)
+                                return;
+                        }
+
+                        self.timeout = setTimeout(function() {
+                            self.backspace(curString, curStrPos);
+                        }, self.backDelay);
+                    } else {
+
+                        /* call before functions if applicable */
+                        if (curStrPos === 0)
+                            self.options.preStringTyped(self.arrayPos);
+
+                        // start typing each new char into existing string
+                        // curString: arg, self.el.html: original text inside element
+                        var nextString = curString.substr(0, curStrPos + 1);
+                        if (self.attr) {
+                            self.el.attr(self.attr, nextString);
+                        } else {
+                            if (self.isInput) {
+                                self.el.val(nextString);
+                            } else if (self.contentType === 'html') {
+                                self.el.html(nextString);
+                            } else {
+                                self.el.text(nextString);
+                            }
+                        }
+
+                        // add characters one by one
+                        curStrPos++;
+                        // loop the function
+                        self.typewrite(curString, curStrPos);
+                    }
+                    // end of character pause
+                }, charPause);
+
+                // humanized value for typing
+            }, humanize);
+
+        }
+
+        ,
+        backspace: function(curString, curStrPos) {
+            // exit when stopped
+            if (this.stop === true) {
+                return;
+            }
+
+            // varying values for setTimeout during typing
+            // can't be global since number changes each time loop is executed
+            var humanize = Math.round(Math.random() * (100 - 30)) + this.backSpeed;
+            var self = this;
+
+            self.timeout = setTimeout(function() {
+
+                // ----- this part is optional ----- //
+                // check string array position
+                // on the first string, only delete one word
+                // the stopNum actually represents the amount of chars to
+                // keep in the current string. In my case it's 14.
+                // if (self.arrayPos == 1){
+                //  self.stopNum = 14;
+                // }
+                //every other time, delete the whole typed string
+                // else{
+                //  self.stopNum = 0;
+                // }
+
+                if (self.contentType === 'html') {
+                    // skip over html tags while backspacing
+                    if (curString.substr(curStrPos).charAt(0) === '>') {
+                        var tag = '';
+                        while (curString.substr(curStrPos).charAt(0) !== '<') {
+                            tag -= curString.substr(curStrPos).charAt(0);
+                            curStrPos--;
+                        }
+                        curStrPos--;
+                        tag += '<';
+                    }
+                }
+
+                // ----- continue important stuff ----- //
+                // replace text with base text + typed characters
+                var nextString = curString.substr(0, curStrPos);
+                if (self.attr) {
+                    self.el.attr(self.attr, nextString);
+                } else {
+                    if (self.isInput) {
+                        self.el.val(nextString);
+                    } else if (self.contentType === 'html') {
+                        self.el.html(nextString);
+                    } else {
+                        self.el.text(nextString);
+                    }
+                }
+
+                // if the number (id of character in current string) is
+                // less than the stop number, keep going
+                if (curStrPos > self.stopNum) {
+                    // subtract characters one by one
+                    curStrPos--;
+                    // loop the function
+                    self.backspace(curString, curStrPos);
+                }
+                // if the stop number has been reached, increase
+                // array position to next string
+                else if (curStrPos <= self.stopNum) {
+                    self.arrayPos++;
+
+                    if (self.arrayPos === self.strings.length) {
+                        self.arrayPos = 0;
+                        self.init();
+                    } else
+                        self.typewrite(self.strings[self.arrayPos], curStrPos);
+                }
+
+                // humanized value for typing
+            }, humanize);
+
+        }
+
+        // Start & Stop currently not working
+
+        // , stop: function() {
+        //     var self = this;
+
+        //     self.stop = true;
+        //     clearInterval(self.timeout);
+        // }
+
+        // , start: function() {
+        //     var self = this;
+        //     if(self.stop === false)
+        //        return;
+
+        //     this.stop = false;
+        //     this.init();
+        // }
+
+        // Reset and rebuild the element
+        ,
+        reset: function() {
+            var self = this;
+            clearInterval(self.timeout);
+            var id = this.el.attr('id');
+            this.el.after('<span id="' + id + '"/>')
+            this.el.remove();
+            if (typeof this.cursor !== 'undefined') {
+                this.cursor.remove();
+            }
+            // Send the callback
+            self.options.resetCallback();
+        }
+
+    };
+
+    $.fn.typed = function(option) {
+        return this.each(function() {
+            var $this = $(this),
+                data = $this.data('typed'),
+                options = typeof option == 'object' && option;
+            if (!data) $this.data('typed', (data = new Typed(this, options)));
+            if (typeof option == 'string') data[option]();
+        });
+    };
+
+    $.fn.typed.defaults = {
+        strings: ["These are the default values...", "You know what you should do?", "Use your own!", "Have a great day!"],
+        // typing speed
+        typeSpeed: 0,
+        // time before typing starts
+        startDelay: 0,
+        // backspacing speed
+        backSpeed: 0,
+        // time before backspacing
+        backDelay: 500,
+        // loop
+        loop: false,
+        // false = infinite
+        loopCount: false,
+        // show cursor
+        showCursor: true,
+        // character for cursor
+        cursorChar: "|",
+        // attribute to type (null == text)
+        attr: null,
+        // either html or text
+        contentType: 'html',
+        // call when done callback function
+        callback: function() {},
+        // starting callback function before each string
+        preStringTyped: function() {},
+        //callback for every typed string
+        onStringTyped: function() {},
+        // callback for reset
+        resetCallback: function() {}
+    };
+
+
+}(window.jQuery);
diff --git a/site/video-js/demo.captions.vtt b/site/video-js/demo.captions.vtt
new file mode 100644
index 0000000..e598be1
--- /dev/null
+++ b/site/video-js/demo.captions.vtt
@@ -0,0 +1,41 @@
+WEBVTT
+
+00:00.700 --> 00:04.110
+Captions describe all relevant audio for the hearing impaired.
+[ Heroic music playing for a seagull ]
+
+00:04.500 --> 00:05.000
+[ Splash!!! ]
+
+00:05.100 --> 00:06.000
+[ Sploosh!!! ]
+
+00:08.000 --> 00:09.225
+[ Splash...splash...splash splash splash ]
+
+00:10.525 --> 00:11.255
+[ Splash, Sploosh again ]
+
+00:13.500 --> 00:14.984
+Dolphin: eeeEEEEEeeee!
+
+00:14.984 --> 00:16.984
+Dolphin: Squawk! eeeEEE?
+
+00:25.000 --> 00:28.284
+[ A whole ton of splashes ]
+
+00:29.500 --> 00:31.000
+Mine. Mine. Mine.
+
+00:34.300 --> 00:36.000
+Shark: Chomp
+
+00:36.800 --> 00:37.900
+Shark: CHOMP!!!
+
+00:37.861 --> 00:41.193
+EEEEEEOOOOOOOOOOWHALENOISE
+
+00:42.593 --> 00:45.611
+[ BIG SPLASH ]
\ No newline at end of file
diff --git a/site/video-js/demo.html b/site/video-js/demo.html
new file mode 100644
index 0000000..8093718
--- /dev/null
+++ b/site/video-js/demo.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Video.js | HTML5 Video Player</title>
+
+  <!-- Chang URLs to wherever Video.js files will be hosted -->
+  <link href="video-js.css" rel="stylesheet" type="text/css">
+  <!-- video.js must be in the <head> for older IEs to work. -->
+  <script src="video.js"></script>
+
+  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
+  <script>
+    videojs.options.flash.swf = "video-js.swf";
+  </script>
+
+
+</head>
+<body>
+
+  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
+      poster="http://video-js.zencoder.com/oceans-clip.png"
+      data-setup="{}">
+    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
+    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
+    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
+    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
+    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
+  </video>
+
+</body>
+</html>
diff --git a/site/video-js/font/vjs.eot b/site/video-js/font/vjs.eot
new file mode 100644
index 0000000..a2c0f5f
Binary files /dev/null and b/site/video-js/font/vjs.eot differ
diff --git a/site/video-js/font/vjs.svg b/site/video-js/font/vjs.svg
new file mode 100644
index 0000000..fa6aa7b
--- /dev/null
+++ b/site/video-js/font/vjs.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
+<glyph unicode="&#xe000;" d="M1024 960v-416l-160 160-192-192-96 96 192 192-160 160zM448 288l-192-192 160-160h-416v416l160-160 192 192z" />
+<glyph unicode="&#xe001;" d="M192 832l640-384-640-384z" />
+<glyph unicode="&#xe002;" d="M128 832h320v-768h-320zM576 832h320v-768h-320z" />
+<glyph unicode="&#xe003;" d="M401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
+<glyph unicode="&#xe004;" d="M549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
+<glyph unicode="&#xe005;" d="M719.53 128.47c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.744-18.744 49.136 0 67.882 131.006 131.006 131.006 344.17 0 475.176-18.744 18.746-18.744 49.138 0 67.882 18.744 18.742 49.138 18.744 67.882 0 81.594-81.592 126.53-190.076 126.53-305.468 0-115.39-44.936-223.876-126.53-305.47-9.372-9.374-21.656-14.060-33.94-14.060zM549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" />
+<glyph unicode="&#xe006;" d="M890.040 37.96c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.746-18.744 49.136 0 67.882 87.638 87.642 135.904 204.16 135.904 328.1 0 123.938-48.266 240.458-135.904 328.098-18.744 18.746-18.744 49.138 0 67.882 18.744 18.744 49.138 18.744 67.882 0 105.77-105.772 164.022-246.4 164.022-395.98 0-149.582-58.252-290.208-164.022-395.98-9.372-9.374-21.656-14.060-33.94-14.060zM719.53 128.47c-12.286 0-24.568 4.686-33.942 14.058-18.744 18.744-18.744 49.136 0 67.882 131.006 131.006 131.006 344.17 0 475.176-18.744 18.746-18.744 49.138 0 67.882 18.744 18.742 49.138 18.744 67.882 0 81.594-81.592 126.53-190.076 126.53-305.468 0-115.39-44.936-223.876-126.53-305.47-9.372-9.374-21.656-14.060-33.94-14.060zM549.020 218.98c-12.286 0-24.568 4.686-33.942 14.058-18.746 18.746-18.746 49.136 0 67.882 81.1 81.1 81.1 213.058 0 294.156-18.746 18.746-18.746 49.138 0 67.882 18.746 18.744 49.136 18.744 67.882 0 118.53-118.53 118.53-311.392 0-429.922-9.372-9.37-21.656-14.056-33.94-14.056zM401.332 881.332c25.668 25.668 46.668 16.968 46.668-19.332v-828c0-36.3-21-44.998-46.668-19.33l-241.332 241.33h-160v384h160l241.332 241.332z" horiz-adv-x="1088" />
+<glyph unicode="&#xe007;" d="M512 960l-320-512 320-512 320 512z" />
+<glyph unicode="&#xe008;" d="M0 960h1374.316v-1030.414h-1374.316v1030.414zM1245.462 449.276c-1.706 180.052-8.542 258.568-51.2 314.036-7.68 11.946-22.186 18.772-34.132 27.296-41.814 30.73-238.944 41.814-467.636 41.814-228.702 0-435.21-11.084-476.17-41.814-12.8-8.524-27.316-15.35-35.84-27.296-41.822-55.468-47.786-133.984-50.346-314.036 2.56-180.062 8.524-258.57 50.346-314.036 8.524-12.8 23.040-18.774 35.84-27.306 40.96-31.574 247.468-41.814 476.17-43.52 228.692 1.706 425.822 11.946 467.636 43.52 11.946 8.532 26.452 14.506 34.132 27.306 42.658 55.466 49.494 133.974 51.2 314.036zM662.358 495.904c-11.58 140.898-86.51 223.906-220.556 223.906-122.458 0-218.722-110.432-218.722-287.88 0-178.212 87.73-289.396 232.734-289.396 115.766 0 196.798 85.298 209.588 226.95h-138.302c-5.48-52.548-27.414-92.914-73.72-92.914-73.108 0-86.51 72.354-86.51 149.27 0 105.868 30.46 159.932 81.032 159.932 45.082 0 73.718-32.75 77.976-89.868h136.48zM1140.026 495.904c-11.57 140.898-86.51 223.906-220.546 223.906-122.466 0-218.722-110.432-218.722-287.88 0-178.212 87.73-289.396 232.734-289.396 115.758 0 196.788 85.298 209.58 226.95h-138.304c-5.47-52.548-27.404-92.914-73.71-92.914-73.116 0-86.518 72.354-86.518 149.27 0 105.868 30.468 159.932 81.030 159.932 45.084 0 73.728-32.75 77.986-89.868h136.47z" horiz-adv-x="1374" />
+<glyph unicode="&#xe009;" d="M128 832h768v-768h-768z" />
+<glyph unicode="&#xe00a;" d="M384 832c0-70.692 57.308-128 128-128s128 57.308 128 128c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128zM655.53 719.53c0-70.692 57.308-128 128-128s128 57.308 128 128c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128zM832 448c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64zM719.53 176.47c0-35.346 28.654-64 64-64s64 28.654 64 64c0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64zM448.002 64c0 0 0 0 0 0 0-35.346 28.654-64 64-64 35.346 0 64 28.654 64 64 0 0 0 0 0 0 0 0 0 0 0 0 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64s0 0 0 0zM176.472 176.47c0 0 0 0 0 0 0-35.346 28.654-64 64-64 35.346 0 64 28.654 64 64 0 0 0 0 0 0 0 0 0 0 0 0 0 35.346-28.654 64-64 64-35.346 0-64-28.654-64-64s0 0 0 0zM144.472 719.53c0 0 0 0 0 0 0-53.019 42.981-96 96-96 53.019 0 96 42.981 96 96 0 0 0 0 0 0 0 0 0 0 0 0 0 53.019-42.981 96-96 96-53.019 0-96-42.981-96-96s0 0 0 0zM56 448c0-39.765 32.235-72 72-72s72 32.235 72 72c0 39.765-32.235 72-72 72-39.765 0-72-32.235-72-72z" />
+<glyph unicode="&#xe00b;" d="M448 384v-416l-160 160-192-192-96 96 192 192-160 160zM1024 864l-192-192 160-160h-416v416l160-160 192 192z" />
+<glyph unicode="&#xe00c;" d="M512 896c282.77 0 512-186.25 512-416 0-229.752-229.23-416-512-416-27.156 0-53.81 1.734-79.824 5.044-109.978-109.978-241.25-129.7-368.176-132.596v26.916c68.536 33.578 128 94.74 128 164.636 0 9.754-0.758 19.33-2.164 28.696-115.796 76.264-189.836 192.754-189.836 323.304 0 229.75 229.23 416 512 416z" />
+<glyph unicode="&#xe00d;" d="M512 960c-282.77 0-512-229.23-512-512s229.23-512 512-512 512 229.23 512 512-229.23 512-512 512zM512 704c141.384 0 256-114.616 256-256s-114.616-256-256-256-256 114.616-256 256 114.616 256 256 256zM817.47 142.53c-81.594-81.594-190.080-126.53-305.47-126.53-115.392 0-223.876 44.936-305.47 126.53-81.594 81.594-126.53 190.078-126.53 305.47 0 115.39 44.936 223.876 126.53 305.47l67.882-67.882c0 0 0 0 0 0-131.006-131.006-131.006-344.17 0-475.176 63.462-63.462 147.838-98.412 237.588-98.412 89.748 0 174.124 34.95 237.588 98.412 131.006 131.006 131.006 344.168 0 475.176l67.882 67.882c81.594-81.594 126.53-190.080 126.53-305.47 0-115.392-44.936-223.876-126.53-305.47z" />
+<glyph unicode="&#xe00e;" d="M864 256c-45.16 0-85.92-18.738-115.012-48.83l-431.004 215.502c1.314 8.252 2.016 16.706 2.016 25.328s-0.702 17.076-2.016 25.326l431.004 215.502c29.092-30.090 69.852-48.828 115.012-48.828 88.366 0 160 71.634 160 160s-71.634 160-160 160-160-71.634-160-160c0-8.622 0.704-17.076 2.016-25.326l-431.004-215.504c-29.092 30.090-69.852 48.83-115.012 48.83-88.366 0-160-71.636-160-160 0-88.368 71.634-160 160-160 45.16 0 85.92 18.738 115.012 48.828l431.004-215.502c-1.312-8.25-2.016-16.704-2.016-25.326 0-88.368 71.634-160 160-160s160 71.632 160 160c0 88.364-71.634 160-160 160z" />
+<glyph unicode="&#xe01e;" d="M1024 448c-1.278 66.862-15.784 133.516-42.576 194.462-26.704 61-65.462 116.258-113.042 161.92-47.552 45.696-103.944 81.82-164.984 105.652-61.004 23.924-126.596 35.352-191.398 33.966-64.81-1.282-129.332-15.374-188.334-41.356-59.048-25.896-112.542-63.47-156.734-109.576-44.224-46.082-79.16-100.708-102.186-159.798-23.114-59.062-34.128-122.52-32.746-185.27 1.286-62.76 14.964-125.148 40.134-182.206 25.088-57.1 61.476-108.828 106.11-151.548 44.61-42.754 97.472-76.504 154.614-98.72 57.118-22.304 118.446-32.902 179.142-31.526 60.708 1.29 120.962 14.554 176.076 38.914 55.15 24.282 105.116 59.48 146.366 102.644 41.282 43.14 73.844 94.236 95.254 149.43 13.034 33.458 21.88 68.4 26.542 103.798 1.246-0.072 2.498-0.12 3.762-0.12 35.346 0 64 28.652 64 64 0 1.796-0.094 3.572-0.238 5.332h0.238zM922.306 278.052c-23.472-53.202-57.484-101.4-99.178-141.18-41.67-39.81-91-71.186-144.244-91.79-53.228-20.678-110.29-30.452-166.884-29.082-56.604 1.298-112.596 13.736-163.82 36.474-51.25 22.666-97.684 55.49-135.994 95.712-38.338 40.198-68.528 87.764-88.322 139.058-19.87 51.284-29.228 106.214-27.864 160.756 1.302 54.552 13.328 108.412 35.254 157.69 21.858 49.3 53.498 93.97 92.246 130.81 38.73 36.868 84.53 65.87 133.874 84.856 49.338 19.060 102.136 28.006 154.626 26.644 52.5-1.306 104.228-12.918 151.562-34.034 47.352-21.050 90.256-51.502 125.624-88.782 35.396-37.258 63.21-81.294 81.39-128.688 18.248-47.392 26.782-98.058 25.424-148.496h0.238c-0.144-1.76-0.238-3.536-0.238-5.332 0-33.012 24.992-60.174 57.086-63.624-6.224-34.822-16.53-68.818-30.78-100.992z" />
+<glyph unicode="&#xe01f;" d="M512 960c-278.748 0-505.458-222.762-511.848-499.974 5.92 241.864 189.832 435.974 415.848 435.974 229.75 0 416-200.576 416-448 0-53.020 42.98-96 96-96 53.020 0 96 42.98 96 96 0 282.77-229.23 512-512 512zM512-64c278.748 0 505.458 222.762 511.848 499.974-5.92-241.864-189.832-435.974-415.848-435.974-229.75 0-416 200.576-416 448 0 53.020-42.98 96-96 96-53.020 0-96-42.98-96-96 0-282.77 229.23-512 512-512z" />
+<glyph unicode="&#xe600;" d="M1024 351.906v192.188l-146.774 24.462c-5.958 18.132-13.222 35.668-21.694 52.5l86.454 121.034-135.896 135.898-120.826-86.304c-16.91 8.554-34.538 15.888-52.768 21.902l-24.402 146.414h-192.188l-24.402-146.416c-18.23-6.014-35.858-13.348-52.766-21.902l-120.828 86.304-135.898-135.898 86.454-121.036c-8.47-16.83-15.734-34.366-21.692-52.498l-146.774-24.46v-192.188l147.118-24.52c5.96-17.968 13.21-35.348 21.642-52.030l-86.748-121.448 135.898-135.896 121.654 86.894c16.602-8.35 33.89-15.528 51.764-21.434l24.578-147.472h192.188l24.578 147.474c17.874 5.906 35.162 13.084 51.766 21.432l121.652-86.892 135.896 135.896-86.744 121.446c8.432 16.682 15.678 34.062 21.64 52.032l147.118 24.518zM512 320c-70.692 0-128 57.306-128 128 0 70.692 57.308 128 128 128 70.694 0 128-57.308 128-128 0-70.694-57.306-128-128-128z" />
+</font></defs></svg>
\ No newline at end of file
diff --git a/site/video-js/font/vjs.ttf b/site/video-js/font/vjs.ttf
new file mode 100644
index 0000000..682a9b2
Binary files /dev/null and b/site/video-js/font/vjs.ttf differ
diff --git a/site/video-js/font/vjs.woff b/site/video-js/font/vjs.woff
new file mode 100644
index 0000000..de98206
Binary files /dev/null and b/site/video-js/font/vjs.woff differ
diff --git a/site/video-js/lang/ar.js b/site/video-js/lang/ar.js
new file mode 100644
index 0000000..4c38b0d
--- /dev/null
+++ b/site/video-js/lang/ar.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("ar",{
+ "Play": "تشغيل",
+ "Pause": "ايقاف",
+ "Current Time": "الوقت الحالي",
+ "Duration Time": "Dauer",
+ "Remaining Time": "الوقت المتبقي",
+ "Stream Type": "نوع التيار",
+ "LIVE": "مباشر",
+ "Loaded": "تم التحميل",
+ "Progress": "التقدم",
+ "Fullscreen": "ملء الشاشة",
+ "Non-Fullscreen": "غير ملء الشاشة",
+ "Mute": "صامت",
+ "Unmuted": "غير الصامت",
+ "Playback Rate": "معدل التشغيل",
+ "Subtitles": "الترجمة",
+ "subtitles off": "ايقاف الترجمة",
+ "Captions": "التعليقات",
+ "captions off": "ايقاف التعليقات",
+ "Chapters": "فصول",
+ "You aborted the video playback": "لقد ألغيت تشغيل الفيديو",
+ "A network error caused the video download to fail part-way.": "تسبب خطأ في الشبكة بفشل تحميل الفيديو بالكامل.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "لا يمكن تحميل الفيديو بسبب فشل في الخادم أو الشبكة ، أو فشل بسبب عدم امكانية قراءة تنسيق الفيديو.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "تم ايقاف تشغيل الفيديو بسبب مشكلة فساد أو لأن الفيديو المستخدم يستخدم ميزات غير مدعومة من متصفحك.",
+ "No compatible source was found for this video.": "فشل العثور على أي مصدر متوافق مع هذا الفيديو."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/ca.js b/site/video-js/lang/ca.js
new file mode 100644
index 0000000..6ebc379
--- /dev/null
+++ b/site/video-js/lang/ca.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("ca",{
+ "Play": "Reproducció",
+ "Pause": "Pausa",
+ "Current Time": "Temps reproduït",
+ "Duration Time": "Durada total",
+ "Remaining Time": "Temps restant",
+ "Stream Type": "Tipus de seqüència",
+ "LIVE": "EN DIRECTE",
+ "Loaded": "Carregat",
+ "Progress": "Progrés",
+ "Fullscreen": "Pantalla completa",
+ "Non-Fullscreen": "Pantalla no completa",
+ "Mute": "Silencia",
+ "Unmuted": "Amb so",
+ "Playback Rate": "Velocitat de reproducció",
+ "Subtitles": "Subtítols",
+ "subtitles off": "Subtítols desactivats",
+ "Captions": "Llegendes",
+ "captions off": "Llegendes desactivades",
+ "Chapters": "Capítols",
+ "You aborted the video playback": "Heu interromput la reproducció del vídeo.",
+ "A network error caused the video download to fail part-way.": "Un error de la xarxa ha interromput la baixada del vídeo.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "No s'ha pogut carregar el vídeo perquè el servidor o la xarxa han fallat, o bé perquè el seu format no és compatible.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "La reproducció de vídeo s'ha interrumput per un problema de corrupció de dades o bé perquè el vídeo demanava funcions que el vostre navegador no ofereix.",
+ "No compatible source was found for this video.": "No s'ha trobat cap font compatible amb el vídeo."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/cs.js b/site/video-js/lang/cs.js
new file mode 100644
index 0000000..c2c8377
--- /dev/null
+++ b/site/video-js/lang/cs.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("cs",{
+ "Play": "Přehrát",
+ "Pause": "Pauza",
+ "Current Time": "Aktuální čas",
+ "Duration Time": "Doba trvání",
+ "Remaining Time": "Zbývající čas",
+ "Stream Type": "Stream Type",
+ "LIVE": "ŽIVĚ",
+ "Loaded": "Načteno",
+ "Progress": "Stav",
+ "Fullscreen": "Celá obrazovka",
+ "Non-Fullscreen": "Zmenšená obrazovka",
+ "Mute": "Ztlumit zvuk",
+ "Unmuted": "Přehrát zvuk",
+ "Playback Rate": "Rychlost přehrávání",
+ "Subtitles": "Titulky",
+ "subtitles off": "Titulky vypnuty",
+ "Captions": "Popisky",
+ "captions off": "Popisky vypnuty",
+ "Chapters": "Kapitoly",
+ "You aborted the video playback": "Přehrávání videa je přerušeno.",
+ "A network error caused the video download to fail part-way.": "Video nemohlo být načteno, kvůli chybě v síti.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Video nemohlo být načteno, buď kvůli chybě serveru nebo sítě nebo proto, že daný formát není podporován.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "Váš prohlížeč nepodporuje formát videa.",
+ "No compatible source was found for this video.": "Špatně zadaný zdroj videa."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/de.js b/site/video-js/lang/de.js
new file mode 100644
index 0000000..88d6189
--- /dev/null
+++ b/site/video-js/lang/de.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("de",{
+ "Play": "Wiedergabe",
+ "Pause": "Pause",
+ "Current Time": "Aktueller Zeitpunkt",
+ "Duration Time": "Dauer",
+ "Remaining Time": "Verbleibende Zeit",
+ "Stream Type": "Streamtyp",
+ "LIVE": "LIVE",
+ "Loaded": "Geladen",
+ "Progress": "Status",
+ "Fullscreen": "Vollbild",
+ "Non-Fullscreen": "Kein Vollbild",
+ "Mute": "Ton aus",
+ "Unmuted": "Ton ein",
+ "Playback Rate": "Wiedergabegeschwindigkeit",
+ "Subtitles": "Untertitel",
+ "subtitles off": "Untertitel aus",
+ "Captions": "Untertitel",
+ "captions off": "Untertitel aus",
+ "Chapters": "Kapitel",
+ "You aborted the video playback": "Sie haben die Videowiedergabe abgebrochen.",
+ "A network error caused the video download to fail part-way.": "Der Videodownload ist aufgrund eines Netzwerkfehlers fehlgeschlagen.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Das Video konnte nicht geladen werden, da entweder ein Server- oder Netzwerkfehler auftrat oder das Format nicht unterstützt wird.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "Die Videowiedergabe wurde entweder wegen eines Problems mit einem beschädigten Video oder wegen verwendeten Funktionen, die vom Browser nicht unterstützt werden, abgebrochen.",
+ "No compatible source was found for this video.": "Für dieses Video wurde keine kompatible Quelle gefunden."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/es.js b/site/video-js/lang/es.js
new file mode 100644
index 0000000..c81b6b7
--- /dev/null
+++ b/site/video-js/lang/es.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("es",{
+ "Play": "Reproducción",
+ "Pause": "Pausa",
+ "Current Time": "Tiempo reproducido",
+ "Duration Time": "Duración total",
+ "Remaining Time": "Tiempo restante",
+ "Stream Type": "Tipo de secuencia",
+ "LIVE": "DIRECTO",
+ "Loaded": "Cargado",
+ "Progress": "Progreso",
+ "Fullscreen": "Pantalla completa",
+ "Non-Fullscreen": "Pantalla no completa",
+ "Mute": "Silenciar",
+ "Unmuted": "No silenciado",
+ "Playback Rate": "Velocidad de reproducción",
+ "Subtitles": "Subtítulos",
+ "subtitles off": "Subtítulos desactivados",
+ "Captions": "Subtítulos especiales",
+ "captions off": "Subtítulos especiales desactivados",
+ "Chapters": "Capítulos",
+ "You aborted the video playback": "Ha interrumpido la reproducción del vídeo.",
+ "A network error caused the video download to fail part-way.": "Un error de red ha interrumpido la descarga del vídeo.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "No se ha podido cargar el vídeo debido a un fallo de red o del servidor o porque el formato es incompatible.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "La reproducción de vídeo se ha interrumpido por un problema de corrupción de datos o porque el vídeo precisa funciones que su navegador no ofrece.",
+ "No compatible source was found for this video.": "No se ha encontrado ninguna fuente compatible con este vídeo."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/fr.js b/site/video-js/lang/fr.js
new file mode 100644
index 0000000..670c4a1
--- /dev/null
+++ b/site/video-js/lang/fr.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("fr",{
+ "Play": "Lecture",
+ "Pause": "Pause",
+ "Current Time": "Temps actuel",
+ "Duration Time": "Durée",
+ "Remaining Time": "Temps restant",
+ "Stream Type": "Type de flux",
+ "LIVE": "EN DIRECT",
+ "Loaded": "Chargé",
+ "Progress": "Progression",
+ "Fullscreen": "Plein écran",
+ "Non-Fullscreen": "Fenêtré",
+ "Mute": "Sourdine",
+ "Unmuted": "Son activé",
+ "Playback Rate": "Vitesse de lecture",
+ "Subtitles": "Sous-titres",
+ "subtitles off": "Sous-titres désactivés",
+ "Captions": "Sous-titres",
+ "captions off": "Sous-titres désactivés",
+ "Chapters": "Chapitres",
+ "You aborted the video playback": "Vous avez interrompu la lecture de la vidéo.",
+ "A network error caused the video download to fail part-way.": "Une erreur de réseau a interrompu le téléchargement de la vidéo.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Cette vidéo n'a pas pu être chargée, soit parce que le serveur ou le réseau a échoué ou parce que le format n'est pas reconnu.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "La lecture de la vidéo a été interrompue à cause d'un problème de corruption ou parce que la vidéo utilise des fonctionnalités non prises en charge par votre navigateur.",
+ "No compatible source was found for this video.": "Aucune source compatible n'a été trouvée pour cette vidéo."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/hu.js b/site/video-js/lang/hu.js
new file mode 100644
index 0000000..cf685ee
--- /dev/null
+++ b/site/video-js/lang/hu.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("hu",{
+ "Play": "Lejátszás",
+ "Pause": "Szünet",
+ "Current Time": "Aktuális időpont",
+ "Duration Time": "Hossz",
+ "Remaining Time": "Hátralévő idő",
+ "Stream Type": "Adatfolyam típusa",
+ "LIVE": "ÉLŐ",
+ "Loaded": "Betöltve",
+ "Progress": "Állapot",
+ "Fullscreen": "Teljes képernyő",
+ "Non-Fullscreen": "Normál méret",
+ "Mute": "Némítás",
+ "Unmuted": "Némítás kikapcsolva",
+ "Playback Rate": "Lejátszási sebesség",
+ "Subtitles": "Feliratok",
+ "subtitles off": "Feliratok kikapcsolva",
+ "Captions": "Magyarázó szöveg",
+ "captions off": "Magyarázó szöveg kikapcsolva",
+ "Chapters": "Fejezetek",
+ "You aborted the video playback": "Leállította a lejátszást",
+ "A network error caused the video download to fail part-way.": "Hálózati hiba miatt a videó részlegesen töltődött le.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "A videó nem tölthető be hálózati vagy kiszolgálói hiba miatt, vagy a formátuma nem támogatott.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "A lejátszás adatsérülés miatt leállt, vagy a videó egyes tulajdonságait a böngészője nem támogatja.",
+ "No compatible source was found for this video.": "Nincs kompatibilis forrás ehhez a videóhoz."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/it.js b/site/video-js/lang/it.js
new file mode 100644
index 0000000..1f64030
--- /dev/null
+++ b/site/video-js/lang/it.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("it",{
+ "Play": "Play",
+ "Pause": "Pausa",
+ "Current Time": "Orario attuale",
+ "Duration Time": "Durata",
+ "Remaining Time": "Tempo rimanente",
+ "Stream Type": "Tipo del Streaming",
+ "LIVE": "LIVE",
+ "Loaded": "Caricato",
+ "Progress": "Stato",
+ "Fullscreen": "Schermo intero",
+ "Non-Fullscreen": "Chiudi schermo intero",
+ "Mute": "Muto",
+ "Unmuted": "Audio",
+ "Playback Rate": "Tasso di riproduzione",
+ "Subtitles": "Sottotitoli",
+ "subtitles off": "Senza sottotitoli",
+ "Captions": "Sottotitoli non udenti",
+ "captions off": "Senza sottotitoli non udenti",
+ "Chapters": "Capitolo",
+ "You aborted the video playback": "La riproduzione del filmato è stata interrotta.",
+ "A network error caused the video download to fail part-way.": "Il download del filmato è stato interrotto a causa di un problema rete.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Il filmato non può essere caricato a causa di un errore nel server o nella rete o perché il formato non viene supportato.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "La riproduzione del filmato è stata interrotta a causa di un file danneggiato o per l’utilizzo di impostazioni non supportate dal browser.",
+ "No compatible source was found for this video.": "Non ci sono fonti compatibili per questo filmato."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/ja.js b/site/video-js/lang/ja.js
new file mode 100644
index 0000000..578383b
--- /dev/null
+++ b/site/video-js/lang/ja.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("ja",{
+ "Play": "再生",
+ "Pause": "一時停止",
+ "Current Time": "現在の時間",
+ "Duration Time": "長さ",
+ "Remaining Time": "残りの時間",
+ "Stream Type": "ストリームの種類",
+ "LIVE": "ライブ",
+ "Loaded": "ロード済み",
+ "Progress": "進行状況",
+ "Fullscreen": "フルスクリーン",
+ "Non-Fullscreen": "フルスクリーン以外",
+ "Mute": "ミュート",
+ "Unmuted": "ミュート解除",
+ "Playback Rate": "再生レート",
+ "Subtitles": "サブタイトル",
+ "subtitles off": "サブタイトル オフ",
+ "Captions": "キャプション",
+ "captions off": "キャプション オフ",
+ "Chapters": "チャプター",
+ "You aborted the video playback": "動画再生を中止しました",
+ "A network error caused the video download to fail part-way.": "ネットワーク エラーにより動画のダウンロードが途中で失敗しました",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "サーバーまたはネットワークのエラー、またはフォーマットがサポートされていないため、動画をロードできませんでした",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "破損の問題、またはお使いのブラウザがサポートしていない機能が動画に使用されていたため、動画の再生が中止されました",
+ "No compatible source was found for this video.": "この動画に対して互換性のあるソースが見つかりませんでした"
+});
\ No newline at end of file
diff --git a/site/video-js/lang/ko.js b/site/video-js/lang/ko.js
new file mode 100644
index 0000000..a794961
--- /dev/null
+++ b/site/video-js/lang/ko.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("ko",{
+ "Play": "재생",
+ "Pause": "일시중지",
+ "Current Time": "현재 시간",
+ "Duration Time": "지정 기간",
+ "Remaining Time": "남은 시간",
+ "Stream Type": "스트리밍 유형",
+ "LIVE": "라이브",
+ "Loaded": "로드됨",
+ "Progress": "진행",
+ "Fullscreen": "전체 화면",
+ "Non-Fullscreen": "전체 화면 해제",
+ "Mute": "음소거",
+ "Unmuted": "음소거 해제",
+ "Playback Rate": "재생 비율",
+ "Subtitles": "서브타이틀",
+ "subtitles off": "서브타이틀 끄기",
+ "Captions": "자막",
+ "captions off": "자막 끄기",
+ "Chapters": "챕터",
+ "You aborted the video playback": "비디오 재생을 취소했습니다.",
+ "A network error caused the video download to fail part-way.": "네트워크 오류로 인하여 비디오 일부를 다운로드하지 못 했습니다.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "비디오를 로드할 수 없습니다. 서버 혹은 네트워크 오류 때문이거나 지원되지 않는 형식 때문일 수 있습니다.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "비디오 재생이 취소됐습니다. 비디오가 손상되었거나 비디오가 사용하는 기능을 브라우저에서 지원하지 않는 것 같습니다.",
+ "No compatible source was found for this video.": "비디오에 호환되지 않는 소스가 있습니다."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/nl.js b/site/video-js/lang/nl.js
new file mode 100644
index 0000000..a849b77
--- /dev/null
+++ b/site/video-js/lang/nl.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("nl",{
+ "Play": "Afspelen",
+ "Pause": "Pauze",
+ "Current Time": "Huidige Tijd",
+ "Duration Time": "Looptijd",
+ "Remaining Time": "Resterende Tijd",
+ "Stream Type": "Stream Type",
+ "LIVE": "LIVE",
+ "Loaded": "Geladen",
+ "Progress": "Status",
+ "Fullscreen": "Volledig scherm",
+ "Non-Fullscreen": "Geen volledig scherm",
+ "Mute": "Geluid Uit",
+ "Unmuted": "Geluid Aan",
+ "Playback Rate": "Weergave Rate",
+ "Subtitles": "Ondertiteling",
+ "subtitles off": "Ondertiteling uit",
+ "Captions": "Onderschriften",
+ "captions off": "Onderschriften uit",
+ "Chapters": "Hoofdstukken",
+ "You aborted the video playback": "Je hebt de video weergave afgebroken.",
+ "A network error caused the video download to fail part-way.": "De video download is mislukt door een netwerkfout.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "De video kon niet worden geladen, veroorzaakt door een server of netwerkfout of het formaat word niet ondersteund.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "De video weergave is afgebroken omdat deze beschadigd is of de video gebruikt functionaliteit die niet door je browser word ondersteund.",
+ "No compatible source was found for this video.": "Voor deze video is geen ondersteunde bron gevonden."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/pt-BR.js b/site/video-js/lang/pt-BR.js
new file mode 100644
index 0000000..d1e2052
--- /dev/null
+++ b/site/video-js/lang/pt-BR.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("pt-BR",{
+ "Play": "Tocar",
+ "Pause": "Pause",
+ "Current Time": "Tempo",
+ "Duration Time": "Duração",
+ "Remaining Time": "Tempo Restante",
+ "Stream Type": "Tipo de Stream",
+ "LIVE": "AO VIVO",
+ "Loaded": "Carregado",
+ "Progress": "Progressão",
+ "Fullscreen": "Tela Cheia",
+ "Non-Fullscreen": "Tela Normal",
+ "Mute": "Mudo",
+ "Unmuted": "Habilitar Som",
+ "Playback Rate": "Velocidade",
+ "Subtitles": "Legendas",
+ "subtitles off": "Sem Legendas",
+ "Captions": "Anotações",
+ "captions off": "Sem Anotações",
+ "Chapters": "Capítulos",
+ "You aborted the video playback": "Você parou a execução de vídeo.",
+ "A network error caused the video download to fail part-way.": "Um erro na rede fez o vídeo parar parcialmente.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "O vídeo não pode ser carregado, ou porque houve um problema com sua rede ou pelo formato do vídeo não ser suportado.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "A Execução foi interrompida por um problema com o vídeo ou por seu navegador não dar suporte ao seu formato.",
+ "No compatible source was found for this video.": "Não foi encontrada fonte de vídeo compatível."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/ru.js b/site/video-js/lang/ru.js
new file mode 100644
index 0000000..a0f3255
--- /dev/null
+++ b/site/video-js/lang/ru.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("ru",{
+ "Play": "Воспроизвести",
+ "Pause": "Приостановить",
+ "Current Time": "Текущее время",
+ "Duration Time": "Продолжительность",
+ "Remaining Time": "Оставшееся время",
+ "Stream Type": "Тип потока",
+ "LIVE": "ОНЛАЙН",
+ "Loaded": "Загрузка",
+ "Progress": "Прогресс",
+ "Fullscreen": "Полноэкранный режим",
+ "Non-Fullscreen": "Неполноэкранный режим",
+ "Mute": "Без звука",
+ "Unmuted": "Со звуком",
+ "Playback Rate": "Скорость воспроизведения",
+ "Subtitles": "Субтитры",
+ "subtitles off": "Субтитры выкл.",
+ "Captions": "Подписи",
+ "captions off": "Подписи выкл.",
+ "Chapters": "Главы",
+ "You aborted the video playback": "Вы прервали воспроизведение видео",
+ "A network error caused the video download to fail part-way.": "Ошибка сети вызвала сбой во время загрузки видео.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Невозможно загрузить видео из-за сетевого или серверного сбоя либо формат не поддерживается.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "Воспроизведение видео было приостановлено из-за повреждения либо в связи с тем, что видео использует функции, неподдерживаемые вашим браузером.",
+ "No compatible source was found for this video.": "Совместимые источники для этого видео отсутствуют."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/uk.js b/site/video-js/lang/uk.js
new file mode 100644
index 0000000..96c4226
--- /dev/null
+++ b/site/video-js/lang/uk.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("uk",{
+ "Play": "Відтворити",
+ "Pause": "Призупинити",
+ "Current Time": "Поточний час",
+ "Duration Time": "Тривалість",
+ "Remaining Time": "Час, що залишився",
+ "Stream Type": "Тип потоку",
+ "LIVE": "НАЖИВО",
+ "Loaded": "Завантаження",
+ "Progress": "Прогрес",
+ "Fullscreen": "Повноекранний режим",
+ "Non-Fullscreen": "Неповноекранний режим",
+ "Mute": "Без звуку",
+ "Unmuted": "Зі звуком",
+ "Playback Rate": "Швидкість відтворення",
+ "Subtitles": "Субтитри",
+ "subtitles off": "Без субтитрів",
+ "Captions": "Підписи",
+ "captions off": "Без підписів",
+ "Chapters": "Розділи",
+ "You aborted the video playback": "Ви припинили відтворення відео",
+ "A network error caused the video download to fail part-way.": "Помилка мережі викликала збій під час завантаження відео.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Неможливо завантажити відео через мережевий чи серверний збій або формат не підтримується.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "Відтворення відео було припинено через пошкодження або у зв'язку з тим, що відео використовує функції, які не підтримуються вашим браузером.",
+ "No compatible source was found for this video.": "Сумісні джерела для цього відео відсутні."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/vi.js b/site/video-js/lang/vi.js
new file mode 100644
index 0000000..6e126d7
--- /dev/null
+++ b/site/video-js/lang/vi.js
@@ -0,0 +1,26 @@
+videojs.addLanguage("vi",{
+ "Play": "Phát",
+ "Pause": "Tạm dừng",
+ "Current Time": "Thời gian hiện tại",
+ "Duration Time": "Độ dài",
+ "Remaining Time": "Thời gian còn lại",
+ "Stream Type": "Kiểu Stream",
+ "LIVE": "TRỰC TIẾP",
+ "Loaded": "Đã tải",
+ "Progress": "Tiến trình",
+ "Fullscreen": "Toàn màn hình",
+ "Non-Fullscreen": "Thoát toàn màn hình",
+ "Mute": "Tắt tiếng",
+ "Unmuted": "Bật âm thanh",
+ "Playback Rate": "Tốc độ phát",
+ "Subtitles": "Phụ đề",
+ "subtitles off": "Tắt phụ đề",
+ "Captions": "Chú thích",
+ "captions off": "Tắt chú thích",
+ "Chapters": "Chương",
+ "You aborted the video playback": "Bạn đã hủy việc phát video.",
+ "A network error caused the video download to fail part-way.": "Một lỗi mạng dẫn đến việc tải video bị lỗi.",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "Video không tải được, mạng hay server có lỗi hoặc định dạng không được hỗ trợ.",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "Phát video đã bị hủy do một sai lỗi hoặc video sử dụng những tính năng trình duyệt không hỗ trợ.",
+ "No compatible source was found for this video.": "Không có nguồn tương thích cho video này."
+});
\ No newline at end of file
diff --git a/site/video-js/lang/zh-TW.js b/site/video-js/lang/zh-TW.js
new file mode 100644
index 0000000..6e3736d
--- /dev/null
+++ b/site/video-js/lang/zh-TW.js
@@ -0,0 +1,27 @@
+videojs.addLanguage("zh-TW",{
+ "Play": "播放",
+ "Pause": "暫停",
+ "Current Time": "目前時間",
+ "Duration Time": "總共時間",
+ "Remaining Time": "剩餘時間",
+ "Stream Type": "串流類型",
+ "LIVE": "直播",
+ "Loaded": "載入完畢",
+ "Progress": "進度",
+ "Fullscreen": "全螢幕",
+ "Non-Fullscreen": "退出全螢幕",
+ "Mute": "靜音",
+ "Unmuted": "取消靜音",
+ "Playback Rate": " 播放速率",
+ "Subtitles": "字幕",
+ "subtitles off": "關閉字幕",
+ "Captions": "內嵌字幕",
+ "captions off": "關閉內嵌字幕",
+ "Chapters": "章節",
+ "You aborted the video playback": "影片播放已終止",
+ "A network error caused the video download to fail part-way.": "網路錯誤導致影片下載失敗。",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "影片因格式不支援或者伺服器或網路的問題無法載入。",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "由於影片檔案損毀或是該影片使用了您的瀏覽器不支援的功能，播放終止。",
+ "No compatible source was found for this video.": "無法找到相容此影片的來源。",
+ "The video is encrypted and we do not have the keys to decrypt it.": "影片已加密，無法解密。"
+});
\ No newline at end of file
diff --git a/site/video-js/lang/zh.js b/site/video-js/lang/zh.js
new file mode 100644
index 0000000..604cf9e
--- /dev/null
+++ b/site/video-js/lang/zh.js
@@ -0,0 +1,27 @@
+videojs.addLanguage("zh",{
+ "Play": "播放",
+ "Pause": "暂停",
+ "Current Time": "当前时间",
+ "Duration Time": "时长",
+ "Remaining Time": "剩余时间",
+ "Stream Type": "媒体流类型",
+ "LIVE": "直播",
+ "Loaded": "加载完毕",
+ "Progress": "进度",
+ "Fullscreen": "全屏",
+ "Non-Fullscreen": "退出全屏",
+ "Mute": "静音",
+ "Unmuted": "取消静音",
+ "Playback Rate": "播放码率",
+ "Subtitles": "字幕",
+ "subtitles off": "字幕关闭",
+ "Captions": "内嵌字幕",
+ "captions off": "内嵌字幕关闭",
+ "Chapters": "节目段落",
+ "You aborted the video playback": "视频播放被终止",
+ "A network error caused the video download to fail part-way.": "网络错误导致视频下载中途失败。",
+ "The video could not be loaded, either because the server or network failed or because the format is not supported.": "视频因格式不支持或者服务器或网络的问题无法加载。",
+ "The video playback was aborted due to a corruption problem or because the video used features your browser did not support.": "由于视频文件损坏或是该视频使用了你的浏览器不支持的功能，播放终止。",
+ "No compatible source was found for this video.": "无法找到此视频兼容的源。",
+ "The video is encrypted and we do not have the keys to decrypt it.": "视频已加密，无法解密。"
+});
\ No newline at end of file
diff --git a/site/video-js/video-js.css b/site/video-js/video-js.css
new file mode 100644
index 0000000..c852fa7
--- /dev/null
+++ b/site/video-js/video-js.css
@@ -0,0 +1,968 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.11.4
+Create your own skin at http://designer.videojs.com
+*/
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: #cccccc;
+}
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face {
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'), url('font/vjs.woff') format('woff'), url('font/vjs.ttf') format('truetype'), url('font/vjs.svg#icomoon') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus highlight with handle highlight */
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+  /* background-color-with-alpha */
+  background-color: #333333;
+  background-color: rgba(51, 51, 51, 0.9);
+}
+.vjs-default-skin .vjs-slider:focus {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 2em #ffffff;
+  -moz-box-shadow: 0 0 2em #ffffff;
+  box-shadow: 0 0 2em #ffffff;
+}
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-slider-handle:before {
+  content: "\e009";
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+  position: absolute;
+  top: 0;
+  left: 0;
+  /* Rotate the square icon to make a diamond */
+  /* transform */
+  -webkit-transform: rotate(-45deg);
+  -moz-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden */
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. */
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div */
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items */
+  height: 3.0em;
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+}
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+
+  visibility: visible;
+  opacity: 1;
+  /* transition */
+  -webkit-transition: visibility 0.1s, opacity 0.1s;
+  -moz-transition: visibility 0.1s, opacity 0.1s;
+  -o-transition: visibility 0.1s, opacity 0.1s;
+  transition: visibility 0.1s, opacity 0.1s;
+}
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+  /* transition */
+  -webkit-transition: visibility 1s, opacity 1s;
+  -moz-transition: visibility 1s, opacity 1s;
+  -o-transition: visibility 1s, opacity 1s;
+  transition: visibility 1s, opacity 1s;
+}
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+/* The control bar shouldn't show after an error */
+.vjs-default-skin.vjs-error .vjs-control-bar {
+  display: none;
+}
+/* Don't hide the control bar if it's audio */
+.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  opacity: 1;
+  visibility: visible;
+}
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@media \0screen {
+  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+    content: "";
+  }
+}
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+/* Font button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em #ffffff;
+}
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; */
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+
+}
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  /* hide-visually */
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: "\e001";
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: "\e002";
+}
+/* Playback toggle
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
+  width: 4em;
+  left: -2em;
+  list-style: none;
+}
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: "\e006";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: "\e003";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: "\e004";
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: "\e005";
+}
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+  /* assuming volume starts at 1.0 */
+
+  width: 100%;
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+  /* Assumes volume starts at 1.0. If you change the size of the
+     handle relative to the volume bar, you'll need to update this value
+     too. */
+
+  left: 4.5em;
+}
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+  width: 1em;
+  height: 1em;
+}
+/* The volume menu button is like menu buttons (captions/subtitles) but works
+    a little differently. It needs to be possible to tab to the volume slider
+    without hitting space bar on the menu button. To do this we're not using
+    display:none to hide the slider menu by default, and instead setting the
+    width and height to zero. */
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
+  display: block;
+  width: 0;
+  height: 0;
+  border-top-color: transparent;
+}
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  height: 0;
+  width: 0;
+}
+.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
+  border-top-color: rgba(7, 40, 50, 0.5);
+  /* Same as ul background */
+
+}
+.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
+  height: 2.9em;
+  width: 10em;
+}
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. */
+  top: -1em;
+  /* Shrink the bar slower than it grows. */
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+
+  /* transition */
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+}
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* updated by javascript during playback */
+
+  width: 0;
+  /* Needed for IE6 */
+  left: 0;
+  top: 0;
+}
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+
+  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: #646464 /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.2);
+}
+/* there are child elements of the load progress bar that represent the
+   specific time ranges that have been buffered */
+.vjs-default-skin .vjs-load-progress div {
+  background: #787878 /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.1);
+}
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+/* Live Mode
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin.vjs-live .vjs-time-controls,
+.vjs-default-skin.vjs-live .vjs-time-divider,
+.vjs-default-skin.vjs-live .vjs-progress-control {
+  display: none;
+}
+.vjs-default-skin.vjs-live .vjs-live-display {
+  display: block;
+}
+/* Live Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-live-display {
+  display: none;
+  font-size: 1em;
+  line-height: 3em;
+}
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar */
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time {
+  float: left;
+}
+.vjs-default-skin .vjs-duration {
+  float: left;
+}
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time {
+  display: none;
+  float: left;
+}
+.vjs-time-divider {
+  float: left;
+  line-height: 3em;
+}
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: "\e000";
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: "\e00b";
+}
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  left: 0.5em;
+  top: 0.5em;
+  font-size: 3em;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: 4em;
+  height: 2.6em;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+  /* Need a slightly gray bg so it can be seen on black backgrounds */
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  border: 0.1em solid #3b4249;
+  /* border-radius */
+  -webkit-border-radius: 0.8em;
+  -moz-border-radius: 0.8em;
+  border-radius: 0.8em;
+  /* box-shadow */
+  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
+  /* transition */
+  -webkit-transition: all 0.4s;
+  -moz-transition: all 0.4s;
+  -o-transition: all 0.4s;
+  transition: all 0.4s;
+}
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  /* Center it horizontally */
+  left: 50%;
+  margin-left: -2.1em;
+  /* Center it vertically */
+  top: 50%;
+  margin-top: -1.4000000000000001em;
+}
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state */
+  background-color: #505050;
+  background-color: rgba(50, 50, 50, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 3em #ffffff;
+  -moz-box-shadow: 0 0 3em #ffffff;
+  box-shadow: 0 0 3em #ffffff;
+  /* transition */
+  -webkit-transition: all 0s;
+  -moz-transition: all 0s;
+  -o-transition: all 0s;
+  transition: all 0s;
+}
+.vjs-default-skin .vjs-big-play-button:before {
+  content: "\e001";
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+
+  line-height: 2.6em;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.vjs-error .vjs-big-play-button {
+  display: none;
+}
+/* Error Display
+--------------------------------------------------------------------------------
+*/
+.vjs-error-display {
+  display: none;
+}
+.vjs-error .vjs-error-display {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+.vjs-error .vjs-error-display:before {
+  content: 'X';
+  font-family: Arial;
+  font-size: 4em;
+  color: #666666;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+
+  line-height: 1;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  vertical-align: middle;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -0.5em;
+  width: 100%;
+}
+.vjs-error-display div {
+  position: absolute;
+  bottom: 1em;
+  right: 0;
+  left: 0;
+  font-size: 1.4em;
+  text-align: center;
+  padding: 3px;
+  background: #000000;
+  background: rgba(0, 0, 0, 0.5);
+}
+.vjs-error-display a,
+.vjs-error-display a:visited {
+  color: #F4A460;
+}
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+.vjs-loading-spinner {
+  /* Should be hidden by default */
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 4em;
+  line-height: 1;
+  width: 1em;
+  height: 1em;
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+  opacity: 0.75;
+}
+/* Show the spinner when waiting for data and seeking to a new time */
+.vjs-waiting .vjs-loading-spinner,
+.vjs-seeking .vjs-loading-spinner {
+  display: block;
+  /* only animate when showing because it can be processor heavy */
+  /* animation */
+  -webkit-animation: spin 1.5s infinite linear;
+  -moz-animation: spin 1.5s infinite linear;
+  -o-animation: spin 1.5s infinite linear;
+  animation: spin 1.5s infinite linear;
+}
+/* Errors are unrecoverable without user interaction so hide the spinner */
+.vjs-error .vjs-loading-spinner {
+  display: none;
+  /* ensure animation doesn't continue while hidden */
+  /* animation */
+  -webkit-animation: none;
+  -moz-animation: none;
+  -o-animation: none;
+  animation: none;
+}
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: "\e01e";
+  font-family: VideoJS;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+  }
+  100% {
+    -moz-transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -o-transform: rotate(0deg);
+  }
+  100% {
+    -o-transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em;
+  /* (Width of vjs-menu - width of button) / 2 */
+
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+  border-top: 1.55em solid #000000;
+  /* Same width top as ul bottom */
+
+  border-top-color: rgba(7, 40, 50, 0.5);
+  /* Same as ul background */
+
+}
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em;
+  /* Same bottom as vjs-menu border-top */
+
+  max-height: 15em;
+  overflow: auto;
+  left: -5em;
+  /* Width of menu - width of button / 2 */
+
+  /* background-color-with-alpha */
+  background-color: #07141e;
+  background-color: rgba(7, 20, 30, 0.7);
+  /* box-shadow */
+  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
+}
+.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
+.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+  /* background-color-with-alpha */
+  background-color: #ffffff;
+  background-color: rgba(255, 255, 255, 0.75);
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before {
+  content: "\e00c";
+}
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: "\e008";
+}
+/* Chapters Button */
+.vjs-default-skin .vjs-chapters-button:before {
+  content: "\e00c";
+}
+.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
+  width: 24em;
+  left: -12em;
+}
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  /* box-shadow */
+  -webkit-box-shadow: 0 0 1em #ffffff;
+  -moz-box-shadow: 0 0 1em #ffffff;
+  box-shadow: 0 0 1em #ffffff;
+}
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+
+  font-size: 10px;
+  /* Allow poster to be vertically aligned. */
+
+  vertical-align: middle;
+  /*  display: table-cell; */
+  /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+
+  font-family: Arial, sans-serif;
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+
+  /* user-select */
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen {
+  position: absolute;
+}
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) */
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+/* Hide the poster after the video has started playing */
+.video-js.vjs-has-started .vjs-poster {
+  display: none;
+}
+/* Don't hide the poster if we're playing audio */
+.video-js.vjs-audio.vjs-has-started .vjs-poster {
+  display: block;
+}
+/* Hide the poster when controls are disabled because it's clickable
+    and the native poster can take over */
+.video-js.vjs-controls-disabled .vjs-poster {
+  display: none;
+}
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right */
+  left: 1em;
+  right: 1em;
+}
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) */
+  /* background-color-with-alpha */
+  background-color: #000000;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.video-js .vjs-subtitles {
+  color: #ffffff /* Subtitles are white */;
+}
+.video-js .vjs-captions {
+  color: #ffcc66 /* Captions are yellow */;
+}
+.vjs-tt-cue {
+  display: block;
+}
+/* Increase font-size when fullscreen */
+.video-js.vjs-fullscreen .vjs-text-track {
+  font-size: 3em;
+}
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden {
+  display: none;
+}
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
+    The .video-js classname on the video tag also isn't considered.
+    This optional paragraph inside the video tag can provide a message to users
+    about what's required to play video. */
+.vjs-no-js {
+  padding: 20px;
+  color: #ccc;
+  background-color: #333;
+  font-size: 18px;
+  font-family: Arial, sans-serif;
+  text-align: center;
+  width: 300px;
+  height: 150px;
+  margin: 0px auto;
+}
+.vjs-no-js a,
+.vjs-no-js a:visited {
+  color: #F4A460;
+}
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
diff --git a/site/video-js/video-js.less b/site/video-js/video-js.less
new file mode 100644
index 0000000..577db7d
--- /dev/null
+++ b/site/video-js/video-js.less
@@ -0,0 +1,1177 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version GENERATED_AT_BUILD
+Create your own skin at http://designer.videojs.com
+*/
+
+// To customize the player skin, change the values of the variables or edit the
+// CSS below.
+// (This file uses LESS. Learn more at http://lesscss.org/)
+
+// The base font size controls the size of everything, not just text. All
+// dimensions use em-based sizes so that the scale along with the font size.
+// Try increasing it to 20px and see what happens.
+@base-font-size: 10px;
+@touch-device-font-size: 15px;
+
+// The main font color controls the color of the text and the icons (font icons)
+@main-font-color: #CCCCCC; // e.g. rgb(255, 255, 255) or #ffffff
+
+// The default color of control backgrounds is mostly black but with a little
+// bit of blue so it can still be seen on all black video frames, which are
+// common.
+@control-bg-color: #07141E; // e.g. rgb(255, 255, 255) or #ffffff
+@control-bg-alpha: 0.7; // 1.0 = 100% opacity, 0.0 = 0% opacity
+
+// The slider bar color is used for the progress bar and the volume bar
+@slider-bar-color: #66A8CC; // e.g. rgb(255, 255, 255) or #ffffff
+// The background of the progress bar and volume bar have a lined pattern that
+// is created from a base64 encoded image. You can generate your own pattern at
+// http://www.patternify.com/ then replace the value in the quotes with your own
+@slider-bar-pattern: ~'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC';
+// The color of the slider background
+@slider-background-color: #333333;
+@slider-background-alpha: 0.9; // 1.0 = 100% opacity, 0.0 = 0% opacity
+
+// The "Big Play Button" is the play button that shows before the video plays.
+// To center it set the align values to center and middle. The typical location
+// of the button is the center, but there is trend towards moving it to a corner
+// where it gets out of the way of valuable content in the poster image.
+@big-play-align: left; // left, center, or right
+@big-play-vertical-align: top; // top, middle, or bottom
+// The button colors match the control colors by default but you can customize
+// them by replace the variables (@control-bg-color) with your own color values.
+@big-play-bg-color: @control-bg-color;
+@big-play-bg-alpha: @control-bg-alpha;
+// The font size is what makes the big play button, big. All width/height values
+// use ems, which are a multiple of the font size.
+// If the @base-font-size is 10px, then 3em equals 30px.
+@big-play-font-size: 3em;
+// Now that font size is set, the following em values will be a multiple of the
+// new font size. If @big-play-font-size is 3em (30px), then setting the any of
+// the following values to 2em would equal 60px. 2 * font-size
+@big-play-margin: 0.5em;
+@big-play-width: 4em;
+@big-play-height: 2.6em;
+@big-play-border-radius: 0.8em;
+@big-play-border-width: 0.1em;
+@big-play-border-color: #3b4249;
+
+/* SKIN
+================================================================================
+The main class name for all skin-specific styles. To make your own skin,
+replace all occurrences of 'vjs-default-skin' with a new name. Then add your new
+skin name to your video tag instead of the default skin.
+e.g. <video class="video-js my-skin-name">
+*/
+.vjs-default-skin {
+  color: @main-font-color;
+}
+
+/* Custom Icon Font
+--------------------------------------------------------------------------------
+The control icons are from a custom font. Each icon corresponds to a character
+(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
+*/
+@font-face{
+  font-family: 'VideoJS';
+  src: url('font/vjs.eot');
+  src: url('font/vjs.eot?#iefix') format('embedded-opentype'),
+  url('font/vjs.woff') format('woff'),
+  url('font/vjs.ttf') format('truetype'),
+  url('font/vjs.svg#icomoon') format('svg');
+
+  font-weight: normal;
+  font-style: normal;
+}
+
+// Icon font character values
+@play-icon: "\e001";
+@pause-icon: "\e002";
+@volume-muted-icon: "\e003";
+@volume-low-icon: "\e004";
+@volume-mid-icon: "\e005";
+@volume-high-icon: "\e006";
+@fullscreen-enter-icon: "\e000";
+@fullscreen-exit-icon: "\e00b";
+@square-icon: "\e009";
+@spinner-icon: "\e00a";
+@spinner2-icon: "\e00d";
+@spinner3-icon: "\e01e";
+@spinner4-icon: "\e01f";
+@subtitles-icon: "\e00c";
+@captions-icon: "\e008";
+@chapters-icon: "\e00c";
+@share-icon: "\e00e";
+@cog-icon: "\e600";
+
+/* Base UI Component Classes
+--------------------------------------------------------------------------------
+*/
+
+/* Slider - used for Volume bar and Seek bar */
+.vjs-default-skin .vjs-slider {
+  /* Replace browser focus highlight with handle highlight *///
+  outline: 0;
+  position: relative;
+  cursor: pointer;
+  padding: 0;
+
+  .background-color-with-alpha(@slider-background-color, @slider-background-alpha);
+}
+
+.vjs-default-skin .vjs-slider:focus {
+  .box-shadow(0 0 2em #fff);
+}
+
+.vjs-default-skin .vjs-slider-handle {
+  position: absolute;
+  /* Needed for IE6 *///
+  left: 0;
+  top: 0;
+}
+
+.vjs-default-skin .vjs-slider-handle:before {
+  content: @square-icon;
+  font-family: VideoJS;
+  font-size: 1em;
+  line-height: 1;
+  text-align: center;
+  text-shadow: 0em 0em 1em #fff;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  /* Rotate the square icon to make a diamond *///
+  .transform(rotate(-45deg));
+}
+
+/* Control Bar
+--------------------------------------------------------------------------------
+The default control bar that is a container for most of the controls.
+*/
+.vjs-default-skin .vjs-control-bar {
+  /* Start hidden *///
+  display: none;
+  position: absolute;
+  /* Place control bar at the bottom of the player box/video.
+     If you want more margin below the control bar, add more height. *///
+  bottom: 0;
+  /* Use left/right to stretch to 100% width of player div *///
+  left: 0;
+  right: 0;
+  /* Height includes any margin you want above or below control items *///
+  height: 3.0em;
+
+  .background-color-with-alpha(@control-bg-color, @control-bg-alpha);
+}
+
+/* Show the control bar only once the video has started playing */
+.vjs-default-skin.vjs-has-started .vjs-control-bar {
+  display: block;
+  /* Visibility needed to make sure things hide in older browsers too. */
+  visibility: visible;
+  opacity: 1;
+
+  @trans: visibility 0.1s, opacity 0.1s; // Var needed because of comma
+  .transition(@trans);
+}
+
+/* Hide the control bar when the video is playing and the user is inactive  */
+.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  display: block;
+  visibility: hidden;
+  opacity: 0;
+
+  @trans: visibility 1.0s, opacity 1.0s;
+  .transition(@trans);
+}
+
+.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
+  display: none;
+}
+
+.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
+  display: none;
+}
+
+/* The control bar shouldn't show after an error */
+.vjs-default-skin.vjs-error .vjs-control-bar {
+  display: none;
+}
+
+/* Don't hide the control bar if it's audio */
+.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* IE8 is flakey with fonts, and you have to change the actual content to force
+fonts to show/hide properly.
+  - "\9" IE8 hack didn't work for this
+  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
+*/
+@ie8screen: ~"\0screen";
+.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
+  @media @ie8screen { content: ""; }
+}
+
+/* General styles for individual controls. */
+.vjs-default-skin .vjs-control {
+  outline: none;
+  position: relative;
+  float: left;
+  text-align: center;
+  margin: 0;
+  padding: 0;
+  height: 3.0em;
+  width: 4em;
+}
+
+/* Font button icons */
+.vjs-default-skin .vjs-control:before {
+  font-family: VideoJS;
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
+}
+
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-control:focus:before,
+.vjs-default-skin .vjs-control:hover:before {
+  text-shadow: 0em 0em 1em rgba(255, 255, 255, 1);
+}
+
+.vjs-default-skin .vjs-control:focus {
+  /*  outline: 0; *///
+  /* keyboard-only users cannot see the focus on several of the UI elements when
+  this is set to 0 */
+}
+
+/* Hide control text visually, but have it available for screenreaders */
+.vjs-default-skin .vjs-control-text {
+  .hide-visually;
+}
+
+/* Play/Pause
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-play-control {
+  width: 5em;
+  cursor: pointer;
+}
+.vjs-default-skin .vjs-play-control:before {
+  content: @play-icon;
+}
+.vjs-default-skin.vjs-playing .vjs-play-control:before {
+  content: @pause-icon;
+}
+
+/* Playback toggle
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value {
+  font-size: 1.5em;
+  line-height: 2;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+}
+
+.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content {
+  width: 4em;
+  left: -2em;
+  list-style: none;
+}
+
+/* Volume/Mute
+-------------------------------------------------------------------------------- */
+.vjs-default-skin .vjs-mute-control,
+.vjs-default-skin .vjs-volume-menu-button {
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-mute-control:before,
+.vjs-default-skin .vjs-volume-menu-button:before {
+  content: @volume-high-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
+  content: @volume-muted-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
+  content: @volume-low-icon;
+}
+.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
+.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
+  content: @volume-mid-icon;
+}
+
+.vjs-default-skin .vjs-volume-control {
+  width: 5em;
+  float: right;
+}
+.vjs-default-skin .vjs-volume-bar {
+  width: 5em;
+  height: 0.6em;
+  margin: 1.1em auto 0;
+}
+
+.vjs-default-skin .vjs-volume-level {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 0.5em;
+  /* assuming volume starts at 1.0 */
+  width: 100%;
+
+  background: @slider-bar-color
+    url(@slider-bar-pattern)
+    -50% 0 repeat;
+}
+.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
+  width: 0.5em;
+  height: 0.5em;
+  /* Assumes volume starts at 1.0. If you change the size of the
+     handle relative to the volume bar, you'll need to update this value
+     too. */
+  left: 4.5em;
+}
+
+.vjs-default-skin .vjs-volume-handle:before {
+  font-size: 0.9em;
+  top: -0.2em;
+  left: -0.2em;
+
+  width: 1em;
+  height: 1em;
+}
+
+/* The volume menu button is like menu buttons (captions/subtitles) but works
+    a little differently. It needs to be possible to tab to the volume slider
+    without hitting space bar on the menu button. To do this we're not using
+    display:none to hide the slider menu by default, and instead setting the
+    width and height to zero. */
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu {
+  display: block;
+  width: 0;
+  height: 0;
+  border-top-color: transparent;
+}
+
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
+  height: 0;
+  width: 0;
+}
+
+.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing {
+  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
+}
+
+.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,
+.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content {
+  height: 2.9em;
+  width: 10em;
+}
+
+/* Progress
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-progress-control {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: auto;
+  font-size: 0.3em;
+  height: 1em;
+  /* Set above the rest of the controls. *///
+  top: -1em;
+
+  /* Shrink the bar slower than it grows. *///
+  .transition(all 0.4s);
+}
+
+/* On hover, make the progress bar grow to something that's more clickable.
+    This simply changes the overall font for the progress bar, and this
+    updates both the em-based widths and heights, as wells as the icon font */
+.vjs-default-skin:hover .vjs-progress-control {
+  font-size: .9em;
+
+  /* Even though we're not changing the top/height, we need to include them in
+      the transition so they're handled correctly. */
+  .transition(all 0.2s);
+}
+
+/* Box containing play and load progresses. Also acts as seek scrubber. */
+.vjs-default-skin .vjs-progress-holder {
+  height: 100%;
+}
+
+/* Progress Bars */
+.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress,
+.vjs-default-skin .vjs-progress-holder .vjs-load-progress div {
+  position: absolute;
+  display: block;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  /* updated by javascript during playback */
+  width: 0;
+  /* Needed for IE6 *///
+  left: 0;
+  top: 0;
+}
+
+.vjs-default-skin .vjs-play-progress {
+  /*
+    Using a data URI to create the white diagonal lines with a transparent
+      background. Surprisingly works in IE8.
+      Created using http://www.patternify.com
+    Changing the first color value will change the bar color.
+    Also using a paralax effect to make the lines move backwards.
+      The -50% left position makes that happen.
+  */
+  background: @slider-bar-color
+    url(@slider-bar-pattern)
+    -50% 0 repeat;
+}
+.vjs-default-skin .vjs-load-progress {
+  background: rgb(100, 100, 100) /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.2);
+}
+
+/* there are child elements of the load progress bar that represent the
+   specific time ranges that have been buffered */
+.vjs-default-skin .vjs-load-progress div {
+  background: rgb(120, 120, 120) /* IE8- Fallback */;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.vjs-default-skin .vjs-seek-handle {
+  width: 1.5em;
+  height: 100%;
+}
+
+.vjs-default-skin .vjs-seek-handle:before {
+  padding-top: 0.1em /* Minor adjustment */;
+}
+
+/* Live Mode
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin.vjs-live .vjs-time-controls,
+.vjs-default-skin.vjs-live .vjs-time-divider,
+.vjs-default-skin.vjs-live .vjs-progress-control {
+  display: none;
+}
+.vjs-default-skin.vjs-live .vjs-live-display {
+  display: block;
+}
+
+/* Live Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-live-display {
+  display: none;
+  font-size: 1em;
+  line-height: 3em;
+}
+
+/* Time Display
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-time-controls {
+  font-size: 1em;
+  /* Align vertically by making the line height the same as the control bar *///
+  line-height: 3em;
+}
+.vjs-default-skin .vjs-current-time { float: left; }
+.vjs-default-skin .vjs-duration { float: left; }
+/* Remaining time is in the HTML, but not included in default design */
+.vjs-default-skin .vjs-remaining-time { display: none; float: left; }
+.vjs-time-divider { float: left; line-height: 3em; }
+
+/* Fullscreen
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-fullscreen-control {
+  width: 3.8em;
+  cursor: pointer;
+  float: right;
+}
+.vjs-default-skin .vjs-fullscreen-control:before {
+  content: @fullscreen-enter-icon;
+}
+/* Switch to the exit icon when the player is in fullscreen */
+.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
+  content: @fullscreen-exit-icon;
+}
+
+/* Big Play Button (play button at start)
+--------------------------------------------------------------------------------
+Positioning of the play button in the center or other corners can be done more
+easily in the skin designer. http://designer.videojs.com/
+*/
+.vjs-default-skin .vjs-big-play-button {
+  // Calculate total width/height so we're able to center the button
+  @total-width: (@big-play-width + (@big-play-border-width * 2));
+  @total-height: (@big-play-height + (@big-play-border-width * 2));
+  // Position the button using the absolute-align mixin (bottom of page)
+  .absolute-align(@big-play-align, @big-play-margin, @total-width);
+  .absolute-align(@big-play-vertical-align, @big-play-margin, @total-height);
+
+  font-size: @big-play-font-size;
+  display: block;
+  z-index: 2;
+  position: absolute;
+  width: @big-play-width;
+  height: @big-play-height;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  opacity: 1;
+
+  /* Need a slightly gray bg so it can be seen on black backgrounds *///
+  .background-color-with-alpha(@big-play-bg-color, @big-play-bg-alpha);
+
+  border: @big-play-border-width solid @big-play-border-color;
+
+  .border-radius(@big-play-border-radius);
+  .box-shadow(0px 0px 1em rgba(255, 255, 255, 0.25));
+  .transition(all 0.4s);
+}
+
+/* Optionally center */
+.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
+  @total-width: (@big-play-width + (@big-play-border-width * 2));
+  @total-height: (@big-play-height + (@big-play-border-width * 2));
+
+  .absolute-align(center, @big-play-margin, @total-width);
+  .absolute-align(middle, @big-play-margin, @total-height);
+}
+
+/* Hide if controls are disabled */
+.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
+  display: none;
+}
+/* Hide when video starts playing */
+.vjs-default-skin.vjs-has-started .vjs-big-play-button {
+  display: none;
+}
+/* Hide on mobile devices. Remove when we stop using native controls
+    by default on mobile  */
+.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
+  display: none;
+}
+
+.vjs-default-skin:hover .vjs-big-play-button,
+.vjs-default-skin .vjs-big-play-button:focus {
+  outline: 0;
+  border-color: #fff;
+  /* IE8 needs a non-glow hover state *///
+  background-color: rgb(80, 80, 80);
+  background-color: rgba(50, 50, 50, 0.75);
+
+  .box-shadow(0 0 3em #fff);
+  .transition(all 0s);
+}
+
+.vjs-default-skin .vjs-big-play-button:before {
+  content: @play-icon;
+  font-family: VideoJS;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+  line-height: @big-play-height;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-error .vjs-big-play-button {
+  display: none;
+}
+
+/* Error Display
+--------------------------------------------------------------------------------
+*/
+
+.vjs-error-display {
+  display: none;
+}
+
+.vjs-error .vjs-error-display {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.vjs-error .vjs-error-display:before {
+  content: 'X';
+  font-family: Arial;
+  font-size: 4em;
+  color: #666666;
+  /* In order to center the play icon vertically we need to set the line height
+     to the same as the button height */
+  line-height: 1;
+  text-shadow: 0.05em 0.05em 0.1em #000;
+  text-align: center /* Needed for IE8 */;
+  vertical-align: middle;
+
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -0.5em;
+  width: 100%;
+}
+
+.vjs-error-display div {
+  position: absolute;
+  bottom: 1em;
+  right: 0;
+  left: 0;
+
+  font-size: 1.4em;
+  text-align: center;
+  padding: 3px;
+  background: rgb(0, 0, 0); // fallback to just black
+  background: rgba(0,0,0,0.5); // Normally show black at 50% opacity
+}
+
+.vjs-error-display a, .vjs-error-display a:visited {
+  color: #F4A460;
+}
+
+/* Loading Spinner
+--------------------------------------------------------------------------------
+*/
+
+.vjs-loading-spinner {
+  /* Should be hidden by default *///
+  display: none;
+
+  position: absolute;
+  top: 50%;
+  left: 50%;
+
+  font-size: 4em;
+  line-height: 1;
+
+  width: 1em;
+  height: 1em;
+
+  margin-left: -0.5em;
+  margin-top: -0.5em;
+
+  opacity: 0.75;
+}
+
+/* Show the spinner when waiting for data and seeking to a new time */
+.vjs-waiting .vjs-loading-spinner,
+.vjs-seeking .vjs-loading-spinner {
+  display: block;
+
+  /* only animate when showing because it can be processor heavy *///
+  .animation(spin 1.5s infinite linear);
+}
+
+/* Errors are unrecoverable without user interaction so hide the spinner */
+.vjs-error .vjs-loading-spinner {
+  display: none;
+
+  /* ensure animation doesn't continue while hidden *///
+  .animation(none);
+}
+
+.vjs-default-skin .vjs-loading-spinner:before {
+  content: @spinner3-icon;
+  font-family: VideoJS;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  text-shadow: 0em 0em 0.1em #000;
+}
+
+@-moz-keyframes spin {
+  0% { -moz-transform: rotate(0deg); }
+  100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+  0% { -webkit-transform: rotate(0deg); }
+  100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+  0% { -o-transform: rotate(0deg); }
+  100% { -o-transform: rotate(359deg); }
+}
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(359deg); }
+}
+
+/* Menu Buttons (Captions/Subtitles/etc.)
+--------------------------------------------------------------------------------
+*/
+.vjs-default-skin .vjs-menu-button {
+  float: right;
+  cursor: pointer;
+}
+
+.vjs-default-skin .vjs-menu {
+  display: none;
+  position: absolute;
+  bottom: 0;
+  left: 0em; /* (Width of vjs-menu - width of button) / 2 */
+  width: 0em;
+  height: 0em;
+  margin-bottom: 3em;
+
+  border-left: 2em solid transparent;
+  border-right: 2em solid transparent;
+
+  border-top: 1.55em solid rgb(0, 0, 0); /* Same width top as ul bottom */
+  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
+}
+
+/* Button Pop-up Menu */
+.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
+  display: block;
+  padding: 0; margin: 0;
+  position: absolute;
+  width: 10em;
+  bottom: 1.5em; /* Same bottom as vjs-menu border-top */
+  max-height: 15em;
+  overflow: auto;
+
+  left: -5em; /* Width of menu - width of button / 2 */
+
+  .background-color-with-alpha(@control-bg-color, @control-bg-alpha);
+  .box-shadow(-0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2));
+}
+
+.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,
+.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing {
+  display: block;
+}
+.vjs-default-skin .vjs-menu-button ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0.3em 0 0.3em 0;
+  line-height: 1.4em;
+  font-size: 1.2em;
+  text-align: center;
+  text-transform: lowercase;
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
+  background-color: #000;
+}
+.vjs-default-skin .vjs-menu-button ul li:focus,
+.vjs-default-skin .vjs-menu-button ul li:hover,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
+.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
+  outline: 0;
+  color: #111;
+
+  .background-color-with-alpha(rgb(255, 255, 255), 0.75);
+  .box-shadow(0 0 1em rgba(255, 255, 255, 1));
+}
+.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
+  text-align: center;
+  text-transform: uppercase;
+  font-size: 1em;
+  line-height: 2em;
+  padding: 0;
+  margin: 0 0 0.3em 0;
+  font-weight: bold;
+  cursor: default;
+}
+
+/* Subtitles Button */
+.vjs-default-skin .vjs-subtitles-button:before {
+  content: @subtitles-icon;
+}
+
+/* Captions Button */
+.vjs-default-skin .vjs-captions-button:before {
+  content: @captions-icon;
+}
+
+/* Chapters Button */
+.vjs-default-skin .vjs-chapters-button:before {
+  content: @chapters-icon;
+}
+
+.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content {
+  width: 24em;
+  left: -12em;
+}
+
+/* Replacement for focus outline */
+.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
+.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
+  .box-shadow(0 0 1em rgba(255, 255, 255, 1));
+}
+
+/*
+REQUIRED STYLES (be careful overriding)
+================================================================================
+When loading the player, the video tag is replaced with a DIV,
+that will hold the video tag or object tag for other playback methods.
+The div contains the video playback element (Flash or HTML5) and controls,
+and sets the width and height of the video.
+
+** If you want to add some kind of border/padding (e.g. a frame), or special
+positioning, use another containing element. Otherwise you risk messing up
+control positioning and full window mode. **
+*/
+.video-js {
+  background-color: #000;
+  position: relative;
+  padding: 0;
+  /* Start with 10px for base font size so other dimensions can be em based and
+     easily calculable. */
+  font-size: @base-font-size;
+  /* Allow poster to be vertically aligned. */
+  vertical-align: middle;
+  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
+
+  /* Provide some basic defaults for fonts */
+  font-weight: normal;
+  font-style: normal;
+  /* Avoiding helvetica: issue #376 */
+  font-family: Arial, sans-serif;
+
+  /* Turn off user selection (text highlighting) by default.
+     The majority of player components will not be text blocks.
+     Text areas will need to turn user selection back on. */
+  .user-select(none);
+}
+
+/* Playback technology elements expand to the width/height of the containing div
+    <video> or <object> */
+.video-js .vjs-tech {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
+   checking fullScreenEnabled. */
+.video-js:-moz-full-screen { position: absolute; }
+
+/* Fullscreen Styles */
+body.vjs-full-window {
+  padding: 0;
+  margin: 0;
+  height: 100%;
+  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html *///
+  overflow-y: auto;
+}
+.video-js.vjs-fullscreen {
+  position: fixed;
+  overflow: hidden;
+  z-index: 1000;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100% !important;
+  height: 100% !important;
+  /* IE6 full-window (underscore hack) *///
+  _position: absolute;
+}
+.video-js:-webkit-full-screen {
+  width: 100% !important;
+  height: 100% !important;
+}
+.video-js.vjs-fullscreen.vjs-user-inactive {
+  cursor: none;
+}
+
+/* Poster Styles */
+.vjs-poster {
+  background-repeat: no-repeat;
+  background-position: 50% 50%;
+  background-size: contain;
+  cursor: pointer;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.vjs-poster img {
+  display: block;
+  margin: 0 auto;
+  max-height: 100%;
+  padding: 0;
+  width: 100%;
+}
+
+/* Hide the poster after the video has started playing */
+.video-js.vjs-has-started .vjs-poster {
+  display: none;
+}
+
+/* Don't hide the poster if we're playing audio */
+.video-js.vjs-audio.vjs-has-started .vjs-poster {
+  display: block;
+}
+
+/* Hide the poster when controls are disabled because it's clickable
+    and the native poster can take over */
+.video-js.vjs-controls-disabled .vjs-poster {
+  display: none;
+}
+
+/* Hide the poster when native controls are used otherwise it covers them */
+.video-js.vjs-using-native-controls .vjs-poster {
+  display: none;
+}
+
+/* Text Track Styles */
+/* Overall track holder for both captions and subtitles */
+.video-js .vjs-text-track-display {
+  text-align: center;
+  position: absolute;
+  bottom: 4em;
+  /* Leave padding on left and right *///
+  left: 1em;
+  right: 1em;
+}
+
+/* Move captions down when controls aren't being shown */
+.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
+  bottom: 1em;
+}
+
+/* Individual tracks */
+.video-js .vjs-text-track {
+  display: none;
+  font-size: 1.4em;
+  text-align: center;
+  margin-bottom: 0.1em;
+  /* Transparent black background, or fallback to all black (oldIE) *///
+  .background-color-with-alpha(rgb(0, 0, 0), 0.5);
+}
+.video-js .vjs-subtitles { color: #fff /* Subtitles are white */; }
+.video-js .vjs-captions { color: #fc6 /* Captions are yellow */; }
+.vjs-tt-cue { display: block; }
+
+/* Increase font-size when fullscreen */
+.video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; }
+
+/* Hide disabled or unsupported controls */
+.vjs-default-skin .vjs-hidden { display: none; }
+
+.vjs-lock-showing {
+  display: block !important;
+  opacity: 1;
+  visibility: visible;
+}
+
+/*  In IE8 w/ no JavaScript (no HTML5 shim), the video tag doesn't register.
+    The .video-js classname on the video tag also isn't considered.
+    This optional paragraph inside the video tag can provide a message to users
+    about what's required to play video. */
+.vjs-no-js {
+  padding: 20px;
+  color: #ccc;
+  background-color: #333;
+  font-size: 18px;
+  font-family: Arial, sans-serif;
+  text-align: center;
+  width: 300px;
+  height: 150px;
+  margin: 0px auto;
+}
+
+.vjs-no-js a, .vjs-no-js a:visited {
+  color: #F4A460;
+}
+
+// MIXINS
+// =============================================================================
+// Mixins are a LESS feature and are used to add vendor prefixes to CSS rules
+// when needed.
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
+.box-shadow (@string: 0 0 1em rgba(0, 0, 0, 0.25)) {
+  /* box-shadow *///
+  -webkit-box-shadow: @string;
+     -moz-box-shadow: @string;
+          box-shadow: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
+.border-radius (@string: 5px) {
+  /* border-radius *///
+  -webkit-border-radius: @string;
+     -moz-border-radius: @string;
+          border-radius: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+.transition (@string: all 1s linear) {
+  /* transition *///
+  -webkit-transition: @string;
+     -moz-transition: @string;
+       -o-transition: @string;
+          transition: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transition
+.transition-delay (@string: 1s) {
+  /* transition-delay *///
+  -webkit-transition-delay: @string;
+     -moz-transition-delay: @string;
+       -o-transition-delay: @string;
+          transition-delay: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/animation
+.animation (@string: spin 1s infinite linear) {
+  /* animation *///
+  -webkit-animation: @string;
+     -moz-animation: @string;
+       -o-animation: @string;
+          animation: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/transform
+.transform (@string: rotate(-45deg)) {
+  /* transform *///
+  -webkit-transform: @string;
+     -moz-transform: @string;
+      -ms-transform: @string;
+       -o-transform: @string;
+          transform: @string;
+}
+
+// https://developer.mozilla.org/en-US/docs/Web/CSS/user-select
+.user-select (@string: none) {
+  /* user-select *///
+  -webkit-user-select: @string;
+     -moz-user-select: @string;
+      -ms-user-select: @string;
+          user-select: @string;
+}
+
+// Hide something visually but keep available for screen readers.
+// http://h5bp.com/v
+.hide-visually () {
+  /* hide-visually *///
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position:
+  absolute;
+  width: 1px;
+}
+
+// Align an object with absolute positioning
+// Used to align the Big Play Button in the corners or center
+.absolute-align (@align, @margin, @length) when (@align = top) {
+  top: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = bottom) {
+  bottom: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = left) {
+  left: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = right) {
+  right: @margin;
+}
+.absolute-align (@align, @margin, @length) when (@align = center) {
+  /* Center it horizontally *///
+  left: 50%;
+  margin-left: (-(@length/2));
+  // margin-left: ((@length*-1)/2);
+}
+.absolute-align (@align, @margin, @length) when (@align = middle) {
+  /* Center it vertically *///
+  top: 50%;
+  margin-top: (-(@length/2));
+  // margin-top: ((@length*-1)/2);
+}
+
+// http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text
+.background-color-with-alpha (@color, @alpha) {
+  @rgba: rgba(red(@color), green(@color), blue(@color), @alpha);
+  /* background-color-with-alpha *///
+  background-color: @color;
+  background-color: @rgba;
+  // No longer using MS filters because they break border radius in IE9
+  // @argb: argb(@rgba);
+  // filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+  // -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
+}
+
+.border-color-with-alpha (@color, @alpha) {
+  @rgba: rgba(red(@color), green(@color), blue(@color), @alpha);
+  /* border-color-with-alpha *///
+  border-color: @color;
+  border-color: @rgba;
+}
+
+// NOTES ON LESS (tracking learnings so we don't forget)
+// =============================================================================
+// * We want this file to continue to be accessible by people who don't know
+//   LESS but know CSS. This means finding the balance between using the most
+//   valuable LESS features (e.g. variables) and keeping it looking like CSS.
+//   So it's best to avoid advanced LESS features like conditional statements.
+//   (we're using one for the big play button position because that's a hot
+//   topic)
+//
+// * We care about the readability of the CSS output of LESS, which means we
+//   have to be careful about what features of LESS we use. (if you're building
+//   your own skin this may not apply)
+//     1. Comments inside of rules (strangely) have an extra line added after
+//        them in the CSS output. To avoid this we can add a LESS comment after
+//        the CSS comment.
+//          /* comment *///
+//
+//     2. In a rule with nested rules, any comments outside of a rule are moved
+//        to the top of the parent rule. i.e. it might look like:
+//          /* title of rule 1 */
+//          /* title of rule 2 */
+//          .rule1 {}
+//          .rule2 {}
+//        This is why we aren't using nested rules inside of the
+//        vjs-default-skin class.
+
+/* -----------------------------------------------------------------------------
+The original source of this file lives at
+https://github.com/videojs/video.js/blob/master/src/css/video-js.less */
diff --git a/site/video-js/video-js.min.css b/site/video-js/video-js.min.css
new file mode 100644
index 0000000..94b8b4a
--- /dev/null
+++ b/site/video-js/video-js.min.css
@@ -0,0 +1,5 @@
+/*!
+Video.js Default Styles (http://videojs.com)
+Version 4.11.4
+Create your own skin at http://designer.videojs.com
+*/.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype'),url(font/vjs.svg#icomoon) format('svg');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}.vjs-default-skin.vjs-error .vjs-control-bar{display:none}.vjs-audio.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-playback-rate .vjs-playback-rate-value{font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-playback-rate.vjs-menu-button .vjs-menu .vjs-menu-content{width:4em;left:-2em;list-style:none}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;width:100%;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em;left:4.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu{display:block;width:0;height:0;border-top-color:transparent}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{height:0;width:0}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing{border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-volume-menu-button:hover .vjs-menu .vjs-menu-content,.vjs-default-skin .vjs-volume-menu-button .vjs-menu.vjs-lock-showing .vjs-menu-content{height:2.9em;width:10em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress div{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.2)}.vjs-default-skin .vjs-load-progress div{background:#787878;background:rgba(255,255,255,.1)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin.vjs-live .vjs-time-controls,.vjs-default-skin.vjs-live .vjs-time-divider,.vjs-default-skin.vjs-live .vjs-progress-control{display:none}.vjs-default-skin.vjs-live .vjs-live-display{display:block}.vjs-default-skin .vjs-live-display{display:none;font-size:1em;line-height:3em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-error .vjs-big-play-button{display:none}.vjs-error-display{display:none}.vjs-error .vjs-error-display{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.vjs-error .vjs-error-display:before{content:'X';font-family:Arial;font-size:4em;color:#666;line-height:1;text-shadow:.05em .05em .1em #000;text-align:center;vertical-align:middle;position:absolute;left:0;top:50%;margin-top:-.5em;width:100%}.vjs-error-display div{position:absolute;bottom:1em;right:0;left:0;font-size:1.4em;text-align:center;padding:3px;background:#000;background:rgba(0,0,0,.5)}.vjs-error-display a,.vjs-error-display a:visited{color:#F4A460}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75}.vjs-waiting .vjs-loading-spinner,.vjs-seeking .vjs-loading-spinner{display:block;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-error .vjs-loading-spinner{display:none;-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-control-content .vjs-menu,.vjs-default-skin .vjs-control-content .vjs-menu.vjs-lock-showing{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-chapters-button:before{content:"\e00c"}.vjs-default-skin .vjs-chapters-button.vjs-menu-button .vjs-menu .vjs-menu-content{width:24em;left:-12em}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-has-started .vjs-poster{display:none}.video-js.vjs-audio.vjs-has-started .vjs-poster{display:block}.video-js.vjs-controls-disabled .vjs-poster{display:none}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.video-js.vjs-fullscreen .vjs-text-track{font-size:3em}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#ccc;background-color:#333;font-size:18px;font-family:Arial,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#F4A460}
\ No newline at end of file
diff --git a/site/video-js/video-js.swf b/site/video-js/video-js.swf
new file mode 100644
index 0000000..155b499
Binary files /dev/null and b/site/video-js/video-js.swf differ
diff --git a/site/video-js/video.dev.js b/site/video-js/video.dev.js
new file mode 100644
index 0000000..a75b999
--- /dev/null
+++ b/site/video-js/video.dev.js
@@ -0,0 +1,8965 @@
+/**
+ * @fileoverview Main function src.
+ */
+
+// HTML5 Shiv. Must be in <head> to support older browsers.
+document.createElement('video');
+document.createElement('audio');
+document.createElement('track');
+
+/**
+ * Doubles as the main function for users to create a player instance and also
+ * the main library object.
+ *
+ * **ALIASES** videojs, _V_ (deprecated)
+ *
+ * The `vjs` function can be used to initialize or retrieve a player.
+ *
+ *     var myPlayer = vjs('my_video_id');
+ *
+ * @param  {String|Element} id      Video element or video element ID
+ * @param  {Object=} options        Optional options object for config/settings
+ * @param  {Function=} ready        Optional ready callback
+ * @return {vjs.Player}             A player instance
+ * @namespace
+ */
+var vjs = function(id, options, ready){
+  var tag; // Element of ID
+
+  // Allow for element or ID to be passed in
+  // String ID
+  if (typeof id === 'string') {
+
+    // Adjust for jQuery ID syntax
+    if (id.indexOf('#') === 0) {
+      id = id.slice(1);
+    }
+
+    // If a player instance has already been created for this ID return it.
+    if (vjs.players[id]) {
+      return vjs.players[id];
+
+    // Otherwise get element for ID
+    } else {
+      tag = vjs.el(id);
+    }
+
+  // ID is a media element
+  } else {
+    tag = id;
+  }
+
+  // Check for a useable element
+  if (!tag || !tag.nodeName) { // re: nodeName, could be a box div also
+    throw new TypeError('The element or ID supplied is not valid. (videojs)'); // Returns
+  }
+
+  // Element may have a player attr referring to an already created player instance.
+  // If not, set up a new player and return the instance.
+  return tag['player'] || new vjs.Player(tag, options, ready);
+};
+
+// Extended name, also available externally, window.videojs
+var videojs = window['videojs'] = vjs;
+
+// CDN Version. Used to target right flash swf.
+vjs.CDN_VERSION = '4.11';
+vjs.ACCESS_PROTOCOL = ('https:' == document.location.protocol ? 'https://' : 'http://');
+
+/**
+ * Global Player instance options, surfaced from vjs.Player.prototype.options_
+ * vjs.options = vjs.Player.prototype.options_
+ * All options should use string keys so they avoid
+ * renaming by closure compiler
+ * @type {Object}
+ */
+vjs.options = {
+  // Default order of fallback technology
+  'techOrder': ['html5','flash'],
+  // techOrder: ['flash','html5'],
+
+  'html5': {},
+  'flash': {},
+
+  // Default of web browser is 300x150. Should rely on source width/height.
+  'width': 300,
+  'height': 150,
+  // defaultVolume: 0.85,
+  'defaultVolume': 0.00, // The freakin seaguls are driving me crazy!
+
+  // default playback rates
+  'playbackRates': [],
+  // Add playback rate selection by adding rates
+  // 'playbackRates': [0.5, 1, 1.5, 2],
+
+  // default inactivity timeout
+  'inactivityTimeout': 2000,
+
+  // Included control sets
+  'children': {
+    'mediaLoader': {},
+    'posterImage': {},
+    'textTrackDisplay': {},
+    'loadingSpinner': {},
+    'bigPlayButton': {},
+    'controlBar': {},
+    'errorDisplay': {}
+  },
+
+  'language': document.getElementsByTagName('html')[0].getAttribute('lang') || navigator.languages && navigator.languages[0] || navigator.userLanguage || navigator.language || 'en',
+
+  // locales and their language translations
+  'languages': {},
+
+  // Default message to show when a video cannot be played.
+  'notSupportedMessage': 'No compatible source was found for this video.'
+};
+
+// Set CDN Version of swf
+// The added (+) blocks the replace from changing this 4.11 string
+if (vjs.CDN_VERSION !== 'GENERATED'+'_CDN_VSN') {
+  videojs.options['flash']['swf'] = vjs.ACCESS_PROTOCOL + 'vjs.zencdn.net/'+vjs.CDN_VERSION+'/video-js.swf';
+}
+
+/**
+ * Utility function for adding languages to the default options. Useful for
+ * amending multiple language support at runtime.
+ *
+ * Example: vjs.addLanguage('es', {'Hello':'Hola'});
+ *
+ * @param  {String} code The language code or dictionary property
+ * @param  {Object} data The data values to be translated
+ * @return {Object} The resulting global languages dictionary object
+ */
+vjs.addLanguage = function(code, data){
+  if(vjs.options['languages'][code] !== undefined) {
+    vjs.options['languages'][code] = vjs.util.mergeOptions(vjs.options['languages'][code], data);
+  } else {
+    vjs.options['languages'][code] = data;
+  }
+  return vjs.options['languages'];
+};
+
+/**
+ * Global player list
+ * @type {Object}
+ */
+vjs.players = {};
+
+/*!
+ * Custom Universal Module Definition (UMD)
+ *
+ * Video.js will never be a non-browser lib so we can simplify UMD a bunch and
+ * still support requirejs and browserify. This also needs to be closure
+ * compiler compatible, so string keys are used.
+ */
+if (typeof define === 'function' && define['amd']) {
+  define([], function(){ return videojs; });
+
+// checking that module is an object too because of umdjs/umd#35
+} else if (typeof exports === 'object' && typeof module === 'object') {
+  module['exports'] = videojs;
+}
+/**
+ * Core Object/Class for objects that use inheritance + constructors
+ *
+ * To create a class that can be subclassed itself, extend the CoreObject class.
+ *
+ *     var Animal = CoreObject.extend();
+ *     var Horse = Animal.extend();
+ *
+ * The constructor can be defined through the init property of an object argument.
+ *
+ *     var Animal = CoreObject.extend({
+ *       init: function(name, sound){
+ *         this.name = name;
+ *       }
+ *     });
+ *
+ * Other methods and properties can be added the same way, or directly to the
+ * prototype.
+ *
+ *    var Animal = CoreObject.extend({
+ *       init: function(name){
+ *         this.name = name;
+ *       },
+ *       getName: function(){
+ *         return this.name;
+ *       },
+ *       sound: '...'
+ *    });
+ *
+ *    Animal.prototype.makeSound = function(){
+ *      alert(this.sound);
+ *    };
+ *
+ * To create an instance of a class, use the create method.
+ *
+ *    var fluffy = Animal.create('Fluffy');
+ *    fluffy.getName(); // -> Fluffy
+ *
+ * Methods and properties can be overridden in subclasses.
+ *
+ *     var Horse = Animal.extend({
+ *       sound: 'Neighhhhh!'
+ *     });
+ *
+ *     var horsey = Horse.create('Horsey');
+ *     horsey.getName(); // -> Horsey
+ *     horsey.makeSound(); // -> Alert: Neighhhhh!
+ *
+ * @class
+ * @constructor
+ */
+vjs.CoreObject = vjs['CoreObject'] = function(){};
+// Manually exporting vjs['CoreObject'] here for Closure Compiler
+// because of the use of the extend/create class methods
+// If we didn't do this, those functions would get flattened to something like
+// `a = ...` and `this.prototype` would refer to the global object instead of
+// CoreObject
+
+/**
+ * Create a new object that inherits from this Object
+ *
+ *     var Animal = CoreObject.extend();
+ *     var Horse = Animal.extend();
+ *
+ * @param {Object} props Functions and properties to be applied to the
+ *                       new object's prototype
+ * @return {vjs.CoreObject} An object that inherits from CoreObject
+ * @this {*}
+ */
+vjs.CoreObject.extend = function(props){
+  var init, subObj;
+
+  props = props || {};
+  // Set up the constructor using the supplied init method
+  // or using the init of the parent object
+  // Make sure to check the unobfuscated version for external libs
+  init = props['init'] || props.init || this.prototype['init'] || this.prototype.init || function(){};
+  // In Resig's simple class inheritance (previously used) the constructor
+  //  is a function that calls `this.init.apply(arguments)`
+  // However that would prevent us from using `ParentObject.call(this);`
+  //  in a Child constructor because the `this` in `this.init`
+  //  would still refer to the Child and cause an infinite loop.
+  // We would instead have to do
+  //    `ParentObject.prototype.init.apply(this, arguments);`
+  //  Bleh. We're not creating a _super() function, so it's good to keep
+  //  the parent constructor reference simple.
+  subObj = function(){
+    init.apply(this, arguments);
+  };
+
+  // Inherit from this object's prototype
+  subObj.prototype = vjs.obj.create(this.prototype);
+  // Reset the constructor property for subObj otherwise
+  // instances of subObj would have the constructor of the parent Object
+  subObj.prototype.constructor = subObj;
+
+  // Make the class extendable
+  subObj.extend = vjs.CoreObject.extend;
+  // Make a function for creating instances
+  subObj.create = vjs.CoreObject.create;
+
+  // Extend subObj's prototype with functions and other properties from props
+  for (var name in props) {
+    if (props.hasOwnProperty(name)) {
+      subObj.prototype[name] = props[name];
+    }
+  }
+
+  return subObj;
+};
+
+/**
+ * Create a new instance of this Object class
+ *
+ *     var myAnimal = Animal.create();
+ *
+ * @return {vjs.CoreObject} An instance of a CoreObject subclass
+ * @this {*}
+ */
+vjs.CoreObject.create = function(){
+  // Create a new object that inherits from this object's prototype
+  var inst = vjs.obj.create(this.prototype);
+
+  // Apply this constructor function to the new object
+  this.apply(inst, arguments);
+
+  // Return the new object
+  return inst;
+};
+/**
+ * @fileoverview Event System (John Resig - Secrets of a JS Ninja http://jsninja.com/)
+ * (Original book version wasn't completely usable, so fixed some things and made Closure Compiler compatible)
+ * This should work very similarly to jQuery's events, however it's based off the book version which isn't as
+ * robust as jquery's, so there's probably some differences.
+ */
+
+/**
+ * Add an event listener to element
+ * It stores the handler function in a separate cache object
+ * and adds a generic handler to the element's event,
+ * along with a unique id (guid) to the element.
+ * @param  {Element|Object}   elem Element or object to bind listeners to
+ * @param  {String|Array}   type Type of event to bind to.
+ * @param  {Function} fn   Event listener.
+ * @private
+ */
+vjs.on = function(elem, type, fn){
+  if (vjs.obj.isArray(type)) {
+    return _handleMultipleEvents(vjs.on, elem, type, fn);
+  }
+
+  var data = vjs.getData(elem);
+
+  // We need a place to store all our handler data
+  if (!data.handlers) data.handlers = {};
+
+  if (!data.handlers[type]) data.handlers[type] = [];
+
+  if (!fn.guid) fn.guid = vjs.guid++;
+
+  data.handlers[type].push(fn);
+
+  if (!data.dispatcher) {
+    data.disabled = false;
+
+    data.dispatcher = function (event){
+
+      if (data.disabled) return;
+      event = vjs.fixEvent(event);
+
+      var handlers = data.handlers[event.type];
+
+      if (handlers) {
+        // Copy handlers so if handlers are added/removed during the process it doesn't throw everything off.
+        var handlersCopy = handlers.slice(0);
+
+        for (var m = 0, n = handlersCopy.length; m < n; m++) {
+          if (event.isImmediatePropagationStopped()) {
+            break;
+          } else {
+            handlersCopy[m].call(elem, event);
+          }
+        }
+      }
+    };
+  }
+
+  if (data.handlers[type].length == 1) {
+    if (elem.addEventListener) {
+      elem.addEventListener(type, data.dispatcher, false);
+    } else if (elem.attachEvent) {
+      elem.attachEvent('on' + type, data.dispatcher);
+    }
+  }
+};
+
+/**
+ * Removes event listeners from an element
+ * @param  {Element|Object}   elem Object to remove listeners from
+ * @param  {String|Array=}   type Type of listener to remove. Don't include to remove all events from element.
+ * @param  {Function} fn   Specific listener to remove. Don't include to remove listeners for an event type.
+ * @private
+ */
+vjs.off = function(elem, type, fn) {
+  // Don't want to add a cache object through getData if not needed
+  if (!vjs.hasData(elem)) return;
+
+  var data = vjs.getData(elem);
+
+  // If no events exist, nothing to unbind
+  if (!data.handlers) { return; }
+
+  if (vjs.obj.isArray(type)) {
+    return _handleMultipleEvents(vjs.off, elem, type, fn);
+  }
+
+  // Utility function
+  var removeType = function(t){
+     data.handlers[t] = [];
+     vjs.cleanUpEvents(elem,t);
+  };
+
+  // Are we removing all bound events?
+  if (!type) {
+    for (var t in data.handlers) removeType(t);
+    return;
+  }
+
+  var handlers = data.handlers[type];
+
+  // If no handlers exist, nothing to unbind
+  if (!handlers) return;
+
+  // If no listener was provided, remove all listeners for type
+  if (!fn) {
+    removeType(type);
+    return;
+  }
+
+  // We're only removing a single handler
+  if (fn.guid) {
+    for (var n = 0; n < handlers.length; n++) {
+      if (handlers[n].guid === fn.guid) {
+        handlers.splice(n--, 1);
+      }
+    }
+  }
+
+  vjs.cleanUpEvents(elem, type);
+};
+
+/**
+ * Clean up the listener cache and dispatchers
+ * @param  {Element|Object} elem Element to clean up
+ * @param  {String} type Type of event to clean up
+ * @private
+ */
+vjs.cleanUpEvents = function(elem, type) {
+  var data = vjs.getData(elem);
+
+  // Remove the events of a particular type if there are none left
+  if (data.handlers[type].length === 0) {
+    delete data.handlers[type];
+    // data.handlers[type] = null;
+    // Setting to null was causing an error with data.handlers
+
+    // Remove the meta-handler from the element
+    if (elem.removeEventListener) {
+      elem.removeEventListener(type, data.dispatcher, false);
+    } else if (elem.detachEvent) {
+      elem.detachEvent('on' + type, data.dispatcher);
+    }
+  }
+
+  // Remove the events object if there are no types left
+  if (vjs.isEmpty(data.handlers)) {
+    delete data.handlers;
+    delete data.dispatcher;
+    delete data.disabled;
+
+    // data.handlers = null;
+    // data.dispatcher = null;
+    // data.disabled = null;
+  }
+
+  // Finally remove the expando if there is no data left
+  if (vjs.isEmpty(data)) {
+    vjs.removeData(elem);
+  }
+};
+
+/**
+ * Fix a native event to have standard property values
+ * @param  {Object} event Event object to fix
+ * @return {Object}
+ * @private
+ */
+vjs.fixEvent = function(event) {
+
+  function returnTrue() { return true; }
+  function returnFalse() { return false; }
+
+  // Test if fixing up is needed
+  // Used to check if !event.stopPropagation instead of isPropagationStopped
+  // But native events return true for stopPropagation, but don't have
+  // other expected methods like isPropagationStopped. Seems to be a problem
+  // with the Javascript Ninja code. So we're just overriding all events now.
+  if (!event || !event.isPropagationStopped) {
+    var old = event || window.event;
+
+    event = {};
+    // Clone the old object so that we can modify the values event = {};
+    // IE8 Doesn't like when you mess with native event properties
+    // Firefox returns false for event.hasOwnProperty('type') and other props
+    //  which makes copying more difficult.
+    // TODO: Probably best to create a whitelist of event props
+    for (var key in old) {
+      // Safari 6.0.3 warns you if you try to copy deprecated layerX/Y
+      // Chrome warns you if you try to copy deprecated keyboardEvent.keyLocation
+      if (key !== 'layerX' && key !== 'layerY' && key !== 'keyLocation') {
+        // Chrome 32+ warns if you try to copy deprecated returnValue, but
+        // we still want to if preventDefault isn't supported (IE8).
+        if (!(key == 'returnValue' && old.preventDefault)) {
+          event[key] = old[key];
+        }
+      }
+    }
+
+    // The event occurred on this element
+    if (!event.target) {
+      event.target = event.srcElement || document;
+    }
+
+    // Handle which other element the event is related to
+    event.relatedTarget = event.fromElement === event.target ?
+      event.toElement :
+      event.fromElement;
+
+    // Stop the default browser action
+    event.preventDefault = function () {
+      if (old.preventDefault) {
+        old.preventDefault();
+      }
+      event.returnValue = false;
+      event.isDefaultPrevented = returnTrue;
+      event.defaultPrevented = true;
+    };
+
+    event.isDefaultPrevented = returnFalse;
+    event.defaultPrevented = false;
+
+    // Stop the event from bubbling
+    event.stopPropagation = function () {
+      if (old.stopPropagation) {
+        old.stopPropagation();
+      }
+      event.cancelBubble = true;
+      event.isPropagationStopped = returnTrue;
+    };
+
+    event.isPropagationStopped = returnFalse;
+
+    // Stop the event from bubbling and executing other handlers
+    event.stopImmediatePropagation = function () {
+      if (old.stopImmediatePropagation) {
+        old.stopImmediatePropagation();
+      }
+      event.isImmediatePropagationStopped = returnTrue;
+      event.stopPropagation();
+    };
+
+    event.isImmediatePropagationStopped = returnFalse;
+
+    // Handle mouse position
+    if (event.clientX != null) {
+      var doc = document.documentElement, body = document.body;
+
+      event.pageX = event.clientX +
+        (doc && doc.scrollLeft || body && body.scrollLeft || 0) -
+        (doc && doc.clientLeft || body && body.clientLeft || 0);
+      event.pageY = event.clientY +
+        (doc && doc.scrollTop || body && body.scrollTop || 0) -
+        (doc && doc.clientTop || body && body.clientTop || 0);
+    }
+
+    // Handle key presses
+    event.which = event.charCode || event.keyCode;
+
+    // Fix button for mouse clicks:
+    // 0 == left; 1 == middle; 2 == right
+    if (event.button != null) {
+      event.button = (event.button & 1 ? 0 :
+        (event.button & 4 ? 1 :
+          (event.button & 2 ? 2 : 0)));
+    }
+  }
+
+  // Returns fixed-up instance
+  return event;
+};
+
+/**
+ * Trigger an event for an element
+ * @param  {Element|Object}      elem  Element to trigger an event on
+ * @param  {Event|Object|String} event A string (the type) or an event object with a type attribute
+ * @private
+ */
+vjs.trigger = function(elem, event) {
+  // Fetches element data and a reference to the parent (for bubbling).
+  // Don't want to add a data object to cache for every parent,
+  // so checking hasData first.
+  var elemData = (vjs.hasData(elem)) ? vjs.getData(elem) : {};
+  var parent = elem.parentNode || elem.ownerDocument;
+      // type = event.type || event,
+      // handler;
+
+  // If an event name was passed as a string, creates an event out of it
+  if (typeof event === 'string') {
+    event = { type:event, target:elem };
+  }
+  // Normalizes the event properties.
+  event = vjs.fixEvent(event);
+
+  // If the passed element has a dispatcher, executes the established handlers.
+  if (elemData.dispatcher) {
+    elemData.dispatcher.call(elem, event);
+  }
+
+  // Unless explicitly stopped or the event does not bubble (e.g. media events)
+    // recursively calls this function to bubble the event up the DOM.
+    if (parent && !event.isPropagationStopped() && event.bubbles !== false) {
+    vjs.trigger(parent, event);
+
+  // If at the top of the DOM, triggers the default action unless disabled.
+  } else if (!parent && !event.defaultPrevented) {
+    var targetData = vjs.getData(event.target);
+
+    // Checks if the target has a default action for this event.
+    if (event.target[event.type]) {
+      // Temporarily disables event dispatching on the target as we have already executed the handler.
+      targetData.disabled = true;
+      // Executes the default action.
+      if (typeof event.target[event.type] === 'function') {
+        event.target[event.type]();
+      }
+      // Re-enables event dispatching.
+      targetData.disabled = false;
+    }
+  }
+
+  // Inform the triggerer if the default was prevented by returning false
+  return !event.defaultPrevented;
+  /* Original version of js ninja events wasn't complete.
+   * We've since updated to the latest version, but keeping this around
+   * for now just in case.
+   */
+  // // Added in addition to book. Book code was broke.
+  // event = typeof event === 'object' ?
+  //   event[vjs.expando] ?
+  //     event :
+  //     new vjs.Event(type, event) :
+  //   new vjs.Event(type);
+
+  // event.type = type;
+  // if (handler) {
+  //   handler.call(elem, event);
+  // }
+
+  // // Clean up the event in case it is being reused
+  // event.result = undefined;
+  // event.target = elem;
+};
+
+/**
+ * Trigger a listener only once for an event
+ * @param  {Element|Object}   elem Element or object to
+ * @param  {String|Array}   type
+ * @param  {Function} fn
+ * @private
+ */
+vjs.one = function(elem, type, fn) {
+  if (vjs.obj.isArray(type)) {
+    return _handleMultipleEvents(vjs.one, elem, type, fn);
+  }
+  var func = function(){
+    vjs.off(elem, type, func);
+    fn.apply(this, arguments);
+  };
+  // copy the guid to the new function so it can removed using the original function's ID
+  func.guid = fn.guid = fn.guid || vjs.guid++;
+  vjs.on(elem, type, func);
+};
+
+/**
+ * Loops through an array of event types and calls the requested method for each type.
+ * @param  {Function} fn   The event method we want to use.
+ * @param  {Element|Object} elem Element or object to bind listeners to
+ * @param  {String}   type Type of event to bind to.
+ * @param  {Function} callback   Event listener.
+ * @private
+ */
+function _handleMultipleEvents(fn, elem, type, callback) {
+  vjs.arr.forEach(type, function(type) {
+    fn(elem, type, callback); //Call the event method for each one of the types
+  });
+}
+var hasOwnProp = Object.prototype.hasOwnProperty;
+
+/**
+ * Creates an element and applies properties.
+ * @param  {String=} tagName    Name of tag to be created.
+ * @param  {Object=} properties Element properties to be applied.
+ * @return {Element}
+ * @private
+ */
+vjs.createEl = function(tagName, properties){
+  var el;
+
+  tagName = tagName || 'div';
+  properties = properties || {};
+
+  el = document.createElement(tagName);
+
+  vjs.obj.each(properties, function(propName, val){
+    // Not remembering why we were checking for dash
+    // but using setAttribute means you have to use getAttribute
+
+    // The check for dash checks for the aria-* attributes, like aria-label, aria-valuemin.
+    // The additional check for "role" is because the default method for adding attributes does not
+    // add the attribute "role". My guess is because it's not a valid attribute in some namespaces, although
+    // browsers handle the attribute just fine. The W3C allows for aria-* attributes to be used in pre-HTML5 docs.
+    // http://www.w3.org/TR/wai-aria-primer/#ariahtml. Using setAttribute gets around this problem.
+    if (propName.indexOf('aria-') !== -1 || propName == 'role') {
+     el.setAttribute(propName, val);
+    } else {
+     el[propName] = val;
+    }
+  });
+
+  return el;
+};
+
+/**
+ * Uppercase the first letter of a string
+ * @param  {String} string String to be uppercased
+ * @return {String}
+ * @private
+ */
+vjs.capitalize = function(string){
+  return string.charAt(0).toUpperCase() + string.slice(1);
+};
+
+/**
+ * Object functions container
+ * @type {Object}
+ * @private
+ */
+vjs.obj = {};
+
+/**
+ * Object.create shim for prototypal inheritance
+ *
+ * https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Object/create
+ *
+ * @function
+ * @param  {Object}   obj Object to use as prototype
+ * @private
+ */
+vjs.obj.create = Object.create || function(obj){
+  //Create a new function called 'F' which is just an empty object.
+  function F() {}
+
+  //the prototype of the 'F' function should point to the
+  //parameter of the anonymous function.
+  F.prototype = obj;
+
+  //create a new constructor function based off of the 'F' function.
+  return new F();
+};
+
+/**
+ * Loop through each property in an object and call a function
+ * whose arguments are (key,value)
+ * @param  {Object}   obj Object of properties
+ * @param  {Function} fn  Function to be called on each property.
+ * @this {*}
+ * @private
+ */
+vjs.obj.each = function(obj, fn, context){
+  for (var key in obj) {
+    if (hasOwnProp.call(obj, key)) {
+      fn.call(context || this, key, obj[key]);
+    }
+  }
+};
+
+/**
+ * Merge two objects together and return the original.
+ * @param  {Object} obj1
+ * @param  {Object} obj2
+ * @return {Object}
+ * @private
+ */
+vjs.obj.merge = function(obj1, obj2){
+  if (!obj2) { return obj1; }
+  for (var key in obj2){
+    if (hasOwnProp.call(obj2, key)) {
+      obj1[key] = obj2[key];
+    }
+  }
+  return obj1;
+};
+
+/**
+ * Merge two objects, and merge any properties that are objects
+ * instead of just overwriting one. Uses to merge options hashes
+ * where deeper default settings are important.
+ * @param  {Object} obj1 Object to override
+ * @param  {Object} obj2 Overriding object
+ * @return {Object}      New object. Obj1 and Obj2 will be untouched.
+ * @private
+ */
+vjs.obj.deepMerge = function(obj1, obj2){
+  var key, val1, val2;
+
+  // make a copy of obj1 so we're not overwriting original values.
+  // like prototype.options_ and all sub options objects
+  obj1 = vjs.obj.copy(obj1);
+
+  for (key in obj2){
+    if (hasOwnProp.call(obj2, key)) {
+      val1 = obj1[key];
+      val2 = obj2[key];
+
+      // Check if both properties are pure objects and do a deep merge if so
+      if (vjs.obj.isPlain(val1) && vjs.obj.isPlain(val2)) {
+        obj1[key] = vjs.obj.deepMerge(val1, val2);
+      } else {
+        obj1[key] = obj2[key];
+      }
+    }
+  }
+  return obj1;
+};
+
+/**
+ * Make a copy of the supplied object
+ * @param  {Object} obj Object to copy
+ * @return {Object}     Copy of object
+ * @private
+ */
+vjs.obj.copy = function(obj){
+  return vjs.obj.merge({}, obj);
+};
+
+/**
+ * Check if an object is plain, and not a dom node or any object sub-instance
+ * @param  {Object} obj Object to check
+ * @return {Boolean}     True if plain, false otherwise
+ * @private
+ */
+vjs.obj.isPlain = function(obj){
+  return !!obj
+    && typeof obj === 'object'
+    && obj.toString() === '[object Object]'
+    && obj.constructor === Object;
+};
+
+/**
+ * Check if an object is Array
+*  Since instanceof Array will not work on arrays created in another frame we need to use Array.isArray, but since IE8 does not support Array.isArray we need this shim
+ * @param  {Object} obj Object to check
+ * @return {Boolean}     True if plain, false otherwise
+ * @private
+ */
+vjs.obj.isArray = Array.isArray || function(arr) {
+  return Object.prototype.toString.call(arr) === '[object Array]';
+};
+
+/**
+ * Check to see whether the input is NaN or not.
+ * NaN is the only JavaScript construct that isn't equal to itself
+ * @param {Number} num Number to check
+ * @return {Boolean} True if NaN, false otherwise
+ * @private
+ */
+vjs.isNaN = function(num) {
+  return num !== num;
+};
+
+/**
+ * Bind (a.k.a proxy or Context). A simple method for changing the context of a function
+   It also stores a unique id on the function so it can be easily removed from events
+ * @param  {*}   context The object to bind as scope
+ * @param  {Function} fn      The function to be bound to a scope
+ * @param  {Number=}   uid     An optional unique ID for the function to be set
+ * @return {Function}
+ * @private
+ */
+vjs.bind = function(context, fn, uid) {
+  // Make sure the function has a unique ID
+  if (!fn.guid) { fn.guid = vjs.guid++; }
+
+  // Create the new function that changes the context
+  var ret = function() {
+    return fn.apply(context, arguments);
+  };
+
+  // Allow for the ability to individualize this function
+  // Needed in the case where multiple objects might share the same prototype
+  // IF both items add an event listener with the same function, then you try to remove just one
+  // it will remove both because they both have the same guid.
+  // when using this, you need to use the bind method when you remove the listener as well.
+  // currently used in text tracks
+  ret.guid = (uid) ? uid + '_' + fn.guid : fn.guid;
+
+  return ret;
+};
+
+/**
+ * Element Data Store. Allows for binding data to an element without putting it directly on the element.
+ * Ex. Event listeners are stored here.
+ * (also from jsninja.com, slightly modified and updated for closure compiler)
+ * @type {Object}
+ * @private
+ */
+vjs.cache = {};
+
+/**
+ * Unique ID for an element or function
+ * @type {Number}
+ * @private
+ */
+vjs.guid = 1;
+
+/**
+ * Unique attribute name to store an element's guid in
+ * @type {String}
+ * @constant
+ * @private
+ */
+vjs.expando = 'vdata' + (new Date()).getTime();
+
+/**
+ * Returns the cache object where data for an element is stored
+ * @param  {Element} el Element to store data for.
+ * @return {Object}
+ * @private
+ */
+vjs.getData = function(el){
+  var id = el[vjs.expando];
+  if (!id) {
+    id = el[vjs.expando] = vjs.guid++;
+    vjs.cache[id] = {};
+  }
+  return vjs.cache[id];
+};
+
+/**
+ * Returns the cache object where data for an element is stored
+ * @param  {Element} el Element to store data for.
+ * @return {Object}
+ * @private
+ */
+vjs.hasData = function(el){
+  var id = el[vjs.expando];
+  return !(!id || vjs.isEmpty(vjs.cache[id]));
+};
+
+/**
+ * Delete data for the element from the cache and the guid attr from getElementById
+ * @param  {Element} el Remove data for an element
+ * @private
+ */
+vjs.removeData = function(el){
+  var id = el[vjs.expando];
+  if (!id) { return; }
+  // Remove all stored data
+  // Changed to = null
+  // http://coding.smashingmagazine.com/2012/11/05/writing-fast-memory-efficient-javascript/
+  // vjs.cache[id] = null;
+  delete vjs.cache[id];
+
+  // Remove the expando property from the DOM node
+  try {
+    delete el[vjs.expando];
+  } catch(e) {
+    if (el.removeAttribute) {
+      el.removeAttribute(vjs.expando);
+    } else {
+      // IE doesn't appear to support removeAttribute on the document element
+      el[vjs.expando] = null;
+    }
+  }
+};
+
+/**
+ * Check if an object is empty
+ * @param  {Object}  obj The object to check for emptiness
+ * @return {Boolean}
+ * @private
+ */
+vjs.isEmpty = function(obj) {
+  for (var prop in obj) {
+    // Inlude null properties as empty.
+    if (obj[prop] !== null) {
+      return false;
+    }
+  }
+  return true;
+};
+
+/**
+ * Check if an element has a CSS class
+ * @param {Element} element Element to check
+ * @param {String} classToCheck Classname to check
+ * @private
+ */
+vjs.hasClass = function(element, classToCheck){
+  return ((' ' + element.className + ' ').indexOf(' ' + classToCheck + ' ') !== -1);
+};
+
+
+/**
+ * Add a CSS class name to an element
+ * @param {Element} element    Element to add class name to
+ * @param {String} classToAdd Classname to add
+ * @private
+ */
+vjs.addClass = function(element, classToAdd){
+  if (!vjs.hasClass(element, classToAdd)) {
+    element.className = element.className === '' ? classToAdd : element.className + ' ' + classToAdd;
+  }
+};
+
+/**
+ * Remove a CSS class name from an element
+ * @param {Element} element    Element to remove from class name
+ * @param {String} classToAdd Classname to remove
+ * @private
+ */
+vjs.removeClass = function(element, classToRemove){
+  var classNames, i;
+
+  if (!vjs.hasClass(element, classToRemove)) {return;}
+
+  classNames = element.className.split(' ');
+
+  // no arr.indexOf in ie8, and we don't want to add a big shim
+  for (i = classNames.length - 1; i >= 0; i--) {
+    if (classNames[i] === classToRemove) {
+      classNames.splice(i,1);
+    }
+  }
+
+  element.className = classNames.join(' ');
+};
+
+/**
+ * Element for testing browser HTML5 video capabilities
+ * @type {Element}
+ * @constant
+ * @private
+ */
+vjs.TEST_VID = vjs.createEl('video');
+
+/**
+ * Useragent for browser testing.
+ * @type {String}
+ * @constant
+ * @private
+ */
+vjs.USER_AGENT = navigator.userAgent;
+
+/**
+ * Device is an iPhone
+ * @type {Boolean}
+ * @constant
+ * @private
+ */
+vjs.IS_IPHONE = (/iPhone/i).test(vjs.USER_AGENT);
+vjs.IS_IPAD = (/iPad/i).test(vjs.USER_AGENT);
+vjs.IS_IPOD = (/iPod/i).test(vjs.USER_AGENT);
+vjs.IS_IOS = vjs.IS_IPHONE || vjs.IS_IPAD || vjs.IS_IPOD;
+
+vjs.IOS_VERSION = (function(){
+  var match = vjs.USER_AGENT.match(/OS (\d+)_/i);
+  if (match && match[1]) { return match[1]; }
+})();
+
+vjs.IS_ANDROID = (/Android/i).test(vjs.USER_AGENT);
+vjs.ANDROID_VERSION = (function() {
+  // This matches Android Major.Minor.Patch versions
+  // ANDROID_VERSION is Major.Minor as a Number, if Minor isn't available, then only Major is returned
+  var match = vjs.USER_AGENT.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),
+    major,
+    minor;
+
+  if (!match) {
+    return null;
+  }
+
+  major = match[1] && parseFloat(match[1]);
+  minor = match[2] && parseFloat(match[2]);
+
+  if (major && minor) {
+    return parseFloat(match[1] + '.' + match[2]);
+  } else if (major) {
+    return major;
+  } else {
+    return null;
+  }
+})();
+// Old Android is defined as Version older than 2.3, and requiring a webkit version of the android browser
+vjs.IS_OLD_ANDROID = vjs.IS_ANDROID && (/webkit/i).test(vjs.USER_AGENT) && vjs.ANDROID_VERSION < 2.3;
+
+vjs.IS_FIREFOX = (/Firefox/i).test(vjs.USER_AGENT);
+vjs.IS_CHROME = (/Chrome/i).test(vjs.USER_AGENT);
+
+vjs.TOUCH_ENABLED = !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof window.DocumentTouch);
+vjs.BACKGROUND_SIZE_SUPPORTED = 'backgroundSize' in vjs.TEST_VID.style;
+
+/**
+ * Apply attributes to an HTML element.
+ * @param  {Element} el         Target element.
+ * @param  {Object=} attributes Element attributes to be applied.
+ * @private
+ */
+vjs.setElementAttributes = function(el, attributes){
+  vjs.obj.each(attributes, function(attrName, attrValue) {
+    if (attrValue === null || typeof attrValue === 'undefined' || attrValue === false) {
+      el.removeAttribute(attrName);
+    } else {
+      el.setAttribute(attrName, (attrValue === true ? '' : attrValue));
+    }
+  });
+};
+
+/**
+ * Get an element's attribute values, as defined on the HTML tag
+ * Attributes are not the same as properties. They're defined on the tag
+ * or with setAttribute (which shouldn't be used with HTML)
+ * This will return true or false for boolean attributes.
+ * @param  {Element} tag Element from which to get tag attributes
+ * @return {Object}
+ * @private
+ */
+vjs.getElementAttributes = function(tag){
+  var obj, knownBooleans, attrs, attrName, attrVal;
+
+  obj = {};
+
+  // known boolean attributes
+  // we can check for matching boolean properties, but older browsers
+  // won't know about HTML5 boolean attributes that we still read from
+  knownBooleans = ','+'autoplay,controls,loop,muted,default'+',';
+
+  if (tag && tag.attributes && tag.attributes.length > 0) {
+    attrs = tag.attributes;
+
+    for (var i = attrs.length - 1; i >= 0; i--) {
+      attrName = attrs[i].name;
+      attrVal = attrs[i].value;
+
+      // check for known booleans
+      // the matching element property will return a value for typeof
+      if (typeof tag[attrName] === 'boolean' || knownBooleans.indexOf(','+attrName+',') !== -1) {
+        // the value of an included boolean attribute is typically an empty
+        // string ('') which would equal false if we just check for a false value.
+        // we also don't want support bad code like autoplay='false'
+        attrVal = (attrVal !== null) ? true : false;
+      }
+
+      obj[attrName] = attrVal;
+    }
+  }
+
+  return obj;
+};
+
+/**
+ * Get the computed style value for an element
+ * From http://robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/
+ * @param  {Element} el        Element to get style value for
+ * @param  {String} strCssRule Style name
+ * @return {String}            Style value
+ * @private
+ */
+vjs.getComputedDimension = function(el, strCssRule){
+  var strValue = '';
+  if(document.defaultView && document.defaultView.getComputedStyle){
+    strValue = document.defaultView.getComputedStyle(el, '').getPropertyValue(strCssRule);
+
+  } else if(el.currentStyle){
+    // IE8 Width/Height support
+    strValue = el['client'+strCssRule.substr(0,1).toUpperCase() + strCssRule.substr(1)] + 'px';
+  }
+  return strValue;
+};
+
+/**
+ * Insert an element as the first child node of another
+ * @param  {Element} child   Element to insert
+ * @param  {[type]} parent Element to insert child into
+ * @private
+ */
+vjs.insertFirst = function(child, parent){
+  if (parent.firstChild) {
+    parent.insertBefore(child, parent.firstChild);
+  } else {
+    parent.appendChild(child);
+  }
+};
+
+/**
+ * Object to hold browser support information
+ * @type {Object}
+ * @private
+ */
+vjs.browser = {};
+
+/**
+ * Shorthand for document.getElementById()
+ * Also allows for CSS (jQuery) ID syntax. But nothing other than IDs.
+ * @param  {String} id  Element ID
+ * @return {Element}    Element with supplied ID
+ * @private
+ */
+vjs.el = function(id){
+  if (id.indexOf('#') === 0) {
+    id = id.slice(1);
+  }
+
+  return document.getElementById(id);
+};
+
+/**
+ * Format seconds as a time string, H:MM:SS or M:SS
+ * Supplying a guide (in seconds) will force a number of leading zeros
+ * to cover the length of the guide
+ * @param  {Number} seconds Number of seconds to be turned into a string
+ * @param  {Number} guide   Number (in seconds) to model the string after
+ * @return {String}         Time formatted as H:MM:SS or M:SS
+ * @private
+ */
+vjs.formatTime = function(seconds, guide) {
+  // Default to using seconds as guide
+  guide = guide || seconds;
+  var s = Math.floor(seconds % 60),
+      m = Math.floor(seconds / 60 % 60),
+      h = Math.floor(seconds / 3600),
+      gm = Math.floor(guide / 60 % 60),
+      gh = Math.floor(guide / 3600);
+
+  // handle invalid times
+  if (isNaN(seconds) || seconds === Infinity) {
+    // '-' is false for all relational operators (e.g. <, >=) so this setting
+    // will add the minimum number of fields specified by the guide
+    h = m = s = '-';
+  }
+
+  // Check if we need to show hours
+  h = (h > 0 || gh > 0) ? h + ':' : '';
+
+  // If hours are showing, we may need to add a leading zero.
+  // Always show at least one digit of minutes.
+  m = (((h || gm >= 10) && m < 10) ? '0' + m : m) + ':';
+
+  // Check if leading zero is need for seconds
+  s = (s < 10) ? '0' + s : s;
+
+  return h + m + s;
+};
+
+// Attempt to block the ability to select text while dragging controls
+vjs.blockTextSelection = function(){
+  document.body.focus();
+  document.onselectstart = function () { return false; };
+};
+// Turn off text selection blocking
+vjs.unblockTextSelection = function(){ document.onselectstart = function () { return true; }; };
+
+/**
+ * Trim whitespace from the ends of a string.
+ * @param  {String} string String to trim
+ * @return {String}        Trimmed string
+ * @private
+ */
+vjs.trim = function(str){
+  return (str+'').replace(/^\s+|\s+$/g, '');
+};
+
+/**
+ * Should round off a number to a decimal place
+ * @param  {Number} num Number to round
+ * @param  {Number} dec Number of decimal places to round to
+ * @return {Number}     Rounded number
+ * @private
+ */
+vjs.round = function(num, dec) {
+  if (!dec) { dec = 0; }
+  return Math.round(num*Math.pow(10,dec))/Math.pow(10,dec);
+};
+
+/**
+ * Should create a fake TimeRange object
+ * Mimics an HTML5 time range instance, which has functions that
+ * return the start and end times for a range
+ * TimeRanges are returned by the buffered() method
+ * @param  {Number} start Start time in seconds
+ * @param  {Number} end   End time in seconds
+ * @return {Object}       Fake TimeRange object
+ * @private
+ */
+vjs.createTimeRange = function(start, end){
+  return {
+    length: 1,
+    start: function() { return start; },
+    end: function() { return end; }
+  };
+};
+
+/**
+ * Add to local storage (may removable)
+ * @private
+ */
+vjs.setLocalStorage = function(key, value){
+  try {
+    // IE was throwing errors referencing the var anywhere without this
+    var localStorage = window.localStorage || false;
+    if (!localStorage) { return; }
+    localStorage[key] = value;
+  } catch(e) {
+    if (e.code == 22 || e.code == 1014) { // Webkit == 22 / Firefox == 1014
+      vjs.log('LocalStorage Full (VideoJS)', e);
+    } else {
+      if (e.code == 18) {
+        vjs.log('LocalStorage not allowed (VideoJS)', e);
+      } else {
+        vjs.log('LocalStorage Error (VideoJS)', e);
+      }
+    }
+  }
+};
+
+/**
+ * Get absolute version of relative URL. Used to tell flash correct URL.
+ * http://stackoverflow.com/questions/470832/getting-an-absolute-url-from-a-relative-one-ie6-issue
+ * @param  {String} url URL to make absolute
+ * @return {String}     Absolute URL
+ * @private
+ */
+vjs.getAbsoluteURL = function(url){
+
+  // Check if absolute URL
+  if (!url.match(/^https?:\/\//)) {
+    // Convert to absolute URL. Flash hosted off-site needs an absolute URL.
+    url = vjs.createEl('div', {
+      innerHTML: '<a href="'+url+'">x</a>'
+    }).firstChild.href;
+  }
+
+  return url;
+};
+
+
+/**
+ * Resolve and parse the elements of a URL
+ * @param  {String} url The url to parse
+ * @return {Object}     An object of url details
+ */
+vjs.parseUrl = function(url) {
+  var div, a, addToBody, props, details;
+
+  props = ['protocol', 'hostname', 'port', 'pathname', 'search', 'hash', 'host'];
+
+  // add the url to an anchor and let the browser parse the URL
+  a = vjs.createEl('a', { href: url });
+
+  // IE8 (and 9?) Fix
+  // ie8 doesn't parse the URL correctly until the anchor is actually
+  // added to the body, and an innerHTML is needed to trigger the parsing
+  addToBody = (a.host === '' && a.protocol !== 'file:');
+  if (addToBody) {
+    div = vjs.createEl('div');
+    div.innerHTML = '<a href="'+url+'"></a>';
+    a = div.firstChild;
+    // prevent the div from affecting layout
+    div.setAttribute('style', 'display:none; position:absolute;');
+    document.body.appendChild(div);
+  }
+
+  // Copy the specific URL properties to a new object
+  // This is also needed for IE8 because the anchor loses its
+  // properties when it's removed from the dom
+  details = {};
+  for (var i = 0; i < props.length; i++) {
+    details[props[i]] = a[props[i]];
+  }
+
+  if (addToBody) {
+    document.body.removeChild(div);
+  }
+
+  return details;
+};
+
+/**
+ * Log messages to the console and history based on the type of message
+ *
+ * @param  {String} type The type of message, or `null` for `log`
+ * @param  {[type]} args The args to be passed to the log
+ * @private
+ */
+function _logType(type, args){
+  var argsArray, noop, console;
+
+  // convert args to an array to get array functions
+  argsArray = Array.prototype.slice.call(args);
+  // if there's no console then don't try to output messages
+  // they will still be stored in vjs.log.history
+  // Was setting these once outside of this function, but containing them
+  // in the function makes it easier to test cases where console doesn't exist
+  noop = function(){};
+  console = window['console'] || {
+    'log': noop,
+    'warn': noop,
+    'error': noop
+  };
+
+  if (type) {
+    // add the type to the front of the message
+    argsArray.unshift(type.toUpperCase()+':');
+  } else {
+    // default to log with no prefix
+    type = 'log';
+  }
+
+  // add to history
+  vjs.log.history.push(argsArray);
+
+  // add console prefix after adding to history
+  argsArray.unshift('VIDEOJS:');
+
+  // call appropriate log function
+  if (console[type].apply) {
+    console[type].apply(console, argsArray);
+  } else {
+    // ie8 doesn't allow error.apply, but it will just join() the array anyway
+    console[type](argsArray.join(' '));
+  }
+}
+
+/**
+ * Log plain debug messages
+ */
+vjs.log = function(){
+  _logType(null, arguments);
+};
+
+/**
+ * Keep a history of log messages
+ * @type {Array}
+ */
+vjs.log.history = [];
+
+/**
+ * Log error messages
+ */
+vjs.log.error = function(){
+  _logType('error', arguments);
+};
+
+/**
+ * Log warning messages
+ */
+vjs.log.warn = function(){
+  _logType('warn', arguments);
+};
+
+// Offset Left
+// getBoundingClientRect technique from John Resig http://ejohn.org/blog/getboundingclientrect-is-awesome/
+vjs.findPosition = function(el) {
+  var box, docEl, body, clientLeft, scrollLeft, left, clientTop, scrollTop, top;
+
+  if (el.getBoundingClientRect && el.parentNode) {
+    box = el.getBoundingClientRect();
+  }
+
+  if (!box) {
+    return {
+      left: 0,
+      top: 0
+    };
+  }
+
+  docEl = document.documentElement;
+  body = document.body;
+
+  clientLeft = docEl.clientLeft || body.clientLeft || 0;
+  scrollLeft = window.pageXOffset || body.scrollLeft;
+  left = box.left + scrollLeft - clientLeft;
+
+  clientTop = docEl.clientTop || body.clientTop || 0;
+  scrollTop = window.pageYOffset || body.scrollTop;
+  top = box.top + scrollTop - clientTop;
+
+  // Android sometimes returns slightly off decimal values, so need to round
+  return {
+    left: vjs.round(left),
+    top: vjs.round(top)
+  };
+};
+
+/**
+ * Array functions container
+ * @type {Object}
+ * @private
+ */
+vjs.arr = {};
+
+/*
+ * Loops through an array and runs a function for each item inside it.
+ * @param  {Array}    array       The array
+ * @param  {Function} callback    The function to be run for each item
+ * @param  {*}        thisArg     The `this` binding of callback
+ * @returns {Array}               The array
+ * @private
+ */
+vjs.arr.forEach = function(array, callback, thisArg) {
+  if (vjs.obj.isArray(array) && callback instanceof Function) {
+    for (var i = 0, len = array.length; i < len; ++i) {
+      callback.call(thisArg || vjs, array[i], i, array);
+    }
+  }
+
+  return array;
+};
+/**
+ * Simple http request for retrieving external files (e.g. text tracks)
+ *
+ * ##### Example
+ *
+ *     // using url string
+ *     videojs.xhr('http://example.com/myfile.vtt', function(error, response, responseBody){});
+ *
+ *     // or options block
+ *     videojs.xhr({
+ *       uri: 'http://example.com/myfile.vtt',
+ *       method: 'GET',
+ *       responseType: 'text'
+ *     }, function(error, response, responseBody){
+ *       if (error) {
+ *         // log the error
+ *       } else {
+ *         // successful, do something with the response
+ *       }
+ *     });
+ *
+ *
+ * API is modeled after the Raynos/xhr, which we hope to use after
+ * getting browserify implemented.
+ * https://github.com/Raynos/xhr/blob/master/index.js
+ *
+ * @param  {Object|String}  options   Options block or URL string
+ * @param  {Function}       callback  The callback function
+ * @returns {Object}                  The request
+ */
+vjs.xhr = function(options, callback){
+  var XHR, request, urlInfo, winLoc, fileUrl, crossOrigin, abortTimeout, successHandler, errorHandler;
+
+  // If options is a string it's the url
+  if (typeof options === 'string') {
+    options = {
+      uri: options
+    };
+  }
+
+  // Merge with default options
+  videojs.util.mergeOptions({
+    method: 'GET',
+    timeout: 45 * 1000
+  }, options);
+
+  callback = callback || function(){};
+
+  successHandler = function(){
+    window.clearTimeout(abortTimeout);
+    callback(null, request, request.response || request.responseText);
+  };
+
+  errorHandler = function(err){
+    window.clearTimeout(abortTimeout);
+
+    if (!err || typeof err === 'string') {
+      err = new Error(err);
+    }
+
+    callback(err, request);
+  };
+
+  XHR = window.XMLHttpRequest;
+
+  if (typeof XHR === 'undefined') {
+    // Shim XMLHttpRequest for older IEs
+    XHR = function () {
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP.6.0'); } catch (e) {}
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP.3.0'); } catch (f) {}
+      try { return new window.ActiveXObject('Msxml2.XMLHTTP'); } catch (g) {}
+      throw new Error('This browser does not support XMLHttpRequest.');
+    };
+  }
+
+  request = new XHR();
+  // Store a reference to the url on the request instance
+  request.uri = options.uri;
+
+  urlInfo = vjs.parseUrl(options.uri);
+  winLoc = window.location;
+  // Check if url is for another domain/origin
+  // IE8 doesn't know location.origin, so we won't rely on it here
+  crossOrigin = (urlInfo.protocol + urlInfo.host) !== (winLoc.protocol + winLoc.host);
+
+  // XDomainRequest -- Use for IE if XMLHTTPRequest2 isn't available
+  // 'withCredentials' is only available in XMLHTTPRequest2
+  // Also XDomainRequest has a lot of gotchas, so only use if cross domain
+  if (crossOrigin && window.XDomainRequest && !('withCredentials' in request)) {
+    request = new window.XDomainRequest();
+    request.onload = successHandler;
+    request.onerror = errorHandler;
+    // These blank handlers need to be set to fix ie9
+    // http://cypressnorth.com/programming/internet-explorer-aborting-ajax-requests-fixed/
+    request.onprogress = function(){};
+    request.ontimeout = function(){};
+
+  // XMLHTTPRequest
+  } else {
+    fileUrl = (urlInfo.protocol == 'file:' || winLoc.protocol == 'file:');
+
+    request.onreadystatechange = function() {
+      if (request.readyState === 4) {
+        if (request.timedout) {
+          return errorHandler('timeout');
+        }
+
+        if (request.status === 200 || fileUrl && request.status === 0) {
+          successHandler();
+        } else {
+          errorHandler();
+        }
+      }
+    };
+
+    if (options.timeout) {
+      abortTimeout = window.setTimeout(function() {
+        if (request.readyState !== 4) {
+          request.timedout = true;
+          request.abort();
+        }
+      }, options.timeout);
+    }
+  }
+
+  // open the connection
+  try {
+    // Third arg is async, or ignored by XDomainRequest
+    request.open(options.method || 'GET', options.uri, true);
+  } catch(err) {
+    return errorHandler(err);
+  }
+
+  // withCredentials only supported by XMLHttpRequest2
+  if(options.withCredentials) {
+    request.withCredentials = true;
+  }
+
+  if (options.responseType) {
+    request.responseType = options.responseType;
+  }
+
+  // send the request
+  try {
+    request.send();
+  } catch(err) {
+    return errorHandler(err);
+  }
+
+  return request;
+};
+/**
+ * Utility functions namespace
+ * @namespace
+ * @type {Object}
+ */
+vjs.util = {};
+
+/**
+ * Merge two options objects, recursively merging any plain object properties as
+ * well.  Previously `deepMerge`
+ *
+ * @param  {Object} obj1 Object to override values in
+ * @param  {Object} obj2 Overriding object
+ * @return {Object}      New object -- obj1 and obj2 will be untouched
+ */
+vjs.util.mergeOptions = function(obj1, obj2){
+  var key, val1, val2;
+
+  // make a copy of obj1 so we're not overwriting original values.
+  // like prototype.options_ and all sub options objects
+  obj1 = vjs.obj.copy(obj1);
+
+  for (key in obj2){
+    if (obj2.hasOwnProperty(key)) {
+      val1 = obj1[key];
+      val2 = obj2[key];
+
+      // Check if both properties are pure objects and do a deep merge if so
+      if (vjs.obj.isPlain(val1) && vjs.obj.isPlain(val2)) {
+        obj1[key] = vjs.util.mergeOptions(val1, val2);
+      } else {
+        obj1[key] = obj2[key];
+      }
+    }
+  }
+  return obj1;
+};/**
+ * @fileoverview Player Component - Base class for all UI objects
+ *
+ */
+
+/**
+ * Base UI Component class
+ *
+ * Components are embeddable UI objects that are represented by both a
+ * javascript object and an element in the DOM. They can be children of other
+ * components, and can have many children themselves.
+ *
+ *     // adding a button to the player
+ *     var button = player.addChild('button');
+ *     button.el(); // -> button element
+ *
+ *     <div class="video-js">
+ *       <div class="vjs-button">Button</div>
+ *     </div>
+ *
+ * Components are also event emitters.
+ *
+ *     button.on('click', function(){
+ *       console.log('Button Clicked!');
+ *     });
+ *
+ *     button.trigger('customevent');
+ *
+ * @param {Object} player  Main Player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ * @extends vjs.CoreObject
+ */
+vjs.Component = vjs.CoreObject.extend({
+  /**
+   * the constructor function for the class
+   *
+   * @constructor
+   */
+  init: function(player, options, ready){
+    this.player_ = player;
+
+    // Make a copy of prototype.options_ to protect against overriding global defaults
+    this.options_ = vjs.obj.copy(this.options_);
+
+    // Updated options with supplied options
+    options = this.options(options);
+
+    // Get ID from options or options element if one is supplied
+    this.id_ = options['id'] || (options['el'] && options['el']['id']);
+
+    // If there was no ID from the options, generate one
+    if (!this.id_) {
+      // Don't require the player ID function in the case of mock players
+      this.id_ = ((player.id && player.id()) || 'no_player') + '_component_' + vjs.guid++;
+    }
+
+    this.name_ = options['name'] || null;
+
+    // Create element if one wasn't provided in options
+    this.el_ = options['el'] || this.createEl();
+
+    this.children_ = [];
+    this.childIndex_ = {};
+    this.childNameIndex_ = {};
+
+    // Add any child components in options
+    this.initChildren();
+
+    this.ready(ready);
+    // Don't want to trigger ready here or it will before init is actually
+    // finished for all children that run this constructor
+
+    if (options.reportTouchActivity !== false) {
+      this.enableTouchActivity();
+    }
+  }
+});
+
+/**
+ * Dispose of the component and all child components
+ */
+vjs.Component.prototype.dispose = function(){
+  this.trigger({ type: 'dispose', 'bubbles': false });
+
+  // Dispose all children.
+  if (this.children_) {
+    for (var i = this.children_.length - 1; i >= 0; i--) {
+      if (this.children_[i].dispose) {
+        this.children_[i].dispose();
+      }
+    }
+  }
+
+  // Delete child references
+  this.children_ = null;
+  this.childIndex_ = null;
+  this.childNameIndex_ = null;
+
+  // Remove all event listeners.
+  this.off();
+
+  // Remove element from DOM
+  if (this.el_.parentNode) {
+    this.el_.parentNode.removeChild(this.el_);
+  }
+
+  vjs.removeData(this.el_);
+  this.el_ = null;
+};
+
+/**
+ * Reference to main player instance
+ *
+ * @type {vjs.Player}
+ * @private
+ */
+vjs.Component.prototype.player_ = true;
+
+/**
+ * Return the component's player
+ *
+ * @return {vjs.Player}
+ */
+vjs.Component.prototype.player = function(){
+  return this.player_;
+};
+
+/**
+ * The component's options object
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.options_;
+
+/**
+ * Deep merge of options objects
+ *
+ * Whenever a property is an object on both options objects
+ * the two properties will be merged using vjs.obj.deepMerge.
+ *
+ * This is used for merging options for child components. We
+ * want it to be easy to override individual options on a child
+ * component without having to rewrite all the other default options.
+ *
+ *     Parent.prototype.options_ = {
+ *       children: {
+ *         'childOne': { 'foo': 'bar', 'asdf': 'fdsa' },
+ *         'childTwo': {},
+ *         'childThree': {}
+ *       }
+ *     }
+ *     newOptions = {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'abc': '123' }
+ *         'childTwo': null,
+ *         'childFour': {}
+ *       }
+ *     }
+ *
+ *     this.options(newOptions);
+ *
+ * RESULT
+ *
+ *     {
+ *       children: {
+ *         'childOne': { 'foo': 'baz', 'asdf': 'fdsa', 'abc': '123' },
+ *         'childTwo': null, // Disabled. Won't be initialized.
+ *         'childThree': {},
+ *         'childFour': {}
+ *       }
+ *     }
+ *
+ * @param  {Object} obj Object of new option values
+ * @return {Object}     A NEW object of this.options_ and obj merged
+ */
+vjs.Component.prototype.options = function(obj){
+  if (obj === undefined) return this.options_;
+
+  return this.options_ = vjs.util.mergeOptions(this.options_, obj);
+};
+
+/**
+ * The DOM element for the component
+ *
+ * @type {Element}
+ * @private
+ */
+vjs.Component.prototype.el_;
+
+/**
+ * Create the component's DOM element
+ *
+ * @param  {String=} tagName  Element's node type. e.g. 'div'
+ * @param  {Object=} attributes An object of element attributes that should be set on the element
+ * @return {Element}
+ */
+vjs.Component.prototype.createEl = function(tagName, attributes){
+  return vjs.createEl(tagName, attributes);
+};
+
+vjs.Component.prototype.localize = function(string){
+  var lang = this.player_.language(),
+      languages = this.player_.languages();
+  if (languages && languages[lang] && languages[lang][string]) {
+    return languages[lang][string];
+  }
+  return string;
+};
+
+/**
+ * Get the component's DOM element
+ *
+ *     var domEl = myComponent.el();
+ *
+ * @return {Element}
+ */
+vjs.Component.prototype.el = function(){
+  return this.el_;
+};
+
+/**
+ * An optional element where, if defined, children will be inserted instead of
+ * directly in `el_`
+ *
+ * @type {Element}
+ * @private
+ */
+vjs.Component.prototype.contentEl_;
+
+/**
+ * Return the component's DOM element for embedding content.
+ * Will either be el_ or a new element defined in createEl.
+ *
+ * @return {Element}
+ */
+vjs.Component.prototype.contentEl = function(){
+  return this.contentEl_ || this.el_;
+};
+
+/**
+ * The ID for the component
+ *
+ * @type {String}
+ * @private
+ */
+vjs.Component.prototype.id_;
+
+/**
+ * Get the component's ID
+ *
+ *     var id = myComponent.id();
+ *
+ * @return {String}
+ */
+vjs.Component.prototype.id = function(){
+  return this.id_;
+};
+
+/**
+ * The name for the component. Often used to reference the component.
+ *
+ * @type {String}
+ * @private
+ */
+vjs.Component.prototype.name_;
+
+/**
+ * Get the component's name. The name is often used to reference the component.
+ *
+ *     var name = myComponent.name();
+ *
+ * @return {String}
+ */
+vjs.Component.prototype.name = function(){
+  return this.name_;
+};
+
+/**
+ * Array of child components
+ *
+ * @type {Array}
+ * @private
+ */
+vjs.Component.prototype.children_;
+
+/**
+ * Get an array of all child components
+ *
+ *     var kids = myComponent.children();
+ *
+ * @return {Array} The children
+ */
+vjs.Component.prototype.children = function(){
+  return this.children_;
+};
+
+/**
+ * Object of child components by ID
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.childIndex_;
+
+/**
+ * Returns a child component with the provided ID
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.getChildById = function(id){
+  return this.childIndex_[id];
+};
+
+/**
+ * Object of child components by name
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Component.prototype.childNameIndex_;
+
+/**
+ * Returns a child component with the provided name
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.getChild = function(name){
+  return this.childNameIndex_[name];
+};
+
+/**
+ * Adds a child component inside this component
+ *
+ *     myComponent.el();
+ *     // -> <div class='my-component'></div>
+ *     myComonent.children();
+ *     // [empty array]
+ *
+ *     var myButton = myComponent.addChild('MyButton');
+ *     // -> <div class='my-component'><div class="my-button">myButton<div></div>
+ *     // -> myButton === myComonent.children()[0];
+ *
+ * Pass in options for child constructors and options for children of the child
+ *
+ *     var myButton = myComponent.addChild('MyButton', {
+ *       text: 'Press Me',
+ *       children: {
+ *         buttonChildExample: {
+ *           buttonChildOption: true
+ *         }
+ *       }
+ *     });
+ *
+ * @param {String|vjs.Component} child The class name or instance of a child to add
+ * @param {Object=} options Options, including options to be passed to children of the child.
+ * @return {vjs.Component} The child component (created by this process if a string was used)
+ * @suppress {accessControls|checkRegExp|checkTypes|checkVars|const|constantProperty|deprecated|duplicate|es5Strict|fileoverviewTags|globalThis|invalidCasts|missingProperties|nonStandardJsDocs|strictModuleDepCheck|undefinedNames|undefinedVars|unknownDefines|uselessCode|visibility}
+ */
+vjs.Component.prototype.addChild = function(child, options){
+  var component, componentClass, componentName;
+
+  // If child is a string, create new component with options
+  if (typeof child === 'string') {
+    componentName = child;
+
+    // Make sure options is at least an empty object to protect against errors
+    options = options || {};
+
+    // If no componentClass in options, assume componentClass is the name lowercased
+    // (e.g. playButton)
+    componentClass = options['componentClass'] || vjs.capitalize(componentName);
+
+    // Set name through options
+    options['name'] = componentName;
+
+    // Create a new object & element for this controls set
+    // If there's no .player_, this is a player
+    // Closure Compiler throws an 'incomplete alias' warning if we use the vjs variable directly.
+    // Every class should be exported, so this should never be a problem here.
+    component = new window['videojs'][componentClass](this.player_ || this, options);
+
+  // child is a component instance
+  } else {
+    component = child;
+  }
+
+  this.children_.push(component);
+
+  if (typeof component.id === 'function') {
+    this.childIndex_[component.id()] = component;
+  }
+
+  // If a name wasn't used to create the component, check if we can use the
+  // name function of the component
+  componentName = componentName || (component.name && component.name());
+
+  if (componentName) {
+    this.childNameIndex_[componentName] = component;
+  }
+
+  // Add the UI object's element to the container div (box)
+  // Having an element is not required
+  if (typeof component['el'] === 'function' && component['el']()) {
+    this.contentEl().appendChild(component['el']());
+  }
+
+  // Return so it can stored on parent object if desired.
+  return component;
+};
+
+/**
+ * Remove a child component from this component's list of children, and the
+ * child component's element from this component's element
+ *
+ * @param  {vjs.Component} component Component to remove
+ */
+vjs.Component.prototype.removeChild = function(component){
+  if (typeof component === 'string') {
+    component = this.getChild(component);
+  }
+
+  if (!component || !this.children_) return;
+
+  var childFound = false;
+  for (var i = this.children_.length - 1; i >= 0; i--) {
+    if (this.children_[i] === component) {
+      childFound = true;
+      this.children_.splice(i,1);
+      break;
+    }
+  }
+
+  if (!childFound) return;
+
+  this.childIndex_[component.id()] = null;
+  this.childNameIndex_[component.name()] = null;
+
+  var compEl = component.el();
+  if (compEl && compEl.parentNode === this.contentEl()) {
+    this.contentEl().removeChild(component.el());
+  }
+};
+
+/**
+ * Add and initialize default child components from options
+ *
+ *     // when an instance of MyComponent is created, all children in options
+ *     // will be added to the instance by their name strings and options
+ *     MyComponent.prototype.options_.children = {
+ *       myChildComponent: {
+ *         myChildOption: true
+ *       }
+ *     }
+ *
+ *     // Or when creating the component
+ *     var myComp = new MyComponent(player, {
+ *       children: {
+ *         myChildComponent: {
+ *           myChildOption: true
+ *         }
+ *       }
+ *     });
+ *
+ * The children option can also be an Array of child names or
+ * child options objects (that also include a 'name' key).
+ *
+ *     var myComp = new MyComponent(player, {
+ *       children: [
+ *         'button',
+ *         {
+ *           name: 'button',
+ *           someOtherOption: true
+ *         }
+ *       ]
+ *     });
+ *
+ */
+vjs.Component.prototype.initChildren = function(){
+  var parent, parentOptions, children, child, name, opts, handleAdd;
+
+  parent = this;
+  parentOptions = parent.options();
+  children = parentOptions['children'];
+
+  if (children) {
+    handleAdd = function(name, opts){
+      // Allow options for children to be set at the parent options
+      // e.g. videojs(id, { controlBar: false });
+      // instead of videojs(id, { children: { controlBar: false });
+      if (parentOptions[name] !== undefined) {
+        opts = parentOptions[name];
+      }
+
+      // Allow for disabling default components
+      // e.g. vjs.options['children']['posterImage'] = false
+      if (opts === false) return;
+
+      // Create and add the child component.
+      // Add a direct reference to the child by name on the parent instance.
+      // If two of the same component are used, different names should be supplied
+      // for each
+      parent[name] = parent.addChild(name, opts);
+    };
+
+    // Allow for an array of children details to passed in the options
+    if (vjs.obj.isArray(children)) {
+      for (var i = 0; i < children.length; i++) {
+        child = children[i];
+
+        if (typeof child == 'string') {
+          // ['myComponent']
+          name = child;
+          opts = {};
+        } else {
+          // [{ name: 'myComponent', otherOption: true }]
+          name = child.name;
+          opts = child;
+        }
+
+        handleAdd(name, opts);
+      }
+    } else {
+      vjs.obj.each(children, handleAdd);
+    }
+  }
+};
+
+/**
+ * Allows sub components to stack CSS class names
+ *
+ * @return {String} The constructed class name
+ */
+vjs.Component.prototype.buildCSSClass = function(){
+    // Child classes can include a function that does:
+    // return 'CLASS NAME' + this._super();
+    return '';
+};
+
+/* Events
+============================================================================= */
+
+/**
+ * Add an event listener to this component's element
+ *
+ *     var myFunc = function(){
+ *       var myComponent = this;
+ *       // Do something when the event is fired
+ *     };
+ *
+ *     myComponent.on('eventType', myFunc);
+ *
+ * The context of myFunc will be myComponent unless previously bound.
+ *
+ * Alternatively, you can add a listener to another element or component.
+ *
+ *     myComponent.on(otherElement, 'eventName', myFunc);
+ *     myComponent.on(otherComponent, 'eventName', myFunc);
+ *
+ * The benefit of using this over `vjs.on(otherElement, 'eventName', myFunc)`
+ * and `otherComponent.on('eventName', myFunc)` is that this way the listeners
+ * will be automatically cleaned up when either component is disposed.
+ * It will also bind myComponent as the context of myFunc.
+ *
+ * **NOTE**: When using this on elements in the page other than window
+ * and document (both permanent), if you remove the element from the DOM
+ * you need to call `vjs.trigger(el, 'dispose')` on it to clean up
+ * references to it and allow the browser to garbage collect it.
+ *
+ * @param  {String|vjs.Component} first   The event type or other component
+ * @param  {Function|String}      second  The event handler or event type
+ * @param  {Function}             third   The event handler
+ * @return {vjs.Component}        self
+ */
+vjs.Component.prototype.on = function(first, second, third){
+  var target, type, fn, removeOnDispose, cleanRemover, thisComponent;
+
+  if (typeof first === 'string' || vjs.obj.isArray(first)) {
+    vjs.on(this.el_, first, vjs.bind(this, second));
+
+  // Targeting another component or element
+  } else {
+    target = first;
+    type = second;
+    fn = vjs.bind(this, third);
+    thisComponent = this;
+
+    // When this component is disposed, remove the listener from the other component
+    removeOnDispose = function(){
+      thisComponent.off(target, type, fn);
+    };
+    // Use the same function ID so we can remove it later it using the ID
+    // of the original listener
+    removeOnDispose.guid = fn.guid;
+    this.on('dispose', removeOnDispose);
+
+    // If the other component is disposed first we need to clean the reference
+    // to the other component in this component's removeOnDispose listener
+    // Otherwise we create a memory leak.
+    cleanRemover = function(){
+      thisComponent.off('dispose', removeOnDispose);
+    };
+    // Add the same function ID so we can easily remove it later
+    cleanRemover.guid = fn.guid;
+
+    // Check if this is a DOM node
+    if (first.nodeName) {
+      // Add the listener to the other element
+      vjs.on(target, type, fn);
+      vjs.on(target, 'dispose', cleanRemover);
+
+    // Should be a component
+    // Not using `instanceof vjs.Component` because it makes mock players difficult
+    } else if (typeof first.on === 'function') {
+      // Add the listener to the other component
+      target.on(type, fn);
+      target.on('dispose', cleanRemover);
+    }
+  }
+
+  return this;
+};
+
+/**
+ * Remove an event listener from this component's element
+ *
+ *     myComponent.off('eventType', myFunc);
+ *
+ * If myFunc is excluded, ALL listeners for the event type will be removed.
+ * If eventType is excluded, ALL listeners will be removed from the component.
+ *
+ * Alternatively you can use `off` to remove listeners that were added to other
+ * elements or components using `myComponent.on(otherComponent...`.
+ * In this case both the event type and listener function are REQUIRED.
+ *
+ *     myComponent.off(otherElement, 'eventType', myFunc);
+ *     myComponent.off(otherComponent, 'eventType', myFunc);
+ *
+ * @param  {String=|vjs.Component}  first  The event type or other component
+ * @param  {Function=|String}       second The listener function or event type
+ * @param  {Function=}              third  The listener for other component
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.off = function(first, second, third){
+  var target, otherComponent, type, fn, otherEl;
+
+  if (!first || typeof first === 'string' || vjs.obj.isArray(first)) {
+    vjs.off(this.el_, first, second);
+  } else {
+    target = first;
+    type = second;
+    // Ensure there's at least a guid, even if the function hasn't been used
+    fn = vjs.bind(this, third);
+
+    // Remove the dispose listener on this component,
+    // which was given the same guid as the event listener
+    this.off('dispose', fn);
+
+    if (first.nodeName) {
+      // Remove the listener
+      vjs.off(target, type, fn);
+      // Remove the listener for cleaning the dispose listener
+      vjs.off(target, 'dispose', fn);
+    } else {
+      target.off(type, fn);
+      target.off('dispose', fn);
+    }
+  }
+
+  return this;
+};
+
+/**
+ * Add an event listener to be triggered only once and then removed
+ *
+ *     myComponent.one('eventName', myFunc);
+ *
+ * Alternatively you can add a listener to another element or component
+ * that will be triggered only once.
+ *
+ *     myComponent.one(otherElement, 'eventName', myFunc);
+ *     myComponent.one(otherComponent, 'eventName', myFunc);
+ *
+ * @param  {String|vjs.Component}  first   The event type or other component
+ * @param  {Function|String}       second  The listener function or event type
+ * @param  {Function=}             third   The listener function for other component
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.one = function(first, second, third) {
+  var target, type, fn, thisComponent, newFunc;
+
+  if (typeof first === 'string' || vjs.obj.isArray(first)) {
+    vjs.one(this.el_, first, vjs.bind(this, second));
+  } else {
+    target = first;
+    type = second;
+    fn = vjs.bind(this, third);
+    thisComponent = this;
+
+    newFunc = function(){
+      thisComponent.off(target, type, newFunc);
+      fn.apply(this, arguments);
+    };
+    // Keep the same function ID so we can remove it later
+    newFunc.guid = fn.guid;
+
+    this.on(target, type, newFunc);
+  }
+
+  return this;
+};
+
+/**
+ * Trigger an event on an element
+ *
+ *     myComponent.trigger('eventName');
+ *     myComponent.trigger({'type':'eventName'});
+ *
+ * @param  {Event|Object|String} event  A string (the type) or an event object with a type attribute
+ * @return {vjs.Component}       self
+ */
+vjs.Component.prototype.trigger = function(event){
+  vjs.trigger(this.el_, event);
+  return this;
+};
+
+/* Ready
+================================================================================ */
+/**
+ * Is the component loaded
+ * This can mean different things depending on the component.
+ *
+ * @private
+ * @type {Boolean}
+ */
+vjs.Component.prototype.isReady_;
+
+/**
+ * Trigger ready as soon as initialization is finished
+ *
+ * Allows for delaying ready. Override on a sub class prototype.
+ * If you set this.isReadyOnInitFinish_ it will affect all components.
+ * Specially used when waiting for the Flash player to asynchronously load.
+ *
+ * @type {Boolean}
+ * @private
+ */
+vjs.Component.prototype.isReadyOnInitFinish_ = true;
+
+/**
+ * List of ready listeners
+ *
+ * @type {Array}
+ * @private
+ */
+vjs.Component.prototype.readyQueue_;
+
+/**
+ * Bind a listener to the component's ready state
+ *
+ * Different from event listeners in that if the ready event has already happened
+ * it will trigger the function immediately.
+ *
+ * @param  {Function} fn Ready listener
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.ready = function(fn){
+  if (fn) {
+    if (this.isReady_) {
+      fn.call(this);
+    } else {
+      if (this.readyQueue_ === undefined) {
+        this.readyQueue_ = [];
+      }
+      this.readyQueue_.push(fn);
+    }
+  }
+  return this;
+};
+
+/**
+ * Trigger the ready listeners
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.triggerReady = function(){
+  this.isReady_ = true;
+
+  var readyQueue = this.readyQueue_;
+
+  if (readyQueue && readyQueue.length > 0) {
+
+    for (var i = 0, j = readyQueue.length; i < j; i++) {
+      readyQueue[i].call(this);
+    }
+
+    // Reset Ready Queue
+    this.readyQueue_ = [];
+
+    // Allow for using event listeners also, in case you want to do something everytime a source is ready.
+    this.trigger('ready');
+  }
+};
+
+/* Display
+============================================================================= */
+
+/**
+ * Check if a component's element has a CSS class name
+ *
+ * @param {String} classToCheck Classname to check
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.hasClass = function(classToCheck){
+  return vjs.hasClass(this.el_, classToCheck);
+};
+
+/**
+ * Add a CSS class name to the component's element
+ *
+ * @param {String} classToAdd Classname to add
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.addClass = function(classToAdd){
+  vjs.addClass(this.el_, classToAdd);
+  return this;
+};
+
+/**
+ * Remove a CSS class name from the component's element
+ *
+ * @param {String} classToRemove Classname to remove
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.removeClass = function(classToRemove){
+  vjs.removeClass(this.el_, classToRemove);
+  return this;
+};
+
+/**
+ * Show the component element if hidden
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.show = function(){
+  this.el_.style.display = 'block';
+  return this;
+};
+
+/**
+ * Hide the component element if currently showing
+ *
+ * @return {vjs.Component}
+ */
+vjs.Component.prototype.hide = function(){
+  this.el_.style.display = 'none';
+  return this;
+};
+
+/**
+ * Lock an item in its visible state
+ * To be used with fadeIn/fadeOut.
+ *
+ * @return {vjs.Component}
+ * @private
+ */
+vjs.Component.prototype.lockShowing = function(){
+  this.addClass('vjs-lock-showing');
+  return this;
+};
+
+/**
+ * Unlock an item to be hidden
+ * To be used with fadeIn/fadeOut.
+ *
+ * @return {vjs.Component}
+ * @private
+ */
+vjs.Component.prototype.unlockShowing = function(){
+  this.removeClass('vjs-lock-showing');
+  return this;
+};
+
+/**
+ * Disable component by making it unshowable
+ *
+ * Currently private because we're moving towards more css-based states.
+ * @private
+ */
+vjs.Component.prototype.disable = function(){
+  this.hide();
+  this.show = function(){};
+};
+
+/**
+ * Set or get the width of the component (CSS values)
+ *
+ * Setting the video tag dimension values only works with values in pixels.
+ * Percent values will not work.
+ * Some percents can be used, but width()/height() will return the number + %,
+ * not the actual computed width/height.
+ *
+ * @param  {Number|String=} num   Optional width number
+ * @param  {Boolean} skipListeners Skip the 'resize' event trigger
+ * @return {vjs.Component} This component, when setting the width
+ * @return {Number|String} The width, when getting
+ */
+vjs.Component.prototype.width = function(num, skipListeners){
+  return this.dimension('width', num, skipListeners);
+};
+
+/**
+ * Get or set the height of the component (CSS values)
+ *
+ * Setting the video tag dimension values only works with values in pixels.
+ * Percent values will not work.
+ * Some percents can be used, but width()/height() will return the number + %,
+ * not the actual computed width/height.
+ *
+ * @param  {Number|String=} num     New component height
+ * @param  {Boolean=} skipListeners Skip the resize event trigger
+ * @return {vjs.Component} This component, when setting the height
+ * @return {Number|String} The height, when getting
+ */
+vjs.Component.prototype.height = function(num, skipListeners){
+  return this.dimension('height', num, skipListeners);
+};
+
+/**
+ * Set both width and height at the same time
+ *
+ * @param  {Number|String} width
+ * @param  {Number|String} height
+ * @return {vjs.Component} The component
+ */
+vjs.Component.prototype.dimensions = function(width, height){
+  // Skip resize listeners on width for optimization
+  return this.width(width, true).height(height);
+};
+
+/**
+ * Get or set width or height
+ *
+ * This is the shared code for the width() and height() methods.
+ * All for an integer, integer + 'px' or integer + '%';
+ *
+ * Known issue: Hidden elements officially have a width of 0. We're defaulting
+ * to the style.width value and falling back to computedStyle which has the
+ * hidden element issue. Info, but probably not an efficient fix:
+ * http://www.foliotek.com/devblog/getting-the-width-of-a-hidden-element-with-jquery-using-width/
+ *
+ * @param  {String} widthOrHeight  'width' or 'height'
+ * @param  {Number|String=} num     New dimension
+ * @param  {Boolean=} skipListeners Skip resize event trigger
+ * @return {vjs.Component} The component if a dimension was set
+ * @return {Number|String} The dimension if nothing was set
+ * @private
+ */
+vjs.Component.prototype.dimension = function(widthOrHeight, num, skipListeners){
+  if (num !== undefined) {
+    if (num === null || vjs.isNaN(num)) {
+      num = 0;
+    }
+
+    // Check if using css width/height (% or px) and adjust
+    if ((''+num).indexOf('%') !== -1 || (''+num).indexOf('px') !== -1) {
+      this.el_.style[widthOrHeight] = num;
+    } else if (num === 'auto') {
+      this.el_.style[widthOrHeight] = '';
+    } else {
+      this.el_.style[widthOrHeight] = num+'px';
+    }
+
+    // skipListeners allows us to avoid triggering the resize event when setting both width and height
+    if (!skipListeners) { this.trigger('resize'); }
+
+    // Return component
+    return this;
+  }
+
+  // Not setting a value, so getting it
+  // Make sure element exists
+  if (!this.el_) return 0;
+
+  // Get dimension value from style
+  var val = this.el_.style[widthOrHeight];
+  var pxIndex = val.indexOf('px');
+  if (pxIndex !== -1) {
+    // Return the pixel value with no 'px'
+    return parseInt(val.slice(0,pxIndex), 10);
+
+  // No px so using % or no style was set, so falling back to offsetWidth/height
+  // If component has display:none, offset will return 0
+  // TODO: handle display:none and no dimension style using px
+  } else {
+
+    return parseInt(this.el_['offset'+vjs.capitalize(widthOrHeight)], 10);
+
+    // ComputedStyle version.
+    // Only difference is if the element is hidden it will return
+    // the percent value (e.g. '100%'')
+    // instead of zero like offsetWidth returns.
+    // var val = vjs.getComputedStyleValue(this.el_, widthOrHeight);
+    // var pxIndex = val.indexOf('px');
+
+    // if (pxIndex !== -1) {
+    //   return val.slice(0, pxIndex);
+    // } else {
+    //   return val;
+    // }
+  }
+};
+
+/**
+ * Fired when the width and/or height of the component changes
+ * @event resize
+ */
+vjs.Component.prototype.onResize;
+
+/**
+ * Emit 'tap' events when touch events are supported
+ *
+ * This is used to support toggling the controls through a tap on the video.
+ *
+ * We're requiring them to be enabled because otherwise every component would
+ * have this extra overhead unnecessarily, on mobile devices where extra
+ * overhead is especially bad.
+ * @private
+ */
+vjs.Component.prototype.emitTapEvents = function(){
+  var touchStart, firstTouch, touchTime, couldBeTap, noTap,
+      xdiff, ydiff, touchDistance, tapMovementThreshold;
+
+  // Track the start time so we can determine how long the touch lasted
+  touchStart = 0;
+  firstTouch = null;
+
+  // Maximum movement allowed during a touch event to still be considered a tap
+  tapMovementThreshold = 22;
+
+  this.on('touchstart', function(event) {
+    // If more than one finger, don't consider treating this as a click
+    if (event.touches.length === 1) {
+      firstTouch = event.touches[0];
+      // Record start time so we can detect a tap vs. "touch and hold"
+      touchStart = new Date().getTime();
+      // Reset couldBeTap tracking
+      couldBeTap = true;
+    }
+  });
+
+  this.on('touchmove', function(event) {
+    // If more than one finger, don't consider treating this as a click
+    if (event.touches.length > 1) {
+      couldBeTap = false;
+    } else if (firstTouch) {
+      // Some devices will throw touchmoves for all but the slightest of taps.
+      // So, if we moved only a small distance, this could still be a tap
+      xdiff = event.touches[0].pageX - firstTouch.pageX;
+      ydiff = event.touches[0].pageY - firstTouch.pageY;
+      touchDistance = Math.sqrt(xdiff * xdiff + ydiff * ydiff);
+      if (touchDistance > tapMovementThreshold) {
+        couldBeTap = false;
+      }
+    }
+  });
+
+  noTap = function(){
+    couldBeTap = false;
+  };
+  // TODO: Listen to the original target. http://youtu.be/DujfpXOKUp8?t=13m8s
+  this.on('touchleave', noTap);
+  this.on('touchcancel', noTap);
+
+  // When the touch ends, measure how long it took and trigger the appropriate
+  // event
+  this.on('touchend', function(event) {
+    firstTouch = null;
+    // Proceed only if the touchmove/leave/cancel event didn't happen
+    if (couldBeTap === true) {
+      // Measure how long the touch lasted
+      touchTime = new Date().getTime() - touchStart;
+      // The touch needs to be quick in order to consider it a tap
+      if (touchTime < 250) {
+        event.preventDefault(); // Don't let browser turn this into a click
+        this.trigger('tap');
+        // It may be good to copy the touchend event object and change the
+        // type to tap, if the other event properties aren't exact after
+        // vjs.fixEvent runs (e.g. event.target)
+      }
+    }
+  });
+};
+
+/**
+ * Report user touch activity when touch events occur
+ *
+ * User activity is used to determine when controls should show/hide. It's
+ * relatively simple when it comes to mouse events, because any mouse event
+ * should show the controls. So we capture mouse events that bubble up to the
+ * player and report activity when that happens.
+ *
+ * With touch events it isn't as easy. We can't rely on touch events at the
+ * player level, because a tap (touchstart + touchend) on the video itself on
+ * mobile devices is meant to turn controls off (and on). User activity is
+ * checked asynchronously, so what could happen is a tap event on the video
+ * turns the controls off, then the touchend event bubbles up to the player,
+ * which if it reported user activity, would turn the controls right back on.
+ * (We also don't want to completely block touch events from bubbling up)
+ *
+ * Also a touchmove, touch+hold, and anything other than a tap is not supposed
+ * to turn the controls back on on a mobile device.
+ *
+ * Here we're setting the default component behavior to report user activity
+ * whenever touch events happen, and this can be turned off by components that
+ * want touch events to act differently.
+ */
+vjs.Component.prototype.enableTouchActivity = function() {
+  var report, touchHolding, touchEnd;
+
+  // Don't continue if the root player doesn't support reporting user activity
+  if (!this.player().reportUserActivity) {
+    return;
+  }
+
+  // listener for reporting that the user is active
+  report = vjs.bind(this.player(), this.player().reportUserActivity);
+
+  this.on('touchstart', function() {
+    report();
+    // For as long as the they are touching the device or have their mouse down,
+    // we consider them active even if they're not moving their finger or mouse.
+    // So we want to continue to update that they are active
+    this.clearInterval(touchHolding);
+    // report at the same interval as activityCheck
+    touchHolding = this.setInterval(report, 250);
+  });
+
+  touchEnd = function(event) {
+    report();
+    // stop the interval that maintains activity if the touch is holding
+    this.clearInterval(touchHolding);
+  };
+
+  this.on('touchmove', report);
+  this.on('touchend', touchEnd);
+  this.on('touchcancel', touchEnd);
+};
+
+/**
+ * Creates timeout and sets up disposal automatically.
+ * @param {Function} fn The function to run after the timeout.
+ * @param {Number} timeout Number of ms to delay before executing specified function.
+ * @return {Number} Returns the timeout ID
+ */
+vjs.Component.prototype.setTimeout = function(fn, timeout) {
+  fn = vjs.bind(this, fn);
+
+  // window.setTimeout would be preferable here, but due to some bizarre issue with Sinon and/or Phantomjs, we can't.
+  var timeoutId = setTimeout(fn, timeout);
+
+  var disposeFn = function() {
+    this.clearTimeout(timeoutId);
+  };
+
+  disposeFn.guid = 'vjs-timeout-'+ timeoutId;
+
+  this.on('dispose', disposeFn);
+
+  return timeoutId;
+};
+
+
+/**
+ * Clears a timeout and removes the associated dispose listener
+ * @param {Number} timeoutId The id of the timeout to clear
+ * @return {Number} Returns the timeout ID
+ */
+vjs.Component.prototype.clearTimeout = function(timeoutId) {
+  clearTimeout(timeoutId);
+
+  var disposeFn = function(){};
+  disposeFn.guid = 'vjs-timeout-'+ timeoutId;
+
+  this.off('dispose', disposeFn);
+
+  return timeoutId;
+};
+
+/**
+ * Creates an interval and sets up disposal automatically.
+ * @param {Function} fn The function to run every N seconds.
+ * @param {Number} interval Number of ms to delay before executing specified function.
+ * @return {Number} Returns the interval ID
+ */
+vjs.Component.prototype.setInterval = function(fn, interval) {
+  fn = vjs.bind(this, fn);
+
+  var intervalId = setInterval(fn, interval);
+
+  var disposeFn = function() {
+    this.clearInterval(intervalId);
+  };
+
+  disposeFn.guid = 'vjs-interval-'+ intervalId;
+
+  this.on('dispose', disposeFn);
+
+  return intervalId;
+};
+
+/**
+ * Clears an interval and removes the associated dispose listener
+ * @param {Number} intervalId The id of the interval to clear
+ * @return {Number} Returns the interval ID
+ */
+vjs.Component.prototype.clearInterval = function(intervalId) {
+  clearInterval(intervalId);
+
+  var disposeFn = function(){};
+  disposeFn.guid = 'vjs-interval-'+ intervalId;
+
+  this.off('dispose', disposeFn);
+
+  return intervalId;
+};
+/* Button - Base class for all buttons
+================================================================================ */
+/**
+ * Base class for all buttons
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.Button = vjs.Component.extend({
+  /**
+   * @constructor
+   * @inheritDoc
+   */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    this.emitTapEvents();
+
+    this.on('tap', this.onClick);
+    this.on('click', this.onClick);
+    this.on('focus', this.onFocus);
+    this.on('blur', this.onBlur);
+  }
+});
+
+vjs.Button.prototype.createEl = function(type, props){
+  var el;
+
+  // Add standard Aria and Tabindex info
+  props = vjs.obj.merge({
+    className: this.buildCSSClass(),
+    'role': 'button',
+    'aria-live': 'polite', // let the screen reader user know that the text of the button may change
+    tabIndex: 0
+  }, props);
+
+  el = vjs.Component.prototype.createEl.call(this, type, props);
+
+  // if innerHTML hasn't been overridden (bigPlayButton), add content elements
+  if (!props.innerHTML) {
+    this.contentEl_ = vjs.createEl('div', {
+      className: 'vjs-control-content'
+    });
+
+    this.controlText_ = vjs.createEl('span', {
+      className: 'vjs-control-text',
+      innerHTML: this.localize(this.buttonText) || 'Need Text'
+    });
+
+    this.contentEl_.appendChild(this.controlText_);
+    el.appendChild(this.contentEl_);
+  }
+
+  return el;
+};
+
+vjs.Button.prototype.buildCSSClass = function(){
+  // TODO: Change vjs-control to vjs-button?
+  return 'vjs-control ' + vjs.Component.prototype.buildCSSClass.call(this);
+};
+
+  // Click - Override with specific functionality for button
+vjs.Button.prototype.onClick = function(){};
+
+  // Focus - Add keyboard functionality to element
+vjs.Button.prototype.onFocus = function(){
+  vjs.on(document, 'keydown', vjs.bind(this, this.onKeyPress));
+};
+
+  // KeyPress (document level) - Trigger click when keys are pressed
+vjs.Button.prototype.onKeyPress = function(event){
+  // Check for space bar (32) or enter (13) keys
+  if (event.which == 32 || event.which == 13) {
+    event.preventDefault();
+    this.onClick();
+  }
+};
+
+// Blur - Remove keyboard triggers
+vjs.Button.prototype.onBlur = function(){
+  vjs.off(document, 'keydown', vjs.bind(this, this.onKeyPress));
+};
+/* Slider
+================================================================================ */
+/**
+ * The base functionality for sliders like the volume bar and seek bar
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.Slider = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // Set property names to bar and handle to match with the child Slider class is looking for
+    this.bar = this.getChild(this.options_['barName']);
+    this.handle = this.getChild(this.options_['handleName']);
+
+    this.on('mousedown', this.onMouseDown);
+    this.on('touchstart', this.onMouseDown);
+    this.on('focus', this.onFocus);
+    this.on('blur', this.onBlur);
+    this.on('click', this.onClick);
+
+    this.on(player, 'controlsvisible', this.update);
+    this.on(player, this.playerEvent, this.update);
+  }
+});
+
+vjs.Slider.prototype.createEl = function(type, props) {
+  props = props || {};
+  // Add the slider element class to all sub classes
+  props.className = props.className + ' vjs-slider';
+  props = vjs.obj.merge({
+    'role': 'slider',
+    'aria-valuenow': 0,
+    'aria-valuemin': 0,
+    'aria-valuemax': 100,
+    tabIndex: 0
+  }, props);
+
+  return vjs.Component.prototype.createEl.call(this, type, props);
+};
+
+vjs.Slider.prototype.onMouseDown = function(event){
+  event.preventDefault();
+  vjs.blockTextSelection();
+  this.addClass('vjs-sliding');
+
+  this.on(document, 'mousemove', this.onMouseMove);
+  this.on(document, 'mouseup', this.onMouseUp);
+  this.on(document, 'touchmove', this.onMouseMove);
+  this.on(document, 'touchend', this.onMouseUp);
+
+  this.onMouseMove(event);
+};
+
+// To be overridden by a subclass
+vjs.Slider.prototype.onMouseMove = function(){};
+
+vjs.Slider.prototype.onMouseUp = function() {
+  vjs.unblockTextSelection();
+  this.removeClass('vjs-sliding');
+
+  this.off(document, 'mousemove', this.onMouseMove);
+  this.off(document, 'mouseup', this.onMouseUp);
+  this.off(document, 'touchmove', this.onMouseMove);
+  this.off(document, 'touchend', this.onMouseUp);
+
+  this.update();
+};
+
+vjs.Slider.prototype.update = function(){
+  // In VolumeBar init we have a setTimeout for update that pops and update to the end of the
+  // execution stack. The player is destroyed before then update will cause an error
+  if (!this.el_) return;
+
+  // If scrubbing, we could use a cached value to make the handle keep up with the user's mouse.
+  // On HTML5 browsers scrubbing is really smooth, but some flash players are slow, so we might want to utilize this later.
+  // var progress =  (this.player_.scrubbing) ? this.player_.getCache().currentTime / this.player_.duration() : this.player_.currentTime() / this.player_.duration();
+
+  var barProgress,
+      progress = this.getPercent(),
+      handle = this.handle,
+      bar = this.bar;
+
+  // Protect against no duration and other division issues
+  if (isNaN(progress)) { progress = 0; }
+
+  barProgress = progress;
+
+  // If there is a handle, we need to account for the handle in our calculation for progress bar
+  // so that it doesn't fall short of or extend past the handle.
+  if (handle) {
+
+    var box = this.el_,
+        boxWidth = box.offsetWidth,
+
+        handleWidth = handle.el().offsetWidth,
+
+        // The width of the handle in percent of the containing box
+        // In IE, widths may not be ready yet causing NaN
+        handlePercent = (handleWidth) ? handleWidth / boxWidth : 0,
+
+        // Get the adjusted size of the box, considering that the handle's center never touches the left or right side.
+        // There is a margin of half the handle's width on both sides.
+        boxAdjustedPercent = 1 - handlePercent,
+
+        // Adjust the progress that we'll use to set widths to the new adjusted box width
+        adjustedProgress = progress * boxAdjustedPercent;
+
+    // The bar does reach the left side, so we need to account for this in the bar's width
+    barProgress = adjustedProgress + (handlePercent / 2);
+
+    // Move the handle from the left based on the adjected progress
+    handle.el().style.left = vjs.round(adjustedProgress * 100, 2) + '%';
+  }
+
+  // Set the new bar width
+  if (bar) {
+    bar.el().style.width = vjs.round(barProgress * 100, 2) + '%';
+  }
+};
+
+vjs.Slider.prototype.calculateDistance = function(event){
+  var el, box, boxX, boxY, boxW, boxH, handle, pageX, pageY;
+
+  el = this.el_;
+  box = vjs.findPosition(el);
+  boxW = boxH = el.offsetWidth;
+  handle = this.handle;
+
+  if (this.options()['vertical']) {
+    boxY = box.top;
+
+    if (event.changedTouches) {
+      pageY = event.changedTouches[0].pageY;
+    } else {
+      pageY = event.pageY;
+    }
+
+    if (handle) {
+      var handleH = handle.el().offsetHeight;
+      // Adjusted X and Width, so handle doesn't go outside the bar
+      boxY = boxY + (handleH / 2);
+      boxH = boxH - handleH;
+    }
+
+    // Percent that the click is through the adjusted area
+    return Math.max(0, Math.min(1, ((boxY - pageY) + boxH) / boxH));
+
+  } else {
+    boxX = box.left;
+
+    if (event.changedTouches) {
+      pageX = event.changedTouches[0].pageX;
+    } else {
+      pageX = event.pageX;
+    }
+
+    if (handle) {
+      var handleW = handle.el().offsetWidth;
+
+      // Adjusted X and Width, so handle doesn't go outside the bar
+      boxX = boxX + (handleW / 2);
+      boxW = boxW - handleW;
+    }
+
+    // Percent that the click is through the adjusted area
+    return Math.max(0, Math.min(1, (pageX - boxX) / boxW));
+  }
+};
+
+vjs.Slider.prototype.onFocus = function(){
+  this.on(document, 'keydown', this.onKeyPress);
+};
+
+vjs.Slider.prototype.onKeyPress = function(event){
+  if (event.which == 37 || event.which == 40) { // Left and Down Arrows
+    event.preventDefault();
+    this.stepBack();
+  } else if (event.which == 38 || event.which == 39) { // Up and Right Arrows
+    event.preventDefault();
+    this.stepForward();
+  }
+};
+
+vjs.Slider.prototype.onBlur = function(){
+  this.off(document, 'keydown', this.onKeyPress);
+};
+
+/**
+ * Listener for click events on slider, used to prevent clicks
+ *   from bubbling up to parent elements like button menus.
+ * @param  {Object} event Event object
+ */
+vjs.Slider.prototype.onClick = function(event){
+  event.stopImmediatePropagation();
+  event.preventDefault();
+};
+
+/**
+ * SeekBar Behavior includes play progress bar, and seek handle
+ * Needed so it can determine seek position based on handle position/size
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SliderHandle = vjs.Component.extend();
+
+/**
+ * Default value of the slider
+ *
+ * @type {Number}
+ * @private
+ */
+vjs.SliderHandle.prototype.defaultValue = 0;
+
+/** @inheritDoc */
+vjs.SliderHandle.prototype.createEl = function(type, props) {
+  props = props || {};
+  // Add the slider element class to all sub classes
+  props.className = props.className + ' vjs-slider-handle';
+  props = vjs.obj.merge({
+    innerHTML: '<span class="vjs-control-text">'+this.defaultValue+'</span>'
+  }, props);
+
+  return vjs.Component.prototype.createEl.call(this, 'div', props);
+};
+/* Menu
+================================================================================ */
+/**
+ * The Menu component is used to build pop up menus, including subtitle and
+ * captions selection menus.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.Menu = vjs.Component.extend();
+
+/**
+ * Add a menu item to the menu
+ * @param {Object|String} component Component or component type to add
+ */
+vjs.Menu.prototype.addItem = function(component){
+  this.addChild(component);
+  component.on('click', vjs.bind(this, function(){
+    this.unlockShowing();
+  }));
+};
+
+/** @inheritDoc */
+vjs.Menu.prototype.createEl = function(){
+  var contentElType = this.options().contentElType || 'ul';
+  this.contentEl_ = vjs.createEl(contentElType, {
+    className: 'vjs-menu-content'
+  });
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    append: this.contentEl_,
+    className: 'vjs-menu'
+  });
+  el.appendChild(this.contentEl_);
+
+  // Prevent clicks from bubbling up. Needed for Menu Buttons,
+  // where a click on the parent is significant
+  vjs.on(el, 'click', function(event){
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  });
+
+  return el;
+};
+
+/**
+ * The component for a menu item. `<li>`
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.MenuItem = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+    this.selected(options['selected']);
+  }
+});
+
+/** @inheritDoc */
+vjs.MenuItem.prototype.createEl = function(type, props){
+  return vjs.Button.prototype.createEl.call(this, 'li', vjs.obj.merge({
+    className: 'vjs-menu-item',
+    innerHTML: this.localize(this.options_['label'])
+  }, props));
+};
+
+/**
+ * Handle a click on the menu item, and set it to selected
+ */
+vjs.MenuItem.prototype.onClick = function(){
+  this.selected(true);
+};
+
+/**
+ * Set this menu item as selected or not
+ * @param  {Boolean} selected
+ */
+vjs.MenuItem.prototype.selected = function(selected){
+  if (selected) {
+    this.addClass('vjs-selected');
+    this.el_.setAttribute('aria-selected',true);
+  } else {
+    this.removeClass('vjs-selected');
+    this.el_.setAttribute('aria-selected',false);
+  }
+};
+
+
+/**
+ * A button class with a popup menu
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.MenuButton = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    this.menu = this.createMenu();
+
+    // Add list to element
+    this.addChild(this.menu);
+
+    // Automatically hide empty menu buttons
+    if (this.items && this.items.length === 0) {
+      this.hide();
+    }
+
+    this.on('keydown', this.onKeyPress);
+    this.el_.setAttribute('aria-haspopup', true);
+    this.el_.setAttribute('role', 'button');
+  }
+});
+
+/**
+ * Track the state of the menu button
+ * @type {Boolean}
+ * @private
+ */
+vjs.MenuButton.prototype.buttonPressed_ = false;
+
+vjs.MenuButton.prototype.createMenu = function(){
+  var menu = new vjs.Menu(this.player_);
+
+  // Add a title list item to the top
+  if (this.options().title) {
+    menu.contentEl().appendChild(vjs.createEl('li', {
+      className: 'vjs-menu-title',
+      innerHTML: vjs.capitalize(this.options().title),
+      tabindex: -1
+    }));
+  }
+
+  this.items = this['createItems']();
+
+  if (this.items) {
+    // Add menu items to the menu
+    for (var i = 0; i < this.items.length; i++) {
+      menu.addItem(this.items[i]);
+    }
+  }
+
+  return menu;
+};
+
+/**
+ * Create the list of menu items. Specific to each subclass.
+ */
+vjs.MenuButton.prototype.createItems = function(){};
+
+/** @inheritDoc */
+vjs.MenuButton.prototype.buildCSSClass = function(){
+  return this.className + ' vjs-menu-button ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+// Focus - Add keyboard functionality to element
+// This function is not needed anymore. Instead, the keyboard functionality is handled by
+// treating the button as triggering a submenu. When the button is pressed, the submenu
+// appears. Pressing the button again makes the submenu disappear.
+vjs.MenuButton.prototype.onFocus = function(){};
+// Can't turn off list display that we turned on with focus, because list would go away.
+vjs.MenuButton.prototype.onBlur = function(){};
+
+vjs.MenuButton.prototype.onClick = function(){
+  // When you click the button it adds focus, which will show the menu indefinitely.
+  // So we'll remove focus when the mouse leaves the button.
+  // Focus is needed for tab navigation.
+  this.one('mouseout', vjs.bind(this, function(){
+    this.menu.unlockShowing();
+    this.el_.blur();
+  }));
+  if (this.buttonPressed_){
+    this.unpressButton();
+  } else {
+    this.pressButton();
+  }
+};
+
+vjs.MenuButton.prototype.onKeyPress = function(event){
+
+  // Check for space bar (32) or enter (13) keys
+  if (event.which == 32 || event.which == 13) {
+    if (this.buttonPressed_){
+      this.unpressButton();
+    } else {
+      this.pressButton();
+    }
+    event.preventDefault();
+  // Check for escape (27) key
+  } else if (event.which == 27){
+    if (this.buttonPressed_){
+      this.unpressButton();
+    }
+    event.preventDefault();
+  }
+};
+
+vjs.MenuButton.prototype.pressButton = function(){
+  this.buttonPressed_ = true;
+  this.menu.lockShowing();
+  this.el_.setAttribute('aria-pressed', true);
+  if (this.items && this.items.length > 0) {
+    this.items[0].el().focus(); // set the focus to the title of the submenu
+  }
+};
+
+vjs.MenuButton.prototype.unpressButton = function(){
+  this.buttonPressed_ = false;
+  this.menu.unlockShowing();
+  this.el_.setAttribute('aria-pressed', false);
+};
+/**
+ * Custom MediaError to mimic the HTML5 MediaError
+ * @param {Number} code The media error code
+ */
+vjs.MediaError = function(code){
+  if (typeof code === 'number') {
+    this.code = code;
+  } else if (typeof code === 'string') {
+    // default code is zero, so this is a custom error
+    this.message = code;
+  } else if (typeof code === 'object') { // object
+    vjs.obj.merge(this, code);
+  }
+
+  if (!this.message) {
+    this.message = vjs.MediaError.defaultMessages[this.code] || '';
+  }
+};
+
+/**
+ * The error code that refers two one of the defined
+ * MediaError types
+ * @type {Number}
+ */
+vjs.MediaError.prototype.code = 0;
+
+/**
+ * An optional message to be shown with the error.
+ * Message is not part of the HTML5 video spec
+ * but allows for more informative custom errors.
+ * @type {String}
+ */
+vjs.MediaError.prototype.message = '';
+
+/**
+ * An optional status code that can be set by plugins
+ * to allow even more detail about the error.
+ * For example the HLS plugin might provide the specific
+ * HTTP status code that was returned when the error
+ * occurred, then allowing a custom error overlay
+ * to display more information.
+ * @type {[type]}
+ */
+vjs.MediaError.prototype.status = null;
+
+vjs.MediaError.errorTypes = [
+  'MEDIA_ERR_CUSTOM',            // = 0
+  'MEDIA_ERR_ABORTED',           // = 1
+  'MEDIA_ERR_NETWORK',           // = 2
+  'MEDIA_ERR_DECODE',            // = 3
+  'MEDIA_ERR_SRC_NOT_SUPPORTED', // = 4
+  'MEDIA_ERR_ENCRYPTED'          // = 5
+];
+
+vjs.MediaError.defaultMessages = {
+  1: 'You aborted the video playback',
+  2: 'A network error caused the video download to fail part-way.',
+  3: 'The video playback was aborted due to a corruption problem or because the video used features your browser did not support.',
+  4: 'The video could not be loaded, either because the server or network failed or because the format is not supported.',
+  5: 'The video is encrypted and we do not have the keys to decrypt it.'
+};
+
+// Add types as properties on MediaError
+// e.g. MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED = 4;
+for (var errNum = 0; errNum < vjs.MediaError.errorTypes.length; errNum++) {
+  vjs.MediaError[vjs.MediaError.errorTypes[errNum]] = errNum;
+  // values should be accessible on both the class and instance
+  vjs.MediaError.prototype[vjs.MediaError.errorTypes[errNum]] = errNum;
+}
+(function(){
+  var apiMap, specApi, browserApi, i;
+
+  /**
+   * Store the browser-specific methods for the fullscreen API
+   * @type {Object|undefined}
+   * @private
+   */
+  vjs.browser.fullscreenAPI;
+
+  // browser API methods
+  // map approach from Screenful.js - https://github.com/sindresorhus/screenfull.js
+  apiMap = [
+    // Spec: https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html
+    [
+      'requestFullscreen',
+      'exitFullscreen',
+      'fullscreenElement',
+      'fullscreenEnabled',
+      'fullscreenchange',
+      'fullscreenerror'
+    ],
+    // WebKit
+    [
+      'webkitRequestFullscreen',
+      'webkitExitFullscreen',
+      'webkitFullscreenElement',
+      'webkitFullscreenEnabled',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    // Old WebKit (Safari 5.1)
+    [
+      'webkitRequestFullScreen',
+      'webkitCancelFullScreen',
+      'webkitCurrentFullScreenElement',
+      'webkitCancelFullScreen',
+      'webkitfullscreenchange',
+      'webkitfullscreenerror'
+    ],
+    // Mozilla
+    [
+      'mozRequestFullScreen',
+      'mozCancelFullScreen',
+      'mozFullScreenElement',
+      'mozFullScreenEnabled',
+      'mozfullscreenchange',
+      'mozfullscreenerror'
+    ],
+    // Microsoft
+    [
+      'msRequestFullscreen',
+      'msExitFullscreen',
+      'msFullscreenElement',
+      'msFullscreenEnabled',
+      'MSFullscreenChange',
+      'MSFullscreenError'
+    ]
+  ];
+
+  specApi = apiMap[0];
+
+  // determine the supported set of functions
+  for (i=0; i<apiMap.length; i++) {
+    // check for exitFullscreen function
+    if (apiMap[i][1] in document) {
+      browserApi = apiMap[i];
+      break;
+    }
+  }
+
+  // map the browser API names to the spec API names
+  // or leave vjs.browser.fullscreenAPI undefined
+  if (browserApi) {
+    vjs.browser.fullscreenAPI = {};
+
+    for (i=0; i<browserApi.length; i++) {
+      vjs.browser.fullscreenAPI[specApi[i]] = browserApi[i];
+    }
+  }
+
+})();
+/**
+ * An instance of the `vjs.Player` class is created when any of the Video.js setup methods are used to initialize a video.
+ *
+ * ```js
+ * var myPlayer = videojs('example_video_1');
+ * ```
+ *
+ * In the following example, the `data-setup` attribute tells the Video.js library to create a player instance when the library is ready.
+ *
+ * ```html
+ * <video id="example_video_1" data-setup='{}' controls>
+ *   <source src="my-source.mp4" type="video/mp4">
+ * </video>
+ * ```
+ *
+ * After an instance has been created it can be accessed globally using `Video('example_video_1')`.
+ *
+ * @class
+ * @extends vjs.Component
+ */
+vjs.Player = vjs.Component.extend({
+
+  /**
+   * player's constructor function
+   *
+   * @constructs
+   * @method init
+   * @param {Element} tag        The original video tag used for configuring options
+   * @param {Object=} options    Player options
+   * @param {Function=} ready    Ready callback function
+   */
+  init: function(tag, options, ready){
+    this.tag = tag; // Store the original tag used to set options
+
+    // Make sure tag ID exists
+    tag.id = tag.id || 'vjs_video_' + vjs.guid++;
+
+    // Store the tag attributes used to restore html5 element
+    this.tagAttributes = tag && vjs.getElementAttributes(tag);
+
+    // Set Options
+    // The options argument overrides options set in the video tag
+    // which overrides globally set options.
+    // This latter part coincides with the load order
+    // (tag must exist before Player)
+    options = vjs.obj.merge(this.getTagSettings(tag), options);
+
+    // Update Current Language
+    this.language_ = options['language'] || vjs.options['language'];
+
+    // Update Supported Languages
+    this.languages_ = options['languages'] || vjs.options['languages'];
+
+    // Cache for video property values.
+    this.cache_ = {};
+
+    // Set poster
+    this.poster_ = options['poster'] || '';
+
+    // Set controls
+    this.controls_ = !!options['controls'];
+    // Original tag settings stored in options
+    // now remove immediately so native controls don't flash.
+    // May be turned back on by HTML5 tech if nativeControlsForTouch is true
+    tag.controls = false;
+
+    // we don't want the player to report touch activity on itself
+    // see enableTouchActivity in Component
+    options.reportTouchActivity = false;
+
+    // Set isAudio based on whether or not an audio tag was used
+    this.isAudio(this.tag.nodeName.toLowerCase() === 'audio');
+
+    // Run base component initializing with new options.
+    // Builds the element through createEl()
+    // Inits and embeds any child components in opts
+    vjs.Component.call(this, this, options, ready);
+
+    // Update controls className. Can't do this when the controls are initially
+    // set because the element doesn't exist yet.
+    if (this.controls()) {
+      this.addClass('vjs-controls-enabled');
+    } else {
+      this.addClass('vjs-controls-disabled');
+    }
+
+    if (this.isAudio()) {
+      this.addClass('vjs-audio');
+    }
+
+    // TODO: Make this smarter. Toggle user state between touching/mousing
+    // using events, since devices can have both touch and mouse events.
+    // if (vjs.TOUCH_ENABLED) {
+    //   this.addClass('vjs-touch-enabled');
+    // }
+
+    // Make player easily findable by ID
+    vjs.players[this.id_] = this;
+
+    if (options['plugins']) {
+      vjs.obj.each(options['plugins'], function(key, val){
+        this[key](val);
+      }, this);
+    }
+
+    this.listenForUserActivity();
+  }
+});
+
+/**
+ * The player's stored language code
+ *
+ * @type {String}
+ * @private
+ */
+vjs.Player.prototype.language_;
+
+/**
+ * The player's language code
+ * @param  {String} languageCode  The locale string
+ * @return {String}             The locale string when getting
+ * @return {vjs.Player}         self, when setting
+ */
+vjs.Player.prototype.language = function (languageCode) {
+  if (languageCode === undefined) {
+    return this.language_;
+  }
+
+  this.language_ = languageCode;
+  return this;
+};
+
+/**
+ * The player's stored language dictionary
+ *
+ * @type {Object}
+ * @private
+ */
+vjs.Player.prototype.languages_;
+
+vjs.Player.prototype.languages = function(){
+  return this.languages_;
+};
+
+/**
+ * Player instance options, surfaced using vjs.options
+ * vjs.options = vjs.Player.prototype.options_
+ * Make changes in vjs.options, not here.
+ * All options should use string keys so they avoid
+ * renaming by closure compiler
+ * @type {Object}
+ * @private
+ */
+vjs.Player.prototype.options_ = vjs.options;
+
+/**
+ * Destroys the video player and does any necessary cleanup
+ *
+ *     myPlayer.dispose();
+ *
+ * This is especially helpful if you are dynamically adding and removing videos
+ * to/from the DOM.
+ */
+vjs.Player.prototype.dispose = function(){
+  this.trigger('dispose');
+  // prevent dispose from being called twice
+  this.off('dispose');
+
+  // Kill reference to this player
+  vjs.players[this.id_] = null;
+  if (this.tag && this.tag['player']) { this.tag['player'] = null; }
+  if (this.el_ && this.el_['player']) { this.el_['player'] = null; }
+
+  if (this.tech) { this.tech.dispose(); }
+
+  // Component dispose
+  vjs.Component.prototype.dispose.call(this);
+};
+
+vjs.Player.prototype.getTagSettings = function(tag){
+  var tagOptions,
+      dataSetup,
+      options = {
+        'sources': [],
+        'tracks': []
+      };
+
+  tagOptions = vjs.getElementAttributes(tag);
+  dataSetup = tagOptions['data-setup'];
+
+  // Check if data-setup attr exists.
+  if (dataSetup !== null){
+    // Parse options JSON
+    // If empty string, make it a parsable json object.
+    vjs.obj.merge(tagOptions, vjs.JSON.parse(dataSetup || '{}'));
+  }
+
+  vjs.obj.merge(options, tagOptions);
+
+  // Get tag children settings
+  if (tag.hasChildNodes()) {
+    var children, child, childName, i, j;
+
+    children = tag.childNodes;
+
+    for (i=0,j=children.length; i<j; i++) {
+      child = children[i];
+      // Change case needed: http://ejohn.org/blog/nodename-case-sensitivity/
+      childName = child.nodeName.toLowerCase();
+      if (childName === 'source') {
+        options['sources'].push(vjs.getElementAttributes(child));
+      } else if (childName === 'track') {
+        options['tracks'].push(vjs.getElementAttributes(child));
+      }
+    }
+  }
+
+  return options;
+};
+
+vjs.Player.prototype.createEl = function(){
+  var
+    el = this.el_ = vjs.Component.prototype.createEl.call(this, 'div'),
+    tag = this.tag,
+    attrs;
+
+  // Remove width/height attrs from tag so CSS can make it 100% width/height
+  tag.removeAttribute('width');
+  tag.removeAttribute('height');
+  // Empty video tag tracks so the built-in player doesn't use them also.
+  // This may not be fast enough to stop HTML5 browsers from reading the tags
+  // so we'll need to turn off any default tracks if we're manually doing
+  // captions and subtitles. videoElement.textTracks
+  if (tag.hasChildNodes()) {
+    var nodes, nodesLength, i, node, nodeName, removeNodes;
+
+    nodes = tag.childNodes;
+    nodesLength = nodes.length;
+    removeNodes = [];
+
+    while (nodesLength--) {
+      node = nodes[nodesLength];
+      nodeName = node.nodeName.toLowerCase();
+      if (nodeName === 'track') {
+        removeNodes.push(node);
+      }
+    }
+
+    for (i=0; i<removeNodes.length; i++) {
+      tag.removeChild(removeNodes[i]);
+    }
+  }
+
+  // Copy over all the attributes from the tag, including ID and class
+  // ID will now reference player box, not the video tag
+  attrs = vjs.getElementAttributes(tag);
+  vjs.obj.each(attrs, function(attr) {
+    // workaround so we don't totally break IE7
+    // http://stackoverflow.com/questions/3653444/css-styles-not-applied-on-dynamic-elements-in-internet-explorer-7
+    if (attr == 'class') {
+      el.className = attrs[attr];
+    } else {
+      el.setAttribute(attr, attrs[attr]);
+    }
+  });
+
+  // Update tag id/class for use as HTML5 playback tech
+  // Might think we should do this after embedding in container so .vjs-tech class
+  // doesn't flash 100% width/height, but class only applies with .video-js parent
+  tag.id += '_html5_api';
+  tag.className = 'vjs-tech';
+
+  // Make player findable on elements
+  tag['player'] = el['player'] = this;
+  // Default state of video is paused
+  this.addClass('vjs-paused');
+
+  // Make box use width/height of tag, or rely on default implementation
+  // Enforce with CSS since width/height attrs don't work on divs
+  this.width(this.options_['width'], true); // (true) Skip resize listener on load
+  this.height(this.options_['height'], true);
+
+  // vjs.insertFirst seems to cause the networkState to flicker from 3 to 2, so
+  // keep track of the original for later so we can know if the source originally failed
+  tag.initNetworkState_ = tag.networkState;
+
+  // Wrap video tag in div (el/box) container
+  if (tag.parentNode) {
+    tag.parentNode.insertBefore(el, tag);
+  }
+  vjs.insertFirst(tag, el); // Breaks iPhone, fixed in HTML5 setup.
+
+  // The event listeners need to be added before the children are added
+  // in the component init because the tech (loaded with mediaLoader) may
+  // fire events, like loadstart, that these events need to capture.
+  // Long term it might be better to expose a way to do this in component.init
+  // like component.initEventListeners() that runs between el creation and
+  // adding children
+  this.el_ = el;
+  this.on('loadstart', this.onLoadStart);
+  this.on('waiting', this.onWaiting);
+  this.on(['canplay', 'canplaythrough', 'playing', 'ended'], this.onWaitEnd);
+  this.on('seeking', this.onSeeking);
+  this.on('seeked', this.onSeeked);
+  this.on('ended', this.onEnded);
+  this.on('play', this.onPlay);
+  this.on('firstplay', this.onFirstPlay);
+  this.on('pause', this.onPause);
+  this.on('progress', this.onProgress);
+  this.on('durationchange', this.onDurationChange);
+  this.on('fullscreenchange', this.onFullscreenChange);
+
+  return el;
+};
+
+// /* Media Technology (tech)
+// ================================================================================ */
+// Load/Create an instance of playback technology including element and API methods
+// And append playback element in player div.
+vjs.Player.prototype.loadTech = function(techName, source){
+
+  // Pause and remove current playback technology
+  if (this.tech) {
+    this.unloadTech();
+  }
+
+  // get rid of the HTML5 video tag as soon as we are using another tech
+  if (techName !== 'Html5' && this.tag) {
+    vjs.Html5.disposeMediaElement(this.tag);
+    this.tag = null;
+  }
+
+  this.techName = techName;
+
+  // Turn off API access because we're loading a new tech that might load asynchronously
+  this.isReady_ = false;
+
+  var techReady = function(){
+    this.player_.triggerReady();
+  };
+
+  // Grab tech-specific options from player options and add source and parent element to use.
+  var techOptions = vjs.obj.merge({ 'source': source, 'parentEl': this.el_ }, this.options_[techName.toLowerCase()]);
+
+  if (source) {
+    this.currentType_ = source.type;
+    if (source.src == this.cache_.src && this.cache_.currentTime > 0) {
+      techOptions['startTime'] = this.cache_.currentTime;
+    }
+
+    this.cache_.src = source.src;
+  }
+
+  // Initialize tech instance
+  this.tech = new window['videojs'][techName](this, techOptions);
+
+  this.tech.ready(techReady);
+};
+
+vjs.Player.prototype.unloadTech = function(){
+  this.isReady_ = false;
+
+  this.tech.dispose();
+
+  this.tech = false;
+};
+
+// There's many issues around changing the size of a Flash (or other plugin) object.
+// First is a plugin reload issue in Firefox that has been around for 11 years: https://bugzilla.mozilla.org/show_bug.cgi?id=90268
+// Then with the new fullscreen API, Mozilla and webkit browsers will reload the flash object after going to fullscreen.
+// To get around this, we're unloading the tech, caching source and currentTime values, and reloading the tech once the plugin is resized.
+// reloadTech: function(betweenFn){
+//   vjs.log('unloadingTech')
+//   this.unloadTech();
+//   vjs.log('unloadedTech')
+//   if (betweenFn) { betweenFn.call(); }
+//   vjs.log('LoadingTech')
+//   this.loadTech(this.techName, { src: this.cache_.src })
+//   vjs.log('loadedTech')
+// },
+
+// /* Player event handlers (how the player reacts to certain events)
+// ================================================================================ */
+
+/**
+ * Fired when the user agent begins looking for media data
+ * @event loadstart
+ */
+vjs.Player.prototype.onLoadStart = function() {
+  // TODO: Update to use `emptied` event instead. See #1277.
+
+  // reset the error state
+  this.error(null);
+
+  // If it's already playing we want to trigger a firstplay event now.
+  // The firstplay event relies on both the play and loadstart events
+  // which can happen in any order for a new source
+  if (!this.paused()) {
+    this.trigger('firstplay');
+  } else {
+    // reset the hasStarted state
+    this.hasStarted(false);
+    this.one('play', function(){
+      this.hasStarted(true);
+    });
+  }
+};
+
+vjs.Player.prototype.hasStarted_ = false;
+
+vjs.Player.prototype.hasStarted = function(hasStarted){
+  if (hasStarted !== undefined) {
+    // only update if this is a new value
+    if (this.hasStarted_ !== hasStarted) {
+      this.hasStarted_ = hasStarted;
+      if (hasStarted) {
+        this.addClass('vjs-has-started');
+        // trigger the firstplay event if this newly has played
+        this.trigger('firstplay');
+      } else {
+        this.removeClass('vjs-has-started');
+      }
+    }
+    return this;
+  }
+  return this.hasStarted_;
+};
+
+/**
+ * Fired when the player has initial duration and dimension information
+ * @event loadedmetadata
+ */
+vjs.Player.prototype.onLoadedMetaData;
+
+/**
+ * Fired when the player has downloaded data at the current playback position
+ * @event loadeddata
+ */
+vjs.Player.prototype.onLoadedData;
+
+/**
+ * Fired when the player has finished downloading the source data
+ * @event loadedalldata
+ */
+vjs.Player.prototype.onLoadedAllData;
+
+/**
+ * Fired whenever the media begins or resumes playback
+ * @event play
+ */
+vjs.Player.prototype.onPlay = function(){
+  this.removeClass('vjs-paused');
+  this.addClass('vjs-playing');
+};
+
+/**
+ * Fired whenever the media begins waiting
+ * @event waiting
+ */
+vjs.Player.prototype.onWaiting = function(){
+  this.addClass('vjs-waiting');
+};
+
+/**
+ * A handler for events that signal that waiting has ended
+ * which is not consistent between browsers. See #1351
+ * @private
+ */
+vjs.Player.prototype.onWaitEnd = function(){
+  this.removeClass('vjs-waiting');
+};
+
+/**
+ * Fired whenever the player is jumping to a new time
+ * @event seeking
+ */
+vjs.Player.prototype.onSeeking = function(){
+  this.addClass('vjs-seeking');
+};
+
+/**
+ * Fired when the player has finished jumping to a new time
+ * @event seeked
+ */
+vjs.Player.prototype.onSeeked = function(){
+  this.removeClass('vjs-seeking');
+};
+
+/**
+ * Fired the first time a video is played
+ *
+ * Not part of the HLS spec, and we're not sure if this is the best
+ * implementation yet, so use sparingly. If you don't have a reason to
+ * prevent playback, use `myPlayer.one('play');` instead.
+ *
+ * @event firstplay
+ */
+vjs.Player.prototype.onFirstPlay = function(){
+    //If the first starttime attribute is specified
+    //then we will start at the given offset in seconds
+    if(this.options_['starttime']){
+      this.currentTime(this.options_['starttime']);
+    }
+
+    this.addClass('vjs-has-started');
+};
+
+/**
+ * Fired whenever the media has been paused
+ * @event pause
+ */
+vjs.Player.prototype.onPause = function(){
+  this.removeClass('vjs-playing');
+  this.addClass('vjs-paused');
+};
+
+/**
+ * Fired when the current playback position has changed
+ *
+ * During playback this is fired every 15-250 milliseconds, depending on the
+ * playback technology in use.
+ * @event timeupdate
+ */
+vjs.Player.prototype.onTimeUpdate;
+
+/**
+ * Fired while the user agent is downloading media data
+ * @event progress
+ */
+vjs.Player.prototype.onProgress = function(){
+  // Add custom event for when source is finished downloading.
+  if (this.bufferedPercent() == 1) {
+    this.trigger('loadedalldata');
+  }
+};
+
+/**
+ * Fired when the end of the media resource is reached (currentTime == duration)
+ * @event ended
+ */
+vjs.Player.prototype.onEnded = function(){
+  if (this.options_['loop']) {
+    this.currentTime(0);
+    this.play();
+  } else if (!this.paused()) {
+    this.pause();
+  }
+};
+
+/**
+ * Fired when the duration of the media resource is first known or changed
+ * @event durationchange
+ */
+vjs.Player.prototype.onDurationChange = function(){
+  // Allows for caching value instead of asking player each time.
+  // We need to get the techGet response and check for a value so we don't
+  // accidentally cause the stack to blow up.
+  var duration = this.techGet('duration');
+  if (duration) {
+    if (duration < 0) {
+      duration = Infinity;
+    }
+    this.duration(duration);
+    // Determine if the stream is live and propagate styles down to UI.
+    if (duration === Infinity) {
+      this.addClass('vjs-live');
+    } else {
+      this.removeClass('vjs-live');
+    }
+  }
+};
+
+/**
+ * Fired when the volume changes
+ * @event volumechange
+ */
+vjs.Player.prototype.onVolumeChange;
+
+/**
+ * Fired when the player switches in or out of fullscreen mode
+ * @event fullscreenchange
+ */
+vjs.Player.prototype.onFullscreenChange = function() {
+  if (this.isFullscreen()) {
+    this.addClass('vjs-fullscreen');
+  } else {
+    this.removeClass('vjs-fullscreen');
+  }
+};
+
+// /* Player API
+// ================================================================================ */
+
+/**
+ * Object for cached values.
+ * @private
+ */
+vjs.Player.prototype.cache_;
+
+vjs.Player.prototype.getCache = function(){
+  return this.cache_;
+};
+
+// Pass values to the playback tech
+vjs.Player.prototype.techCall = function(method, arg){
+  // If it's not ready yet, call method when it is
+  if (this.tech && !this.tech.isReady_) {
+    this.tech.ready(function(){
+      this[method](arg);
+    });
+
+  // Otherwise call method now
+  } else {
+    try {
+      this.tech[method](arg);
+    } catch(e) {
+      vjs.log(e);
+      throw e;
+    }
+  }
+};
+
+// Get calls can't wait for the tech, and sometimes don't need to.
+vjs.Player.prototype.techGet = function(method){
+  if (this.tech && this.tech.isReady_) {
+
+    // Flash likes to die and reload when you hide or reposition it.
+    // In these cases the object methods go away and we get errors.
+    // When that happens we'll catch the errors and inform tech that it's not ready any more.
+    try {
+      return this.tech[method]();
+    } catch(e) {
+      // When building additional tech libs, an expected method may not be defined yet
+      if (this.tech[method] === undefined) {
+        vjs.log('Video.js: ' + method + ' method not defined for '+this.techName+' playback technology.', e);
+      } else {
+        // When a method isn't available on the object it throws a TypeError
+        if (e.name == 'TypeError') {
+          vjs.log('Video.js: ' + method + ' unavailable on '+this.techName+' playback technology element.', e);
+          this.tech.isReady_ = false;
+        } else {
+          vjs.log(e);
+        }
+      }
+      throw e;
+    }
+  }
+
+  return;
+};
+
+/**
+ * start media playback
+ *
+ *     myPlayer.play();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.play = function(){
+  this.techCall('play');
+  return this;
+};
+
+/**
+ * Pause the video playback
+ *
+ *     myPlayer.pause();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.pause = function(){
+  this.techCall('pause');
+  return this;
+};
+
+/**
+ * Check if the player is paused
+ *
+ *     var isPaused = myPlayer.paused();
+ *     var isPlaying = !myPlayer.paused();
+ *
+ * @return {Boolean} false if the media is currently playing, or true otherwise
+ */
+vjs.Player.prototype.paused = function(){
+  // The initial state of paused should be true (in Safari it's actually false)
+  return (this.techGet('paused') === false) ? false : true;
+};
+
+/**
+ * Get or set the current time (in seconds)
+ *
+ *     // get
+ *     var whereYouAt = myPlayer.currentTime();
+ *
+ *     // set
+ *     myPlayer.currentTime(120); // 2 minutes into the video
+ *
+ * @param  {Number|String=} seconds The time to seek to
+ * @return {Number}        The time in seconds, when not setting
+ * @return {vjs.Player}    self, when the current time is set
+ */
+vjs.Player.prototype.currentTime = function(seconds){
+  if (seconds !== undefined) {
+
+    this.techCall('setCurrentTime', seconds);
+
+    return this;
+  }
+
+  // cache last currentTime and return. default to 0 seconds
+  //
+  // Caching the currentTime is meant to prevent a massive amount of reads on the tech's
+  // currentTime when scrubbing, but may not provide much performance benefit afterall.
+  // Should be tested. Also something has to read the actual current time or the cache will
+  // never get updated.
+  return this.cache_.currentTime = (this.techGet('currentTime') || 0);
+};
+
+/**
+ * Get the length in time of the video in seconds
+ *
+ *     var lengthOfVideo = myPlayer.duration();
+ *
+ * **NOTE**: The video must have started loading before the duration can be
+ * known, and in the case of Flash, may not be known until the video starts
+ * playing.
+ *
+ * @return {Number} The duration of the video in seconds
+ */
+vjs.Player.prototype.duration = function(seconds){
+  if (seconds !== undefined) {
+
+    // cache the last set value for optimized scrubbing (esp. Flash)
+    this.cache_.duration = parseFloat(seconds);
+
+    return this;
+  }
+
+  if (this.cache_.duration === undefined) {
+    this.onDurationChange();
+  }
+
+  return this.cache_.duration || 0;
+};
+
+/**
+ * Calculates how much time is left.
+ *
+ *     var timeLeft = myPlayer.remainingTime();
+ *
+ * Not a native video element function, but useful
+ * @return {Number} The time remaining in seconds
+ */
+vjs.Player.prototype.remainingTime = function(){
+  return this.duration() - this.currentTime();
+};
+
+// http://dev.w3.org/html5/spec/video.html#dom-media-buffered
+// Buffered returns a timerange object.
+// Kind of like an array of portions of the video that have been downloaded.
+
+/**
+ * Get a TimeRange object with the times of the video that have been downloaded
+ *
+ * If you just want the percent of the video that's been downloaded,
+ * use bufferedPercent.
+ *
+ *     // Number of different ranges of time have been buffered. Usually 1.
+ *     numberOfRanges = bufferedTimeRange.length,
+ *
+ *     // Time in seconds when the first range starts. Usually 0.
+ *     firstRangeStart = bufferedTimeRange.start(0),
+ *
+ *     // Time in seconds when the first range ends
+ *     firstRangeEnd = bufferedTimeRange.end(0),
+ *
+ *     // Length in seconds of the first time range
+ *     firstRangeLength = firstRangeEnd - firstRangeStart;
+ *
+ * @return {Object} A mock TimeRange object (following HTML spec)
+ */
+vjs.Player.prototype.buffered = function(){
+  var buffered = this.techGet('buffered');
+
+  if (!buffered || !buffered.length) {
+    buffered = vjs.createTimeRange(0,0);
+  }
+
+  return buffered;
+};
+
+/**
+ * Get the percent (as a decimal) of the video that's been downloaded
+ *
+ *     var howMuchIsDownloaded = myPlayer.bufferedPercent();
+ *
+ * 0 means none, 1 means all.
+ * (This method isn't in the HTML5 spec, but it's very convenient)
+ *
+ * @return {Number} A decimal between 0 and 1 representing the percent
+ */
+vjs.Player.prototype.bufferedPercent = function(){
+  var duration = this.duration(),
+      buffered = this.buffered(),
+      bufferedDuration = 0,
+      start, end;
+
+  if (!duration) {
+    return 0;
+  }
+
+  for (var i=0; i<buffered.length; i++){
+    start = buffered.start(i);
+    end   = buffered.end(i);
+
+    // buffered end can be bigger than duration by a very small fraction
+    if (end > duration) {
+      end = duration;
+    }
+
+    bufferedDuration += end - start;
+  }
+
+  return bufferedDuration / duration;
+};
+
+/**
+ * Get the ending time of the last buffered time range
+ *
+ * This is used in the progress bar to encapsulate all time ranges.
+ * @return {Number} The end of the last buffered time range
+ */
+vjs.Player.prototype.bufferedEnd = function(){
+  var buffered = this.buffered(),
+      duration = this.duration(),
+      end = buffered.end(buffered.length-1);
+
+  if (end > duration) {
+    end = duration;
+  }
+
+  return end;
+};
+
+/**
+ * Get or set the current volume of the media
+ *
+ *     // get
+ *     var howLoudIsIt = myPlayer.volume();
+ *
+ *     // set
+ *     myPlayer.volume(0.5); // Set volume to half
+ *
+ * 0 is off (muted), 1.0 is all the way up, 0.5 is half way.
+ *
+ * @param  {Number} percentAsDecimal The new volume as a decimal percent
+ * @return {Number}                  The current volume, when getting
+ * @return {vjs.Player}              self, when setting
+ */
+vjs.Player.prototype.volume = function(percentAsDecimal){
+  var vol;
+
+  if (percentAsDecimal !== undefined) {
+    vol = Math.max(0, Math.min(1, parseFloat(percentAsDecimal))); // Force value to between 0 and 1
+    this.cache_.volume = vol;
+    this.techCall('setVolume', vol);
+    vjs.setLocalStorage('volume', vol);
+    return this;
+  }
+
+  // Default to 1 when returning current volume.
+  vol = parseFloat(this.techGet('volume'));
+  return (isNaN(vol)) ? 1 : vol;
+};
+
+
+/**
+ * Get the current muted state, or turn mute on or off
+ *
+ *     // get
+ *     var isVolumeMuted = myPlayer.muted();
+ *
+ *     // set
+ *     myPlayer.muted(true); // mute the volume
+ *
+ * @param  {Boolean=} muted True to mute, false to unmute
+ * @return {Boolean} True if mute is on, false if not, when getting
+ * @return {vjs.Player} self, when setting mute
+ */
+vjs.Player.prototype.muted = function(muted){
+  if (muted !== undefined) {
+    this.techCall('setMuted', muted);
+    return this;
+  }
+  return this.techGet('muted') || false; // Default to false
+};
+
+// Check if current tech can support native fullscreen
+// (e.g. with built in controls like iOS, so not our flash swf)
+vjs.Player.prototype.supportsFullScreen = function(){
+  return this.techGet('supportsFullScreen') || false;
+};
+
+/**
+ * is the player in fullscreen
+ * @type {Boolean}
+ * @private
+ */
+vjs.Player.prototype.isFullscreen_ = false;
+
+/**
+ * Check if the player is in fullscreen mode
+ *
+ *     // get
+ *     var fullscreenOrNot = myPlayer.isFullscreen();
+ *
+ *     // set
+ *     myPlayer.isFullscreen(true); // tell the player it's in fullscreen
+ *
+ * NOTE: As of the latest HTML5 spec, isFullscreen is no longer an official
+ * property and instead document.fullscreenElement is used. But isFullscreen is
+ * still a valuable property for internal player workings.
+ *
+ * @param  {Boolean=} isFS Update the player's fullscreen state
+ * @return {Boolean} true if fullscreen, false if not
+ * @return {vjs.Player} self, when setting
+ */
+vjs.Player.prototype.isFullscreen = function(isFS){
+  if (isFS !== undefined) {
+    this.isFullscreen_ = !!isFS;
+    return this;
+  }
+  return this.isFullscreen_;
+};
+
+/**
+ * Old naming for isFullscreen()
+ * @deprecated for lowercase 's' version
+ */
+vjs.Player.prototype.isFullScreen = function(isFS){
+  vjs.log.warn('player.isFullScreen() has been deprecated, use player.isFullscreen() with a lowercase "s")');
+  return this.isFullscreen(isFS);
+};
+
+/**
+ * Increase the size of the video to full screen
+ *
+ *     myPlayer.requestFullscreen();
+ *
+ * In some browsers, full screen is not supported natively, so it enters
+ * "full window mode", where the video fills the browser window.
+ * In browsers and devices that support native full screen, sometimes the
+ * browser's default controls will be shown, and not the Video.js custom skin.
+ * This includes most mobile devices (iOS, Android) and older versions of
+ * Safari.
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.requestFullscreen = function(){
+  var fsApi = vjs.browser.fullscreenAPI;
+
+  this.isFullscreen(true);
+
+  if (fsApi) {
+    // the browser supports going fullscreen at the element level so we can
+    // take the controls fullscreen as well as the video
+
+    // Trigger fullscreenchange event after change
+    // We have to specifically add this each time, and remove
+    // when canceling fullscreen. Otherwise if there's multiple
+    // players on a page, they would all be reacting to the same fullscreen
+    // events
+    vjs.on(document, fsApi['fullscreenchange'], vjs.bind(this, function(e){
+      this.isFullscreen(document[fsApi.fullscreenElement]);
+
+      // If cancelling fullscreen, remove event listener.
+      if (this.isFullscreen() === false) {
+        vjs.off(document, fsApi['fullscreenchange'], arguments.callee);
+      }
+
+      this.trigger('fullscreenchange');
+    }));
+
+    this.el_[fsApi.requestFullscreen]();
+
+  } else if (this.tech.supportsFullScreen()) {
+    // we can't take the video.js controls fullscreen but we can go fullscreen
+    // with native controls
+    this.techCall('enterFullScreen');
+  } else {
+    // fullscreen isn't supported so we'll just stretch the video element to
+    // fill the viewport
+    this.enterFullWindow();
+    this.trigger('fullscreenchange');
+  }
+
+  return this;
+};
+
+/**
+ * Old naming for requestFullscreen
+ * @deprecated for lower case 's' version
+ */
+vjs.Player.prototype.requestFullScreen = function(){
+  vjs.log.warn('player.requestFullScreen() has been deprecated, use player.requestFullscreen() with a lowercase "s")');
+  return this.requestFullscreen();
+};
+
+
+/**
+ * Return the video to its normal size after having been in full screen mode
+ *
+ *     myPlayer.exitFullscreen();
+ *
+ * @return {vjs.Player} self
+ */
+vjs.Player.prototype.exitFullscreen = function(){
+  var fsApi = vjs.browser.fullscreenAPI;
+  this.isFullscreen(false);
+
+  // Check for browser element fullscreen support
+  if (fsApi) {
+    document[fsApi.exitFullscreen]();
+  } else if (this.tech.supportsFullScreen()) {
+   this.techCall('exitFullScreen');
+  } else {
+   this.exitFullWindow();
+   this.trigger('fullscreenchange');
+  }
+
+  return this;
+};
+
+/**
+ * Old naming for exitFullscreen
+ * @deprecated for exitFullscreen
+ */
+vjs.Player.prototype.cancelFullScreen = function(){
+  vjs.log.warn('player.cancelFullScreen() has been deprecated, use player.exitFullscreen()');
+  return this.exitFullscreen();
+};
+
+// When fullscreen isn't supported we can stretch the video container to as wide as the browser will let us.
+vjs.Player.prototype.enterFullWindow = function(){
+  this.isFullWindow = true;
+
+  // Storing original doc overflow value to return to when fullscreen is off
+  this.docOrigOverflow = document.documentElement.style.overflow;
+
+  // Add listener for esc key to exit fullscreen
+  vjs.on(document, 'keydown', vjs.bind(this, this.fullWindowOnEscKey));
+
+  // Hide any scroll bars
+  document.documentElement.style.overflow = 'hidden';
+
+  // Apply fullscreen styles
+  vjs.addClass(document.body, 'vjs-full-window');
+
+  this.trigger('enterFullWindow');
+};
+vjs.Player.prototype.fullWindowOnEscKey = function(event){
+  if (event.keyCode === 27) {
+    if (this.isFullscreen() === true) {
+      this.exitFullscreen();
+    } else {
+      this.exitFullWindow();
+    }
+  }
+};
+
+vjs.Player.prototype.exitFullWindow = function(){
+  this.isFullWindow = false;
+  vjs.off(document, 'keydown', this.fullWindowOnEscKey);
+
+  // Unhide scroll bars.
+  document.documentElement.style.overflow = this.docOrigOverflow;
+
+  // Remove fullscreen styles
+  vjs.removeClass(document.body, 'vjs-full-window');
+
+  // Resize the box, controller, and poster to original sizes
+  // this.positionAll();
+  this.trigger('exitFullWindow');
+};
+
+vjs.Player.prototype.selectSource = function(sources){
+  // Loop through each playback technology in the options order
+  for (var i=0,j=this.options_['techOrder'];i<j.length;i++) {
+    var techName = vjs.capitalize(j[i]),
+        tech = window['videojs'][techName];
+
+    // Check if the current tech is defined before continuing
+    if (!tech) {
+      vjs.log.error('The "' + techName + '" tech is undefined. Skipped browser support check for that tech.');
+      continue;
+    }
+
+    // Check if the browser supports this technology
+    if (tech.isSupported()) {
+      // Loop through each source object
+      for (var a=0,b=sources;a<b.length;a++) {
+        var source = b[a];
+
+        // Check if source can be played with this technology
+        if (tech['canPlaySource'](source)) {
+          return { source: source, tech: techName };
+        }
+      }
+    }
+  }
+
+  return false;
+};
+
+/**
+ * The source function updates the video source
+ *
+ * There are three types of variables you can pass as the argument.
+ *
+ * **URL String**: A URL to the the video file. Use this method if you are sure
+ * the current playback technology (HTML5/Flash) can support the source you
+ * provide. Currently only MP4 files can be used in both HTML5 and Flash.
+ *
+ *     myPlayer.src("http://www.example.com/path/to/video.mp4");
+ *
+ * **Source Object (or element):** A javascript object containing information
+ * about the source file. Use this method if you want the player to determine if
+ * it can support the file using the type information.
+ *
+ *     myPlayer.src({ type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" });
+ *
+ * **Array of Source Objects:** To provide multiple versions of the source so
+ * that it can be played using HTML5 across browsers you can use an array of
+ * source objects. Video.js will detect which version is supported and load that
+ * file.
+ *
+ *     myPlayer.src([
+ *       { type: "video/mp4", src: "http://www.example.com/path/to/video.mp4" },
+ *       { type: "video/webm", src: "http://www.example.com/path/to/video.webm" },
+ *       { type: "video/ogg", src: "http://www.example.com/path/to/video.ogv" }
+ *     ]);
+ *
+ * @param  {String|Object|Array=} source The source URL, object, or array of sources
+ * @return {String} The current video source when getting
+ * @return {String} The player when setting
+ */
+vjs.Player.prototype.src = function(source){
+  if (source === undefined) {
+    return this.techGet('src');
+  }
+
+  // case: Array of source objects to choose from and pick the best to play
+  if (vjs.obj.isArray(source)) {
+    this.sourceList_(source);
+
+  // case: URL String (http://myvideo...)
+  } else if (typeof source === 'string') {
+    // create a source object from the string
+    this.src({ src: source });
+
+  // case: Source object { src: '', type: '' ... }
+  } else if (source instanceof Object) {
+    // check if the source has a type and the loaded tech cannot play the source
+    // if there's no type we'll just try the current tech
+    if (source.type && !window['videojs'][this.techName]['canPlaySource'](source)) {
+      // create a source list with the current source and send through
+      // the tech loop to check for a compatible technology
+      this.sourceList_([source]);
+    } else {
+      this.cache_.src = source.src;
+      this.currentType_ = source.type || '';
+
+      // wait until the tech is ready to set the source
+      this.ready(function(){
+
+        // The setSource tech method was added with source handlers
+        // so older techs won't support it
+        // We need to check the direct prototype for the case where subclasses
+        // of the tech do not support source handlers
+        if (window['videojs'][this.techName].prototype.hasOwnProperty('setSource')) {
+          this.techCall('setSource', source);
+        } else {
+          this.techCall('src', source.src);
+        }
+
+        if (this.options_['preload'] == 'auto') {
+          this.load();
+        }
+
+        if (this.options_['autoplay']) {
+          this.play();
+        }
+      });
+    }
+  }
+
+  return this;
+};
+
+/**
+ * Handle an array of source objects
+ * @param  {[type]} sources Array of source objects
+ * @private
+ */
+vjs.Player.prototype.sourceList_ = function(sources){
+  var sourceTech = this.selectSource(sources);
+
+  if (sourceTech) {
+    if (sourceTech.tech === this.techName) {
+      // if this technology is already loaded, set the source
+      this.src(sourceTech.source);
+    } else {
+      // load this technology with the chosen source
+      this.loadTech(sourceTech.tech, sourceTech.source);
+    }
+  } else {
+    // We need to wrap this in a timeout to give folks a chance to add error event handlers
+    this.setTimeout( function() {
+      this.error({ code: 4, message: this.localize(this.options()['notSupportedMessage']) });
+    }, 0);
+
+    // we could not find an appropriate tech, but let's still notify the delegate that this is it
+    // this needs a better comment about why this is needed
+    this.triggerReady();
+  }
+};
+
+/**
+ * Begin loading the src data.
+ * @return {vjs.Player} Returns the player
+ */
+vjs.Player.prototype.load = function(){
+  this.techCall('load');
+  return this;
+};
+
+/**
+ * Returns the fully qualified URL of the current source value e.g. http://mysite.com/video.mp4
+ * Can be used in conjuction with `currentType` to assist in rebuilding the current source object.
+ * @return {String} The current source
+ */
+vjs.Player.prototype.currentSrc = function(){
+  return this.techGet('currentSrc') || this.cache_.src || '';
+};
+
+/**
+ * Get the current source type e.g. video/mp4
+ * This can allow you rebuild the current source object so that you could load the same
+ * source and tech later
+ * @return {String} The source MIME type
+ */
+vjs.Player.prototype.currentType = function(){
+    return this.currentType_ || '';
+};
+
+/**
+ * Get or set the preload attribute.
+ * @return {String} The preload attribute value when getting
+ * @return {vjs.Player} Returns the player when setting
+ */
+vjs.Player.prototype.preload = function(value){
+  if (value !== undefined) {
+    this.techCall('setPreload', value);
+    this.options_['preload'] = value;
+    return this;
+  }
+  return this.techGet('preload');
+};
+
+/**
+ * Get or set the autoplay attribute.
+ * @return {String} The autoplay attribute value when getting
+ * @return {vjs.Player} Returns the player when setting
+ */
+vjs.Player.prototype.autoplay = function(value){
+  if (value !== undefined) {
+    this.techCall('setAutoplay', value);
+    this.options_['autoplay'] = value;
+    return this;
+  }
+  return this.techGet('autoplay', value);
+};
+
+/**
+ * Get or set the loop attribute on the video element.
+ * @return {String} The loop attribute value when getting
+ * @return {vjs.Player} Returns the player when setting
+ */
+vjs.Player.prototype.loop = function(value){
+  if (value !== undefined) {
+    this.techCall('setLoop', value);
+    this.options_['loop'] = value;
+    return this;
+  }
+  return this.techGet('loop');
+};
+
+/**
+ * the url of the poster image source
+ * @type {String}
+ * @private
+ */
+vjs.Player.prototype.poster_;
+
+/**
+ * get or set the poster image source url
+ *
+ * ##### EXAMPLE:
+ *
+ *     // getting
+ *     var currentPoster = myPlayer.poster();
+ *
+ *     // setting
+ *     myPlayer.poster('http://example.com/myImage.jpg');
+ *
+ * @param  {String=} [src] Poster image source URL
+ * @return {String} poster URL when getting
+ * @return {vjs.Player} self when setting
+ */
+vjs.Player.prototype.poster = function(src){
+  if (src === undefined) {
+    return this.poster_;
+  }
+
+  // The correct way to remove a poster is to set as an empty string
+  // other falsey values will throw errors
+  if (!src) {
+    src = '';
+  }
+
+  // update the internal poster variable
+  this.poster_ = src;
+
+  // update the tech's poster
+  this.techCall('setPoster', src);
+
+  // alert components that the poster has been set
+  this.trigger('posterchange');
+
+  return this;
+};
+
+/**
+ * Whether or not the controls are showing
+ * @type {Boolean}
+ * @private
+ */
+vjs.Player.prototype.controls_;
+
+/**
+ * Get or set whether or not the controls are showing.
+ * @param  {Boolean} controls Set controls to showing or not
+ * @return {Boolean}    Controls are showing
+ */
+vjs.Player.prototype.controls = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool; // force boolean
+    // Don't trigger a change event unless it actually changed
+    if (this.controls_ !== bool) {
+      this.controls_ = bool;
+      if (bool) {
+        this.removeClass('vjs-controls-disabled');
+        this.addClass('vjs-controls-enabled');
+        this.trigger('controlsenabled');
+      } else {
+        this.removeClass('vjs-controls-enabled');
+        this.addClass('vjs-controls-disabled');
+        this.trigger('controlsdisabled');
+      }
+    }
+    return this;
+  }
+  return this.controls_;
+};
+
+vjs.Player.prototype.usingNativeControls_;
+
+/**
+ * Toggle native controls on/off. Native controls are the controls built into
+ * devices (e.g. default iPhone controls), Flash, or other techs
+ * (e.g. Vimeo Controls)
+ *
+ * **This should only be set by the current tech, because only the tech knows
+ * if it can support native controls**
+ *
+ * @param  {Boolean} bool    True signals that native controls are on
+ * @return {vjs.Player}      Returns the player
+ * @private
+ */
+vjs.Player.prototype.usingNativeControls = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool; // force boolean
+    // Don't trigger a change event unless it actually changed
+    if (this.usingNativeControls_ !== bool) {
+      this.usingNativeControls_ = bool;
+      if (bool) {
+        this.addClass('vjs-using-native-controls');
+
+        /**
+         * player is using the native device controls
+         *
+         * @event usingnativecontrols
+         * @memberof vjs.Player
+         * @instance
+         * @private
+         */
+        this.trigger('usingnativecontrols');
+      } else {
+        this.removeClass('vjs-using-native-controls');
+
+        /**
+         * player is using the custom HTML controls
+         *
+         * @event usingcustomcontrols
+         * @memberof vjs.Player
+         * @instance
+         * @private
+         */
+        this.trigger('usingcustomcontrols');
+      }
+    }
+    return this;
+  }
+  return this.usingNativeControls_;
+};
+
+/**
+ * Store the current media error
+ * @type {Object}
+ * @private
+ */
+vjs.Player.prototype.error_ = null;
+
+/**
+ * Set or get the current MediaError
+ * @param  {*} err A MediaError or a String/Number to be turned into a MediaError
+ * @return {vjs.MediaError|null}     when getting
+ * @return {vjs.Player}              when setting
+ */
+vjs.Player.prototype.error = function(err){
+  if (err === undefined) {
+    return this.error_;
+  }
+
+  // restoring to default
+  if (err === null) {
+    this.error_ = err;
+    this.removeClass('vjs-error');
+    return this;
+  }
+
+  // error instance
+  if (err instanceof vjs.MediaError) {
+    this.error_ = err;
+  } else {
+    this.error_ = new vjs.MediaError(err);
+  }
+
+  // fire an error event on the player
+  this.trigger('error');
+
+  // add the vjs-error classname to the player
+  this.addClass('vjs-error');
+
+  // log the name of the error type and any message
+  // ie8 just logs "[object object]" if you just log the error object
+  vjs.log.error('(CODE:'+this.error_.code+' '+vjs.MediaError.errorTypes[this.error_.code]+')', this.error_.message, this.error_);
+
+  return this;
+};
+
+/**
+ * Returns whether or not the player is in the "ended" state.
+ * @return {Boolean} True if the player is in the ended state, false if not.
+ */
+vjs.Player.prototype.ended = function(){ return this.techGet('ended'); };
+
+/**
+ * Returns whether or not the player is in the "seeking" state.
+ * @return {Boolean} True if the player is in the seeking state, false if not.
+ */
+vjs.Player.prototype.seeking = function(){ return this.techGet('seeking'); };
+
+// When the player is first initialized, trigger activity so components
+// like the control bar show themselves if needed
+vjs.Player.prototype.userActivity_ = true;
+vjs.Player.prototype.reportUserActivity = function(event){
+  this.userActivity_ = true;
+};
+
+vjs.Player.prototype.userActive_ = true;
+vjs.Player.prototype.userActive = function(bool){
+  if (bool !== undefined) {
+    bool = !!bool;
+    if (bool !== this.userActive_) {
+      this.userActive_ = bool;
+      if (bool) {
+        // If the user was inactive and is now active we want to reset the
+        // inactivity timer
+        this.userActivity_ = true;
+        this.removeClass('vjs-user-inactive');
+        this.addClass('vjs-user-active');
+        this.trigger('useractive');
+      } else {
+        // We're switching the state to inactive manually, so erase any other
+        // activity
+        this.userActivity_ = false;
+
+        // Chrome/Safari/IE have bugs where when you change the cursor it can
+        // trigger a mousemove event. This causes an issue when you're hiding
+        // the cursor when the user is inactive, and a mousemove signals user
+        // activity. Making it impossible to go into inactive mode. Specifically
+        // this happens in fullscreen when we really need to hide the cursor.
+        //
+        // When this gets resolved in ALL browsers it can be removed
+        // https://code.google.com/p/chromium/issues/detail?id=103041
+        if(this.tech) {
+          this.tech.one('mousemove', function(e){
+            e.stopPropagation();
+            e.preventDefault();
+          });
+        }
+
+        this.removeClass('vjs-user-active');
+        this.addClass('vjs-user-inactive');
+        this.trigger('userinactive');
+      }
+    }
+    return this;
+  }
+  return this.userActive_;
+};
+
+vjs.Player.prototype.listenForUserActivity = function(){
+  var onActivity, onMouseMove, onMouseDown, mouseInProgress, onMouseUp,
+      activityCheck, inactivityTimeout, lastMoveX, lastMoveY;
+
+  onActivity = vjs.bind(this, this.reportUserActivity);
+
+  onMouseMove = function(e) {
+    // #1068 - Prevent mousemove spamming
+    // Chrome Bug: https://code.google.com/p/chromium/issues/detail?id=366970
+    if(e.screenX != lastMoveX || e.screenY != lastMoveY) {
+      lastMoveX = e.screenX;
+      lastMoveY = e.screenY;
+      onActivity();
+    }
+  };
+
+  onMouseDown = function() {
+    onActivity();
+    // For as long as the they are touching the device or have their mouse down,
+    // we consider them active even if they're not moving their finger or mouse.
+    // So we want to continue to update that they are active
+    this.clearInterval(mouseInProgress);
+    // Setting userActivity=true now and setting the interval to the same time
+    // as the activityCheck interval (250) should ensure we never miss the
+    // next activityCheck
+    mouseInProgress = this.setInterval(onActivity, 250);
+  };
+
+  onMouseUp = function(event) {
+    onActivity();
+    // Stop the interval that maintains activity if the mouse/touch is down
+    this.clearInterval(mouseInProgress);
+  };
+
+  // Any mouse movement will be considered user activity
+  this.on('mousedown', onMouseDown);
+  this.on('mousemove', onMouseMove);
+  this.on('mouseup', onMouseUp);
+
+  // Listen for keyboard navigation
+  // Shouldn't need to use inProgress interval because of key repeat
+  this.on('keydown', onActivity);
+  this.on('keyup', onActivity);
+
+  // Run an interval every 250 milliseconds instead of stuffing everything into
+  // the mousemove/touchmove function itself, to prevent performance degradation.
+  // `this.reportUserActivity` simply sets this.userActivity_ to true, which
+  // then gets picked up by this loop
+  // http://ejohn.org/blog/learning-from-twitter/
+  activityCheck = this.setInterval(function() {
+    // Check to see if mouse/touch activity has happened
+    if (this.userActivity_) {
+      // Reset the activity tracker
+      this.userActivity_ = false;
+
+      // If the user state was inactive, set the state to active
+      this.userActive(true);
+
+      // Clear any existing inactivity timeout to start the timer over
+      this.clearTimeout(inactivityTimeout);
+
+      var timeout = this.options()['inactivityTimeout'];
+      if (timeout > 0) {
+          // In <timeout> milliseconds, if no more activity has occurred the
+          // user will be considered inactive
+          inactivityTimeout = this.setTimeout(function () {
+              // Protect against the case where the inactivityTimeout can trigger just
+              // before the next user activity is picked up by the activityCheck loop
+              // causing a flicker
+              if (!this.userActivity_) {
+                  this.userActive(false);
+              }
+          }, timeout);
+      }
+    }
+  }, 250);
+};
+
+/**
+ * Gets or sets the current playback rate.
+ * @param  {Boolean} rate   New playback rate to set.
+ * @return {Number}         Returns the new playback rate when setting
+ * @return {Number}         Returns the current playback rate when getting
+ */
+vjs.Player.prototype.playbackRate = function(rate) {
+  if (rate !== undefined) {
+    this.techCall('setPlaybackRate', rate);
+    return this;
+  }
+
+  if (this.tech && this.tech['featuresPlaybackRate']) {
+    return this.techGet('playbackRate');
+  } else {
+    return 1.0;
+  }
+
+};
+
+/**
+ * Store the current audio state
+ * @type {Boolean}
+ * @private
+ */
+vjs.Player.prototype.isAudio_ = false;
+
+/**
+ * Gets or sets the audio flag
+ *
+ * @param  {Boolean} bool    True signals that this is an audio player.
+ * @return {Boolean}         Returns true if player is audio, false if not when getting
+ * @return {vjs.Player}      Returns the player if setting
+ * @private
+ */
+vjs.Player.prototype.isAudio = function(bool) {
+  if (bool !== undefined) {
+    this.isAudio_ = !!bool;
+    return this;
+  }
+
+  return this.isAudio_;
+};
+
+// Methods to add support for
+// networkState: function(){ return this.techCall('networkState'); },
+// readyState: function(){ return this.techCall('readyState'); },
+// initialTime: function(){ return this.techCall('initialTime'); },
+// startOffsetTime: function(){ return this.techCall('startOffsetTime'); },
+// played: function(){ return this.techCall('played'); },
+// seekable: function(){ return this.techCall('seekable'); },
+// videoTracks: function(){ return this.techCall('videoTracks'); },
+// audioTracks: function(){ return this.techCall('audioTracks'); },
+// videoWidth: function(){ return this.techCall('videoWidth'); },
+// videoHeight: function(){ return this.techCall('videoHeight'); },
+// defaultPlaybackRate: function(){ return this.techCall('defaultPlaybackRate'); },
+// mediaGroup: function(){ return this.techCall('mediaGroup'); },
+// controller: function(){ return this.techCall('controller'); },
+// defaultMuted: function(){ return this.techCall('defaultMuted'); }
+
+// TODO
+// currentSrcList: the array of sources including other formats and bitrates
+// playList: array of source lists in order of playback
+/**
+ * Container of main controls
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ * @extends vjs.Component
+ */
+vjs.ControlBar = vjs.Component.extend();
+
+vjs.ControlBar.prototype.options_ = {
+  loadEvent: 'play',
+  children: {
+    'playToggle': {},
+    'currentTimeDisplay': {},
+    'timeDivider': {},
+    'durationDisplay': {},
+    'remainingTimeDisplay': {},
+    'liveDisplay': {},
+    'progressControl': {},
+    'fullscreenToggle': {},
+    'volumeControl': {},
+    'muteToggle': {},
+    // 'volumeMenuButton': {},
+    'playbackRateMenuButton': {}
+  }
+};
+
+vjs.ControlBar.prototype.createEl = function(){
+  return vjs.createEl('div', {
+    className: 'vjs-control-bar'
+  });
+};
+/**
+ * Displays the live indicator
+ * TODO - Future make it click to snap to live
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.LiveDisplay = vjs.Component.extend({
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.LiveDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-live-controls vjs-control'
+  });
+
+  this.contentEl_ = vjs.createEl('div', {
+    className: 'vjs-live-display',
+    innerHTML: '<span class="vjs-control-text">' + this.localize('Stream Type') + '</span>' + this.localize('LIVE'),
+    'aria-live': 'off'
+  });
+
+  el.appendChild(this.contentEl_);
+
+  return el;
+};
+/**
+ * Button to toggle between play and pause
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.PlayToggle = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    this.on(player, 'play', this.onPlay);
+    this.on(player, 'pause', this.onPause);
+  }
+});
+
+vjs.PlayToggle.prototype.buttonText = 'Play';
+
+vjs.PlayToggle.prototype.buildCSSClass = function(){
+  return 'vjs-play-control ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+// OnClick - Toggle between play and pause
+vjs.PlayToggle.prototype.onClick = function(){
+  if (this.player_.paused()) {
+    this.player_.play();
+  } else {
+    this.player_.pause();
+  }
+};
+
+  // OnPlay - Add the vjs-playing class to the element so it can change appearance
+vjs.PlayToggle.prototype.onPlay = function(){
+  this.removeClass('vjs-paused');
+  this.addClass('vjs-playing');
+  this.el_.children[0].children[0].innerHTML = this.localize('Pause'); // change the button text to "Pause"
+};
+
+  // OnPause - Add the vjs-paused class to the element so it can change appearance
+vjs.PlayToggle.prototype.onPause = function(){
+  this.removeClass('vjs-playing');
+  this.addClass('vjs-paused');
+  this.el_.children[0].children[0].innerHTML = this.localize('Play'); // change the button text to "Play"
+};
+/**
+ * Displays the current time
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.CurrentTimeDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    this.on(player, 'timeupdate', this.updateContent);
+  }
+});
+
+vjs.CurrentTimeDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-current-time vjs-time-controls vjs-control'
+  });
+
+  this.contentEl_ = vjs.createEl('div', {
+    className: 'vjs-current-time-display',
+    innerHTML: '<span class="vjs-control-text">Current Time </span>' + '0:00', // label the current time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(this.contentEl_);
+  return el;
+};
+
+vjs.CurrentTimeDisplay.prototype.updateContent = function(){
+  // Allows for smooth scrubbing, when player can't keep up.
+  var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+  this.contentEl_.innerHTML = '<span class="vjs-control-text">' + this.localize('Current Time') + '</span> ' + vjs.formatTime(time, this.player_.duration());
+};
+
+/**
+ * Displays the duration
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.DurationDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // this might need to be changed to 'durationchange' instead of 'timeupdate' eventually,
+    // however the durationchange event fires before this.player_.duration() is set,
+    // so the value cannot be written out using this method.
+    // Once the order of durationchange and this.player_.duration() being set is figured out,
+    // this can be updated.
+    this.on(player, 'timeupdate', this.updateContent);
+  }
+});
+
+vjs.DurationDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-duration vjs-time-controls vjs-control'
+  });
+
+  this.contentEl_ = vjs.createEl('div', {
+    className: 'vjs-duration-display',
+    innerHTML: '<span class="vjs-control-text">' + this.localize('Duration Time') + '</span> ' + '0:00', // label the duration time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(this.contentEl_);
+  return el;
+};
+
+vjs.DurationDisplay.prototype.updateContent = function(){
+  var duration = this.player_.duration();
+  if (duration) {
+      this.contentEl_.innerHTML = '<span class="vjs-control-text">' + this.localize('Duration Time') + '</span> ' + vjs.formatTime(duration); // label the duration time for screen reader users
+  }
+};
+
+/**
+ * The separator between the current time and duration
+ *
+ * Can be hidden if it's not needed in the design.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.TimeDivider = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.TimeDivider.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-time-divider',
+    innerHTML: '<div><span>/</span></div>'
+  });
+};
+
+/**
+ * Displays the time left in the video
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.RemainingTimeDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    this.on(player, 'timeupdate', this.updateContent);
+  }
+});
+
+vjs.RemainingTimeDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-remaining-time vjs-time-controls vjs-control'
+  });
+
+  this.contentEl_ = vjs.createEl('div', {
+    className: 'vjs-remaining-time-display',
+    innerHTML: '<span class="vjs-control-text">' + this.localize('Remaining Time') + '</span> ' + '-0:00', // label the remaining time for screen reader users
+    'aria-live': 'off' // tell screen readers not to automatically read the time as it changes
+  });
+
+  el.appendChild(this.contentEl_);
+  return el;
+};
+
+vjs.RemainingTimeDisplay.prototype.updateContent = function(){
+  if (this.player_.duration()) {
+    this.contentEl_.innerHTML = '<span class="vjs-control-text">' + this.localize('Remaining Time') + '</span> ' + '-'+ vjs.formatTime(this.player_.remainingTime());
+  }
+
+  // Allows for smooth scrubbing, when player can't keep up.
+  // var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+  // this.contentEl_.innerHTML = vjs.formatTime(time, this.player_.duration());
+};
+/**
+ * Toggle fullscreen video
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @extends vjs.Button
+ */
+vjs.FullscreenToggle = vjs.Button.extend({
+  /**
+   * @constructor
+   * @memberof vjs.FullscreenToggle
+   * @instance
+   */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+  }
+});
+
+vjs.FullscreenToggle.prototype.buttonText = 'Fullscreen';
+
+vjs.FullscreenToggle.prototype.buildCSSClass = function(){
+  return 'vjs-fullscreen-control ' + vjs.Button.prototype.buildCSSClass.call(this);
+};
+
+vjs.FullscreenToggle.prototype.onClick = function(){
+  if (!this.player_.isFullscreen()) {
+    this.player_.requestFullscreen();
+    this.controlText_.innerHTML = this.localize('Non-Fullscreen');
+  } else {
+    this.player_.exitFullscreen();
+    this.controlText_.innerHTML = this.localize('Fullscreen');
+  }
+};
+/**
+ * The Progress Control component contains the seek bar, load progress,
+ * and play progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.ProgressControl = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.ProgressControl.prototype.options_ = {
+  children: {
+    'seekBar': {}
+  }
+};
+
+vjs.ProgressControl.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-progress-control vjs-control'
+  });
+};
+
+/**
+ * Seek Bar and holder for the progress bars
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SeekBar = vjs.Slider.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Slider.call(this, player, options);
+    this.on(player, 'timeupdate', this.updateARIAAttributes);
+    player.ready(vjs.bind(this, this.updateARIAAttributes));
+  }
+});
+
+vjs.SeekBar.prototype.options_ = {
+  children: {
+    'loadProgressBar': {},
+    'playProgressBar': {},
+    'seekHandle': {}
+  },
+  'barName': 'playProgressBar',
+  'handleName': 'seekHandle'
+};
+
+vjs.SeekBar.prototype.playerEvent = 'timeupdate';
+
+vjs.SeekBar.prototype.createEl = function(){
+  return vjs.Slider.prototype.createEl.call(this, 'div', {
+    className: 'vjs-progress-holder',
+    'aria-label': 'video progress bar'
+  });
+};
+
+vjs.SeekBar.prototype.updateARIAAttributes = function(){
+    // Allows for smooth scrubbing, when player can't keep up.
+    var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+    this.el_.setAttribute('aria-valuenow',vjs.round(this.getPercent()*100, 2)); // machine readable value of progress bar (percentage complete)
+    this.el_.setAttribute('aria-valuetext',vjs.formatTime(time, this.player_.duration())); // human readable value of progress bar (time complete)
+};
+
+vjs.SeekBar.prototype.getPercent = function(){
+  return this.player_.currentTime() / this.player_.duration();
+};
+
+vjs.SeekBar.prototype.onMouseDown = function(event){
+  vjs.Slider.prototype.onMouseDown.call(this, event);
+
+  this.player_.scrubbing = true;
+
+  this.videoWasPlaying = !this.player_.paused();
+  this.player_.pause();
+};
+
+vjs.SeekBar.prototype.onMouseMove = function(event){
+  var newTime = this.calculateDistance(event) * this.player_.duration();
+
+  // Don't let video end while scrubbing.
+  if (newTime == this.player_.duration()) { newTime = newTime - 0.1; }
+
+  // Set new time (tell player to seek to new time)
+  this.player_.currentTime(newTime);
+};
+
+vjs.SeekBar.prototype.onMouseUp = function(event){
+  vjs.Slider.prototype.onMouseUp.call(this, event);
+
+  this.player_.scrubbing = false;
+  if (this.videoWasPlaying) {
+    this.player_.play();
+  }
+};
+
+vjs.SeekBar.prototype.stepForward = function(){
+  this.player_.currentTime(this.player_.currentTime() + 5); // more quickly fast forward for keyboard-only users
+};
+
+vjs.SeekBar.prototype.stepBack = function(){
+  this.player_.currentTime(this.player_.currentTime() - 5); // more quickly rewind for keyboard-only users
+};
+
+/**
+ * Shows load progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.LoadProgressBar = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+    this.on(player, 'progress', this.update);
+  }
+});
+
+vjs.LoadProgressBar.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-load-progress',
+    innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Loaded') + '</span>: 0%</span>'
+  });
+};
+
+vjs.LoadProgressBar.prototype.update = function(){
+  var i, start, end, part,
+      buffered = this.player_.buffered(),
+      duration = this.player_.duration(),
+      bufferedEnd = this.player_.bufferedEnd(),
+      children = this.el_.children,
+      // get the percent width of a time compared to the total end
+      percentify = function (time, end){
+        var percent = (time / end) || 0; // no NaN
+        return (percent * 100) + '%';
+      };
+
+  // update the width of the progress bar
+  this.el_.style.width = percentify(bufferedEnd, duration);
+
+  // add child elements to represent the individual buffered time ranges
+  for (i = 0; i < buffered.length; i++) {
+    start = buffered.start(i),
+    end = buffered.end(i),
+    part = children[i];
+
+    if (!part) {
+      part = this.el_.appendChild(vjs.createEl());
+    }
+
+    // set the percent based on the width of the progress bar (bufferedEnd)
+    part.style.left = percentify(start, bufferedEnd);
+    part.style.width = percentify(end - start, bufferedEnd);
+  }
+
+  // remove unused buffered range elements
+  for (i = children.length; i > buffered.length; i--) {
+    this.el_.removeChild(children[i-1]);
+  }
+};
+
+/**
+ * Shows play progress
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.PlayProgressBar = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.PlayProgressBar.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-play-progress',
+    innerHTML: '<span class="vjs-control-text"><span>' + this.localize('Progress') + '</span>: 0%</span>'
+  });
+};
+
+/**
+ * The Seek Handle shows the current position of the playhead during playback,
+ * and can be dragged to adjust the playhead.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.SeekHandle = vjs.SliderHandle.extend({
+  init: function(player, options) {
+    vjs.SliderHandle.call(this, player, options);
+    this.on(player, 'timeupdate', this.updateContent);
+  }
+});
+
+/**
+ * The default value for the handle content, which may be read by screen readers
+ *
+ * @type {String}
+ * @private
+ */
+vjs.SeekHandle.prototype.defaultValue = '00:00';
+
+/** @inheritDoc */
+vjs.SeekHandle.prototype.createEl = function() {
+  return vjs.SliderHandle.prototype.createEl.call(this, 'div', {
+    className: 'vjs-seek-handle',
+    'aria-live': 'off'
+  });
+};
+
+vjs.SeekHandle.prototype.updateContent = function() {
+  var time = (this.player_.scrubbing) ? this.player_.getCache().currentTime : this.player_.currentTime();
+  this.el_.innerHTML = '<span class="vjs-control-text">' + vjs.formatTime(time, this.player_.duration()) + '</span>';
+};
+/**
+ * The component for controlling the volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeControl = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // hide volume controls when they're not supported by the current tech
+    if (player.tech && player.tech['featuresVolumeControl'] === false) {
+      this.addClass('vjs-hidden');
+    }
+    this.on(player, 'loadstart', function(){
+      if (player.tech['featuresVolumeControl'] === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    });
+  }
+});
+
+vjs.VolumeControl.prototype.options_ = {
+  children: {
+    'volumeBar': {}
+  }
+};
+
+vjs.VolumeControl.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-control vjs-control'
+  });
+};
+
+/**
+ * The bar that contains the volume level and can be clicked on to adjust the level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeBar = vjs.Slider.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Slider.call(this, player, options);
+    this.on(player, 'volumechange', this.updateARIAAttributes);
+    player.ready(vjs.bind(this, this.updateARIAAttributes));
+  }
+});
+
+vjs.VolumeBar.prototype.updateARIAAttributes = function(){
+  // Current value of volume bar as a percentage
+  this.el_.setAttribute('aria-valuenow',vjs.round(this.player_.volume()*100, 2));
+  this.el_.setAttribute('aria-valuetext',vjs.round(this.player_.volume()*100, 2)+'%');
+};
+
+vjs.VolumeBar.prototype.options_ = {
+  children: {
+    'volumeLevel': {},
+    'volumeHandle': {}
+  },
+  'barName': 'volumeLevel',
+  'handleName': 'volumeHandle'
+};
+
+vjs.VolumeBar.prototype.playerEvent = 'volumechange';
+
+vjs.VolumeBar.prototype.createEl = function(){
+  return vjs.Slider.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-bar',
+    'aria-label': 'volume level'
+  });
+};
+
+vjs.VolumeBar.prototype.onMouseMove = function(event) {
+  if (this.player_.muted()) {
+    this.player_.muted(false);
+  }
+
+  this.player_.volume(this.calculateDistance(event));
+};
+
+vjs.VolumeBar.prototype.getPercent = function(){
+  if (this.player_.muted()) {
+    return 0;
+  } else {
+    return this.player_.volume();
+  }
+};
+
+vjs.VolumeBar.prototype.stepForward = function(){
+  this.player_.volume(this.player_.volume() + 0.1);
+};
+
+vjs.VolumeBar.prototype.stepBack = function(){
+  this.player_.volume(this.player_.volume() - 0.1);
+};
+
+/**
+ * Shows volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.VolumeLevel = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+  }
+});
+
+vjs.VolumeLevel.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-level',
+    innerHTML: '<span class="vjs-control-text"></span>'
+  });
+};
+
+/**
+ * The volume handle can be dragged to adjust the volume level
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+ vjs.VolumeHandle = vjs.SliderHandle.extend();
+
+ vjs.VolumeHandle.prototype.defaultValue = '00:00';
+
+ /** @inheritDoc */
+ vjs.VolumeHandle.prototype.createEl = function(){
+   return vjs.SliderHandle.prototype.createEl.call(this, 'div', {
+     className: 'vjs-volume-handle'
+   });
+ };
+/**
+ * A button component for muting the audio
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.MuteToggle = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    this.on(player, 'volumechange', this.update);
+
+    // hide mute toggle if the current tech doesn't support volume control
+    if (player.tech && player.tech['featuresVolumeControl'] === false) {
+      this.addClass('vjs-hidden');
+    }
+
+    this.on(player, 'loadstart', function(){
+      if (player.tech['featuresVolumeControl'] === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    });
+  }
+});
+
+vjs.MuteToggle.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-mute-control vjs-control',
+    innerHTML: '<div><span class="vjs-control-text">' + this.localize('Mute') + '</span></div>'
+  });
+};
+
+vjs.MuteToggle.prototype.onClick = function(){
+  this.player_.muted( this.player_.muted() ? false : true );
+};
+
+vjs.MuteToggle.prototype.update = function(){
+  var vol = this.player_.volume(),
+      level = 3;
+
+  if (vol === 0 || this.player_.muted()) {
+    level = 0;
+  } else if (vol < 0.33) {
+    level = 1;
+  } else if (vol < 0.67) {
+    level = 2;
+  }
+
+  // Don't rewrite the button text if the actual text doesn't change.
+  // This causes unnecessary and confusing information for screen reader users.
+  // This check is needed because this function gets called every time the volume level is changed.
+  if(this.player_.muted()){
+      if(this.el_.children[0].children[0].innerHTML!=this.localize('Unmute')){
+          this.el_.children[0].children[0].innerHTML = this.localize('Unmute'); // change the button text to "Unmute"
+      }
+  } else {
+      if(this.el_.children[0].children[0].innerHTML!=this.localize('Mute')){
+          this.el_.children[0].children[0].innerHTML = this.localize('Mute'); // change the button text to "Mute"
+      }
+  }
+
+  /* TODO improve muted icon classes */
+  for (var i = 0; i < 4; i++) {
+    vjs.removeClass(this.el_, 'vjs-vol-'+i);
+  }
+  vjs.addClass(this.el_, 'vjs-vol-'+level);
+};
+/**
+ * Menu button with a popup for showing the volume slider.
+ * @constructor
+ */
+vjs.VolumeMenuButton = vjs.MenuButton.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.MenuButton.call(this, player, options);
+
+    // Same listeners as MuteToggle
+    this.on(player, 'volumechange', this.update);
+
+    // hide mute toggle if the current tech doesn't support volume control
+    if (player.tech && player.tech['featuresVolumeControl'] === false) {
+      this.addClass('vjs-hidden');
+    }
+    this.on(player, 'loadstart', function(){
+      if (player.tech['featuresVolumeControl'] === false) {
+        this.addClass('vjs-hidden');
+      } else {
+        this.removeClass('vjs-hidden');
+      }
+    });
+    this.addClass('vjs-menu-button');
+  }
+});
+
+vjs.VolumeMenuButton.prototype.createMenu = function(){
+  var menu = new vjs.Menu(this.player_, {
+    contentElType: 'div'
+  });
+  var vc = new vjs.VolumeBar(this.player_, this.options_['volumeBar']);
+  vc.on('focus', function() {
+    menu.lockShowing();
+  });
+  vc.on('blur', function() {
+    menu.unlockShowing();
+  });
+  menu.addChild(vc);
+  return menu;
+};
+
+vjs.VolumeMenuButton.prototype.onClick = function(){
+  vjs.MuteToggle.prototype.onClick.call(this);
+  vjs.MenuButton.prototype.onClick.call(this);
+};
+
+vjs.VolumeMenuButton.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-volume-menu-button vjs-menu-button vjs-control',
+    innerHTML: '<div><span class="vjs-control-text">' + this.localize('Mute') + '</span></div>'
+  });
+};
+vjs.VolumeMenuButton.prototype.update = vjs.MuteToggle.prototype.update;
+/**
+ * The component for controlling the playback rate
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.PlaybackRateMenuButton = vjs.MenuButton.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.MenuButton.call(this, player, options);
+
+    this.updateVisibility();
+    this.updateLabel();
+
+    this.on(player, 'loadstart', this.updateVisibility);
+    this.on(player, 'ratechange', this.updateLabel);
+  }
+});
+
+vjs.PlaybackRateMenuButton.prototype.buttonText = 'Playback Rate';
+vjs.PlaybackRateMenuButton.prototype.className = 'vjs-playback-rate';
+
+vjs.PlaybackRateMenuButton.prototype.createEl = function(){
+  var el = vjs.MenuButton.prototype.createEl.call(this);
+
+  this.labelEl_ = vjs.createEl('div', {
+    className: 'vjs-playback-rate-value',
+    innerHTML: 1.0
+  });
+
+  el.appendChild(this.labelEl_);
+
+  return el;
+};
+
+// Menu creation
+vjs.PlaybackRateMenuButton.prototype.createMenu = function(){
+  var menu = new vjs.Menu(this.player());
+  var rates = this.player().options()['playbackRates'];
+
+  if (rates) {
+    for (var i = rates.length - 1; i >= 0; i--) {
+      menu.addChild(
+        new vjs.PlaybackRateMenuItem(this.player(), { 'rate': rates[i] + 'x'})
+        );
+    }
+  }
+
+  return menu;
+};
+
+vjs.PlaybackRateMenuButton.prototype.updateARIAAttributes = function(){
+  // Current playback rate
+  this.el().setAttribute('aria-valuenow', this.player().playbackRate());
+};
+
+vjs.PlaybackRateMenuButton.prototype.onClick = function(){
+  // select next rate option
+  var currentRate = this.player().playbackRate();
+  var rates = this.player().options()['playbackRates'];
+  // this will select first one if the last one currently selected
+  var newRate = rates[0];
+  for (var i = 0; i <rates.length ; i++) {
+    if (rates[i] > currentRate) {
+      newRate = rates[i];
+      break;
+    }
+  }
+  this.player().playbackRate(newRate);
+};
+
+vjs.PlaybackRateMenuButton.prototype.playbackRateSupported = function(){
+  return this.player().tech
+    && this.player().tech['featuresPlaybackRate']
+    && this.player().options()['playbackRates']
+    && this.player().options()['playbackRates'].length > 0
+  ;
+};
+
+/**
+ * Hide playback rate controls when they're no playback rate options to select
+ */
+vjs.PlaybackRateMenuButton.prototype.updateVisibility = function(){
+  if (this.playbackRateSupported()) {
+    this.removeClass('vjs-hidden');
+  } else {
+    this.addClass('vjs-hidden');
+  }
+};
+
+/**
+ * Update button label when rate changed
+ */
+vjs.PlaybackRateMenuButton.prototype.updateLabel = function(){
+  if (this.playbackRateSupported()) {
+    this.labelEl_.innerHTML = this.player().playbackRate() + 'x';
+  }
+};
+
+/**
+ * The specific menu item type for selecting a playback rate
+ *
+ * @constructor
+ */
+vjs.PlaybackRateMenuItem = vjs.MenuItem.extend({
+  contentElType: 'button',
+  /** @constructor */
+  init: function(player, options){
+    var label = this.label = options['rate'];
+    var rate = this.rate = parseFloat(label, 10);
+
+    // Modify options for parent MenuItem class's init.
+    options['label'] = label;
+    options['selected'] = rate === 1;
+    vjs.MenuItem.call(this, player, options);
+
+    this.on(player, 'ratechange', this.update);
+  }
+});
+
+vjs.PlaybackRateMenuItem.prototype.onClick = function(){
+  vjs.MenuItem.prototype.onClick.call(this);
+  this.player().playbackRate(this.rate);
+};
+
+vjs.PlaybackRateMenuItem.prototype.update = function(){
+  this.selected(this.player().playbackRate() == this.rate);
+};
+/* Poster Image
+================================================================================ */
+/**
+ * The component that handles showing the poster image.
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.PosterImage = vjs.Button.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Button.call(this, player, options);
+
+    this.update();
+    player.on('posterchange', vjs.bind(this, this.update));
+  }
+});
+
+/**
+ * Clean up the poster image
+ */
+vjs.PosterImage.prototype.dispose = function(){
+  this.player().off('posterchange', this.update);
+  vjs.Button.prototype.dispose.call(this);
+};
+
+/**
+ * Create the poster image element
+ * @return {Element}
+ */
+vjs.PosterImage.prototype.createEl = function(){
+  var el = vjs.createEl('div', {
+    className: 'vjs-poster',
+
+    // Don't want poster to be tabbable.
+    tabIndex: -1
+  });
+
+  // To ensure the poster image resizes while maintaining its original aspect
+  // ratio, use a div with `background-size` when available. For browsers that
+  // do not support `background-size` (e.g. IE8), fall back on using a regular
+  // img element.
+  if (!vjs.BACKGROUND_SIZE_SUPPORTED) {
+    this.fallbackImg_ = vjs.createEl('img');
+    el.appendChild(this.fallbackImg_);
+  }
+
+  return el;
+};
+
+/**
+ * Event handler for updates to the player's poster source
+ */
+vjs.PosterImage.prototype.update = function(){
+  var url = this.player().poster();
+
+  this.setSrc(url);
+
+  // If there's no poster source we should display:none on this component
+  // so it's not still clickable or right-clickable
+  if (url) {
+    // Remove the display style property that hide() adds
+    // as opposed to show() which sets display to block
+    // In the future it might be worth creating an `unhide` component method
+    this.el_.style.display = '';
+  } else {
+    this.hide();
+  }
+};
+
+/**
+ * Set the poster source depending on the display method
+ */
+vjs.PosterImage.prototype.setSrc = function(url){
+  var backgroundImage;
+
+  if (this.fallbackImg_) {
+    this.fallbackImg_.src = url;
+  } else {
+    backgroundImage = '';
+    // Any falsey values should stay as an empty string, otherwise
+    // this will throw an extra error
+    if (url) {
+      backgroundImage = 'url("' + url + '")';
+    }
+
+    this.el_.style.backgroundImage = backgroundImage;
+  }
+};
+
+/**
+ * Event handler for clicks on the poster image
+ */
+vjs.PosterImage.prototype.onClick = function(){
+  // We don't want a click to trigger playback when controls are disabled
+  // but CSS should be hiding the poster to prevent that from happening
+  this.player_.play();
+};
+/* Loading Spinner
+================================================================================ */
+/**
+ * Loading spinner for waiting events
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.LoadingSpinner = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // MOVING DISPLAY HANDLING TO CSS
+
+    // player.on('canplay', vjs.bind(this, this.hide));
+    // player.on('canplaythrough', vjs.bind(this, this.hide));
+    // player.on('playing', vjs.bind(this, this.hide));
+    // player.on('seeking', vjs.bind(this, this.show));
+
+    // in some browsers seeking does not trigger the 'playing' event,
+    // so we also need to trap 'seeked' if we are going to set a
+    // 'seeking' event
+    // player.on('seeked', vjs.bind(this, this.hide));
+
+    // player.on('ended', vjs.bind(this, this.hide));
+
+    // Not showing spinner on stalled any more. Browsers may stall and then not trigger any events that would remove the spinner.
+    // Checked in Chrome 16 and Safari 5.1.2. http://help.videojs.com/discussions/problems/883-why-is-the-download-progress-showing
+    // player.on('stalled', vjs.bind(this, this.show));
+
+    // player.on('waiting', vjs.bind(this, this.show));
+  }
+});
+
+vjs.LoadingSpinner.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-loading-spinner'
+  });
+};
+/* Big Play Button
+================================================================================ */
+/**
+ * Initial play button. Shows before the video has played. The hiding of the
+ * big play button is done via CSS and player states.
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @class
+ * @constructor
+ */
+vjs.BigPlayButton = vjs.Button.extend();
+
+vjs.BigPlayButton.prototype.createEl = function(){
+  return vjs.Button.prototype.createEl.call(this, 'div', {
+    className: 'vjs-big-play-button',
+    innerHTML: '<span aria-hidden="true"></span>',
+    'aria-label': 'play video'
+  });
+};
+
+vjs.BigPlayButton.prototype.onClick = function(){
+  this.player_.play();
+};
+/**
+ * Display that an error has occurred making the video unplayable
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.ErrorDisplay = vjs.Component.extend({
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    this.update();
+    this.on(player, 'error', this.update);
+  }
+});
+
+vjs.ErrorDisplay.prototype.createEl = function(){
+  var el = vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-error-display'
+  });
+
+  this.contentEl_ = vjs.createEl('div');
+  el.appendChild(this.contentEl_);
+
+  return el;
+};
+
+vjs.ErrorDisplay.prototype.update = function(){
+  if (this.player().error()) {
+    this.contentEl_.innerHTML = this.localize(this.player().error().message);
+  }
+};
+/**
+ * @fileoverview Media Technology Controller - Base class for media playback
+ * technology controllers like Flash and HTML5
+ */
+
+/**
+ * Base class for media (HTML5 Video, Flash) controllers
+ * @param {vjs.Player|Object} player  Central player instance
+ * @param {Object=} options Options object
+ * @constructor
+ */
+vjs.MediaTechController = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    options = options || {};
+    // we don't want the tech to report user activity automatically.
+    // This is done manually in addControlsListeners
+    options.reportTouchActivity = false;
+    vjs.Component.call(this, player, options, ready);
+
+    // Manually track progress in cases where the browser/flash player doesn't report it.
+    if (!this['featuresProgressEvents']) {
+      this.manualProgressOn();
+    }
+
+    // Manually track timeupdates in cases where the browser/flash player doesn't report it.
+    if (!this['featuresTimeupdateEvents']) {
+      this.manualTimeUpdatesOn();
+    }
+
+    this.initControlsListeners();
+  }
+});
+
+/**
+ * Set up click and touch listeners for the playback element
+ * On desktops, a click on the video itself will toggle playback,
+ * on a mobile device a click on the video toggles controls.
+ * (toggling controls is done by toggling the user state between active and
+ * inactive)
+ *
+ * A tap can signal that a user has become active, or has become inactive
+ * e.g. a quick tap on an iPhone movie should reveal the controls. Another
+ * quick tap should hide them again (signaling the user is in an inactive
+ * viewing state)
+ *
+ * In addition to this, we still want the user to be considered inactive after
+ * a few seconds of inactivity.
+ *
+ * Note: the only part of iOS interaction we can't mimic with this setup
+ * is a touch and hold on the video element counting as activity in order to
+ * keep the controls showing, but that shouldn't be an issue. A touch and hold on
+ * any controls will still keep the user active
+ */
+vjs.MediaTechController.prototype.initControlsListeners = function(){
+  var player, activateControls;
+
+  player = this.player();
+
+  activateControls = function(){
+    if (player.controls() && !player.usingNativeControls()) {
+      this.addControlsListeners();
+    }
+  };
+
+  // Set up event listeners once the tech is ready and has an element to apply
+  // listeners to
+  this.ready(activateControls);
+  this.on(player, 'controlsenabled', activateControls);
+  this.on(player, 'controlsdisabled', this.removeControlsListeners);
+
+  // if we're loading the playback object after it has started loading or playing the
+  // video (often with autoplay on) then the loadstart event has already fired and we
+  // need to fire it manually because many things rely on it.
+  // Long term we might consider how we would do this for other events like 'canplay'
+  // that may also have fired.
+  this.ready(function(){
+    if (this.networkState && this.networkState() > 0) {
+      this.player().trigger('loadstart');
+    }
+  });
+};
+
+vjs.MediaTechController.prototype.addControlsListeners = function(){
+  var userWasActive;
+
+  // Some browsers (Chrome & IE) don't trigger a click on a flash swf, but do
+  // trigger mousedown/up.
+  // http://stackoverflow.com/questions/1444562/javascript-onclick-event-over-flash-object
+  // Any touch events are set to block the mousedown event from happening
+  this.on('mousedown', this.onClick);
+
+  // If the controls were hidden we don't want that to change without a tap event
+  // so we'll check if the controls were already showing before reporting user
+  // activity
+  this.on('touchstart', function(event) {
+    userWasActive = this.player_.userActive();
+  });
+
+  this.on('touchmove', function(event) {
+    if (userWasActive){
+      this.player().reportUserActivity();
+    }
+  });
+
+  this.on('touchend', function(event) {
+    // Stop the mouse events from also happening
+    event.preventDefault();
+  });
+
+  // Turn on component tap events
+  this.emitTapEvents();
+
+  // The tap listener needs to come after the touchend listener because the tap
+  // listener cancels out any reportedUserActivity when setting userActive(false)
+  this.on('tap', this.onTap);
+};
+
+/**
+ * Remove the listeners used for click and tap controls. This is needed for
+ * toggling to controls disabled, where a tap/touch should do nothing.
+ */
+vjs.MediaTechController.prototype.removeControlsListeners = function(){
+  // We don't want to just use `this.off()` because there might be other needed
+  // listeners added by techs that extend this.
+  this.off('tap');
+  this.off('touchstart');
+  this.off('touchmove');
+  this.off('touchleave');
+  this.off('touchcancel');
+  this.off('touchend');
+  this.off('click');
+  this.off('mousedown');
+};
+
+/**
+ * Handle a click on the media element. By default will play/pause the media.
+ */
+vjs.MediaTechController.prototype.onClick = function(event){
+  // We're using mousedown to detect clicks thanks to Flash, but mousedown
+  // will also be triggered with right-clicks, so we need to prevent that
+  if (event.button !== 0) return;
+
+  // When controls are disabled a click should not toggle playback because
+  // the click is considered a control
+  if (this.player().controls()) {
+    if (this.player().paused()) {
+      this.player().play();
+    } else {
+      this.player().pause();
+    }
+  }
+};
+
+/**
+ * Handle a tap on the media element. By default it will toggle the user
+ * activity state, which hides and shows the controls.
+ */
+vjs.MediaTechController.prototype.onTap = function(){
+  this.player().userActive(!this.player().userActive());
+};
+
+/* Fallbacks for unsupported event types
+================================================================================ */
+// Manually trigger progress events based on changes to the buffered amount
+// Many flash players and older HTML5 browsers don't send progress or progress-like events
+vjs.MediaTechController.prototype.manualProgressOn = function(){
+  this.manualProgress = true;
+
+  // Trigger progress watching when a source begins loading
+  this.trackProgress();
+};
+
+vjs.MediaTechController.prototype.manualProgressOff = function(){
+  this.manualProgress = false;
+  this.stopTrackingProgress();
+};
+
+vjs.MediaTechController.prototype.trackProgress = function(){
+  this.progressInterval = this.setInterval(function(){
+    // Don't trigger unless buffered amount is greater than last time
+
+    var bufferedPercent = this.player().bufferedPercent();
+
+    if (this.bufferedPercent_ != bufferedPercent) {
+      this.player().trigger('progress');
+    }
+
+    this.bufferedPercent_ = bufferedPercent;
+
+    if (bufferedPercent === 1) {
+      this.stopTrackingProgress();
+    }
+  }, 500);
+};
+vjs.MediaTechController.prototype.stopTrackingProgress = function(){ this.clearInterval(this.progressInterval); };
+
+/*! Time Tracking -------------------------------------------------------------- */
+vjs.MediaTechController.prototype.manualTimeUpdatesOn = function(){
+  var player = this.player_;
+
+  this.manualTimeUpdates = true;
+
+  this.on(player, 'play', this.trackCurrentTime);
+  this.on(player, 'pause', this.stopTrackingCurrentTime);
+  // timeupdate is also called by .currentTime whenever current time is set
+
+  // Watch for native timeupdate event
+  this.one('timeupdate', function(){
+    // Update known progress support for this playback technology
+    this['featuresTimeupdateEvents'] = true;
+    // Turn off manual progress tracking
+    this.manualTimeUpdatesOff();
+  });
+};
+
+vjs.MediaTechController.prototype.manualTimeUpdatesOff = function(){
+  this.manualTimeUpdates = false;
+  this.stopTrackingCurrentTime();
+  this.off('play', this.trackCurrentTime);
+  this.off('pause', this.stopTrackingCurrentTime);
+};
+
+vjs.MediaTechController.prototype.trackCurrentTime = function(){
+  if (this.currentTimeInterval) { this.stopTrackingCurrentTime(); }
+  this.currentTimeInterval = this.setInterval(function(){
+    this.player().trigger('timeupdate');
+  }, 250); // 42 = 24 fps // 250 is what Webkit uses // FF uses 15
+};
+
+// Turn off play progress tracking (when paused or dragging)
+vjs.MediaTechController.prototype.stopTrackingCurrentTime = function(){
+  this.clearInterval(this.currentTimeInterval);
+
+  // #1002 - if the video ends right before the next timeupdate would happen,
+  // the progress bar won't make it all the way to the end
+  this.player().trigger('timeupdate');
+};
+
+vjs.MediaTechController.prototype.dispose = function() {
+  // Turn off any manual progress or timeupdate tracking
+  if (this.manualProgress) { this.manualProgressOff(); }
+
+  if (this.manualTimeUpdates) { this.manualTimeUpdatesOff(); }
+
+  vjs.Component.prototype.dispose.call(this);
+};
+
+vjs.MediaTechController.prototype.setCurrentTime = function() {
+  // improve the accuracy of manual timeupdates
+  if (this.manualTimeUpdates) { this.player().trigger('timeupdate'); }
+};
+
+/**
+ * Provide a default setPoster method for techs
+ *
+ * Poster support for techs should be optional, so we don't want techs to
+ * break if they don't have a way to set a poster.
+ */
+vjs.MediaTechController.prototype.setPoster = function(){};
+
+vjs.MediaTechController.prototype['featuresVolumeControl'] = true;
+
+// Resizing plugins using request fullscreen reloads the plugin
+vjs.MediaTechController.prototype['featuresFullscreenResize'] = false;
+vjs.MediaTechController.prototype['featuresPlaybackRate'] = false;
+
+// Optional events that we can manually mimic with timers
+// currently not triggered by video-js-swf
+vjs.MediaTechController.prototype['featuresProgressEvents'] = false;
+vjs.MediaTechController.prototype['featuresTimeupdateEvents'] = false;
+
+/**
+ * A functional mixin for techs that want to use the Source Handler pattern.
+ *
+ * ##### EXAMPLE:
+ *
+ *   videojs.MediaTechController.withSourceHandlers.call(MyTech);
+ *
+ */
+vjs.MediaTechController.withSourceHandlers = function(Tech){
+  /**
+   * Register a source handler
+   * Source handlers are scripts for handling specific formats.
+   * The source handler pattern is used for adaptive formats (HLS, DASH) that
+   * manually load video data and feed it into a Source Buffer (Media Source Extensions)
+   * @param  {Function} handler  The source handler
+   * @param  {Boolean}  first    Register it before any existing handlers
+   */
+  Tech.registerSourceHandler = function(handler, index){
+    var handlers = Tech.sourceHandlers;
+
+    if (!handlers) {
+      handlers = Tech.sourceHandlers = [];
+    }
+
+    if (index === undefined) {
+      // add to the end of the list
+      index = handlers.length;
+    }
+
+    handlers.splice(index, 0, handler);
+  };
+
+  /**
+   * Return the first source handler that supports the source
+   * TODO: Answer question: should 'probably' be prioritized over 'maybe'
+   * @param  {Object} source The source object
+   * @returns {Object}       The first source handler that supports the source
+   * @returns {null}         Null if no source handler is found
+   */
+  Tech.selectSourceHandler = function(source){
+    var handlers = Tech.sourceHandlers || [],
+        can;
+
+    for (var i = 0; i < handlers.length; i++) {
+      can = handlers[i].canHandleSource(source);
+
+      if (can) {
+        return handlers[i];
+      }
+    }
+
+    return null;
+  };
+
+  /**
+  * Check if the tech can support the given source
+  * @param  {Object} srcObj  The source object
+  * @return {String}         'probably', 'maybe', or '' (empty string)
+  */
+  Tech.canPlaySource = function(srcObj){
+    var sh = Tech.selectSourceHandler(srcObj);
+
+    if (sh) {
+      return sh.canHandleSource(srcObj);
+    }
+
+    return '';
+  };
+
+  /**
+   * Create a function for setting the source using a source object
+   * and source handlers.
+   * Should never be called unless a source handler was found.
+   * @param {Object} source  A source object with src and type keys
+   * @return {vjs.MediaTechController} self
+   */
+  Tech.prototype.setSource = function(source){
+    var sh = Tech.selectSourceHandler(source);
+
+    // Dispose any existing source handler
+    this.disposeSourceHandler();
+    this.off('dispose', this.disposeSourceHandler);
+
+    this.currentSource_ = source;
+    this.sourceHandler_ = sh.handleSource(source, this);
+    this.on('dispose', this.disposeSourceHandler);
+
+    return this;
+  };
+
+  /**
+   * Clean up any existing source handler
+   */
+  Tech.prototype.disposeSourceHandler = function(){
+    if (this.sourceHandler_ && this.sourceHandler_.dispose) {
+      this.sourceHandler_.dispose();
+    }
+  };
+
+};
+/**
+ * @fileoverview HTML5 Media Controller - Wrapper for HTML5 Media API
+ */
+
+/**
+ * HTML5 Media Controller - Wrapper for HTML5 Media API
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @param {Function=} ready
+ * @constructor
+ */
+vjs.Html5 = vjs.MediaTechController.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.MediaTechController.call(this, player, options, ready);
+
+    this.setupTriggers();
+
+    var source = options['source'];
+
+    // Set the source if one is provided
+    // 1) Check if the source is new (if not, we want to keep the original so playback isn't interrupted)
+    // 2) Check to see if the network state of the tag was failed at init, and if so, reset the source
+    // anyway so the error gets fired.
+    if (source && (this.el_.currentSrc !== source.src || (player.tag && player.tag.initNetworkState_ === 3))) {
+      this.setSource(source);
+    }
+
+    // Determine if native controls should be used
+    // Our goal should be to get the custom controls on mobile solid everywhere
+    // so we can remove this all together. Right now this will block custom
+    // controls on touch enabled laptops like the Chrome Pixel
+    if (vjs.TOUCH_ENABLED && player.options()['nativeControlsForTouch'] === true) {
+      this.useNativeControls();
+    }
+
+    // Chrome and Safari both have issues with autoplay.
+    // In Safari (5.1.1), when we move the video element into the container div, autoplay doesn't work.
+    // In Chrome (15), if you have autoplay + a poster + no controls, the video gets hidden (but audio plays)
+    // This fixes both issues. Need to wait for API, so it updates displays correctly
+    player.ready(function(){
+      if (this.tag && this.options_['autoplay'] && this.paused()) {
+        delete this.tag['poster']; // Chrome Fix. Fixed in Chrome v16.
+        this.play();
+      }
+    });
+
+    this.triggerReady();
+  }
+});
+
+vjs.Html5.prototype.dispose = function(){
+  vjs.Html5.disposeMediaElement(this.el_);
+  vjs.MediaTechController.prototype.dispose.call(this);
+};
+
+vjs.Html5.prototype.createEl = function(){
+  var player = this.player_,
+      // If possible, reuse original tag for HTML5 playback technology element
+      el = player.tag,
+      attributes,
+      newEl,
+      clone;
+
+  // Check if this browser supports moving the element into the box.
+  // On the iPhone video will break if you move the element,
+  // So we have to create a brand new element.
+  if (!el || this['movingMediaElementInDOM'] === false) {
+
+    // If the original tag is still there, clone and remove it.
+    if (el) {
+      clone = el.cloneNode(false);
+      vjs.Html5.disposeMediaElement(el);
+      el = clone;
+      player.tag = null;
+    } else {
+      el = vjs.createEl('video');
+
+      // determine if native controls should be used
+      attributes = videojs.util.mergeOptions({}, player.tagAttributes);
+      if (!vjs.TOUCH_ENABLED || player.options()['nativeControlsForTouch'] !== true) {
+        delete attributes.controls;
+      }
+
+      vjs.setElementAttributes(el,
+        vjs.obj.merge(attributes, {
+          id:player.id() + '_html5_api',
+          'class':'vjs-tech'
+        })
+      );
+    }
+    // associate the player with the new tag
+    el['player'] = player;
+
+    vjs.insertFirst(el, player.el());
+  }
+
+  // Update specific tag settings, in case they were overridden
+  var settingsAttrs = ['autoplay','preload','loop','muted'];
+  for (var i = settingsAttrs.length - 1; i >= 0; i--) {
+    var attr = settingsAttrs[i];
+    var overwriteAttrs = {};
+    if (typeof player.options_[attr] !== 'undefined') {
+      overwriteAttrs[attr] = player.options_[attr];
+    }
+    vjs.setElementAttributes(el, overwriteAttrs);
+  }
+
+  return el;
+  // jenniisawesome = true;
+};
+
+// Make video events trigger player events
+// May seem verbose here, but makes other APIs possible.
+// Triggers removed using this.off when disposed
+vjs.Html5.prototype.setupTriggers = function(){
+  for (var i = vjs.Html5.Events.length - 1; i >= 0; i--) {
+    this.on(vjs.Html5.Events[i], this.eventHandler);
+  }
+};
+
+vjs.Html5.prototype.eventHandler = function(evt){
+  // In the case of an error on the video element, set the error prop
+  // on the player and let the player handle triggering the event. On
+  // some platforms, error events fire that do not cause the error
+  // property on the video element to be set. See #1465 for an example.
+  if (evt.type == 'error' && this.error()) {
+    this.player().error(this.error().code);
+
+  // in some cases we pass the event directly to the player
+  } else {
+    // No need for media events to bubble up.
+    evt.bubbles = false;
+
+    this.player().trigger(evt);
+  }
+};
+
+vjs.Html5.prototype.useNativeControls = function(){
+  var tech, player, controlsOn, controlsOff, cleanUp;
+
+  tech = this;
+  player = this.player();
+
+  // If the player controls are enabled turn on the native controls
+  tech.setControls(player.controls());
+
+  // Update the native controls when player controls state is updated
+  controlsOn = function(){
+    tech.setControls(true);
+  };
+  controlsOff = function(){
+    tech.setControls(false);
+  };
+  player.on('controlsenabled', controlsOn);
+  player.on('controlsdisabled', controlsOff);
+
+  // Clean up when not using native controls anymore
+  cleanUp = function(){
+    player.off('controlsenabled', controlsOn);
+    player.off('controlsdisabled', controlsOff);
+  };
+  tech.on('dispose', cleanUp);
+  player.on('usingcustomcontrols', cleanUp);
+
+  // Update the state of the player to using native controls
+  player.usingNativeControls(true);
+};
+
+
+vjs.Html5.prototype.play = function(){ this.el_.play(); };
+vjs.Html5.prototype.pause = function(){ this.el_.pause(); };
+vjs.Html5.prototype.paused = function(){ return this.el_.paused; };
+
+vjs.Html5.prototype.currentTime = function(){ return this.el_.currentTime; };
+vjs.Html5.prototype.setCurrentTime = function(seconds){
+  try {
+    this.el_.currentTime = seconds;
+  } catch(e) {
+    vjs.log(e, 'Video is not ready. (Video.js)');
+    // this.warning(VideoJS.warnings.videoNotReady);
+  }
+};
+
+vjs.Html5.prototype.duration = function(){ return this.el_.duration || 0; };
+vjs.Html5.prototype.buffered = function(){ return this.el_.buffered; };
+
+vjs.Html5.prototype.volume = function(){ return this.el_.volume; };
+vjs.Html5.prototype.setVolume = function(percentAsDecimal){ this.el_.volume = percentAsDecimal; };
+vjs.Html5.prototype.muted = function(){ return this.el_.muted; };
+vjs.Html5.prototype.setMuted = function(muted){ this.el_.muted = muted; };
+
+vjs.Html5.prototype.width = function(){ return this.el_.offsetWidth; };
+vjs.Html5.prototype.height = function(){ return this.el_.offsetHeight; };
+
+vjs.Html5.prototype.supportsFullScreen = function(){
+  if (typeof this.el_.webkitEnterFullScreen == 'function') {
+
+    // Seems to be broken in Chromium/Chrome && Safari in Leopard
+    if (/Android/.test(vjs.USER_AGENT) || !/Chrome|Mac OS X 10.5/.test(vjs.USER_AGENT)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+vjs.Html5.prototype.enterFullScreen = function(){
+  var video = this.el_;
+
+  if ('webkitDisplayingFullscreen' in video) {
+    this.one('webkitbeginfullscreen', function() {
+      this.player_.isFullscreen(true);
+
+      this.one('webkitendfullscreen', function() {
+        this.player_.isFullscreen(false);
+        this.player_.trigger('fullscreenchange');
+      });
+
+      this.player_.trigger('fullscreenchange');
+    });
+  }
+
+  if (video.paused && video.networkState <= video.HAVE_METADATA) {
+    // attempt to prime the video element for programmatic access
+    // this isn't necessary on the desktop but shouldn't hurt
+    this.el_.play();
+
+    // playing and pausing synchronously during the transition to fullscreen
+    // can get iOS ~6.1 devices into a play/pause loop
+    this.setTimeout(function(){
+      video.pause();
+      video.webkitEnterFullScreen();
+    }, 0);
+  } else {
+    video.webkitEnterFullScreen();
+  }
+};
+
+vjs.Html5.prototype.exitFullScreen = function(){
+  this.el_.webkitExitFullScreen();
+};
+
+
+vjs.Html5.prototype.src = function(src) {
+  if (src === undefined) {
+    return this.el_.src;
+  } else {
+    // Setting src through `src` instead of `setSrc` will be deprecated
+    this.setSrc(src);
+  }
+};
+
+vjs.Html5.prototype.setSrc = function(src) {
+  this.el_.src = src;
+};
+
+vjs.Html5.prototype.load = function(){ this.el_.load(); };
+vjs.Html5.prototype.currentSrc = function(){ return this.el_.currentSrc; };
+
+vjs.Html5.prototype.poster = function(){ return this.el_.poster; };
+vjs.Html5.prototype.setPoster = function(val){ this.el_.poster = val; };
+
+vjs.Html5.prototype.preload = function(){ return this.el_.preload; };
+vjs.Html5.prototype.setPreload = function(val){ this.el_.preload = val; };
+
+vjs.Html5.prototype.autoplay = function(){ return this.el_.autoplay; };
+vjs.Html5.prototype.setAutoplay = function(val){ this.el_.autoplay = val; };
+
+vjs.Html5.prototype.controls = function(){ return this.el_.controls; };
+vjs.Html5.prototype.setControls = function(val){ this.el_.controls = !!val; };
+
+vjs.Html5.prototype.loop = function(){ return this.el_.loop; };
+vjs.Html5.prototype.setLoop = function(val){ this.el_.loop = val; };
+
+vjs.Html5.prototype.error = function(){ return this.el_.error; };
+vjs.Html5.prototype.seeking = function(){ return this.el_.seeking; };
+vjs.Html5.prototype.ended = function(){ return this.el_.ended; };
+vjs.Html5.prototype.defaultMuted = function(){ return this.el_.defaultMuted; };
+
+vjs.Html5.prototype.playbackRate = function(){ return this.el_.playbackRate; };
+vjs.Html5.prototype.setPlaybackRate = function(val){ this.el_.playbackRate = val; };
+
+vjs.Html5.prototype.networkState = function(){ return this.el_.networkState; };
+
+
+/**
+ * Check if HTML5 video is supported by this browser/device
+ * @return {Boolean}
+ */
+vjs.Html5.isSupported = function(){
+  // IE9 with no Media Player is a LIAR! (#984)
+  try {
+    vjs.TEST_VID['volume'] = 0.5;
+  } catch (e) {
+    return false;
+  }
+
+  return !!vjs.TEST_VID.canPlayType;
+};
+
+// Add Source Handler pattern functions to this tech
+vjs.MediaTechController.withSourceHandlers(vjs.Html5);
+
+/**
+ * The default native source handler.
+ * This simply passes the source to the video element. Nothing fancy.
+ * @param  {Object} source   The source object
+ * @param  {vjs.Html5} tech  The instance of the HTML5 tech
+ */
+vjs.Html5.nativeSourceHandler = {};
+
+/**
+ * Check if the video element can handle the source natively
+ * @param  {Object} source  The source object
+ * @return {String}         'probably', 'maybe', or '' (empty string)
+ */
+vjs.Html5.nativeSourceHandler.canHandleSource = function(source){
+  var match, ext;
+
+  function canPlayType(type){
+    // IE9 on Windows 7 without MediaPlayer throws an error here
+    // https://github.com/videojs/video.js/issues/519
+    try {
+      return vjs.TEST_VID.canPlayType(type);
+    } catch(e) {
+      return '';
+    }
+  }
+
+  // If a type was provided we should rely on that
+  if (source.type) {
+    return canPlayType(source.type);
+  } else if (source.src) {
+    // If no type, fall back to checking 'video/[EXTENSION]'
+    match = source.src.match(/\.([^.\/\?]+)(\?[^\/]+)?$/i);
+    ext = match && match[1];
+
+    return canPlayType('video/'+ext);
+  }
+
+  return '';
+};
+
+/**
+ * Pass the source to the video element
+ * Adaptive source handlers will have more complicated workflows before passing
+ * video data to the video element
+ * @param  {Object} source    The source object
+ * @param  {vjs.Html5} tech   The instance of the Html5 tech
+ */
+vjs.Html5.nativeSourceHandler.handleSource = function(source, tech){
+  tech.setSrc(source.src);
+};
+
+/**
+ * Clean up the source handler when disposing the player or switching sources..
+ * (no cleanup is needed when supporting the format natively)
+ */
+vjs.Html5.nativeSourceHandler.dispose = function(){};
+
+// Register the native source handler
+vjs.Html5.registerSourceHandler(vjs.Html5.nativeSourceHandler);
+
+/**
+ * Check if the volume can be changed in this browser/device.
+ * Volume cannot be changed in a lot of mobile devices.
+ * Specifically, it can't be changed from 1 on iOS.
+ * @return {Boolean}
+ */
+vjs.Html5.canControlVolume = function(){
+  var volume =  vjs.TEST_VID.volume;
+  vjs.TEST_VID.volume = (volume / 2) + 0.1;
+  return volume !== vjs.TEST_VID.volume;
+};
+
+/**
+ * Check if playbackRate is supported in this browser/device.
+ * @return {[type]} [description]
+ */
+vjs.Html5.canControlPlaybackRate = function(){
+  var playbackRate =  vjs.TEST_VID.playbackRate;
+  vjs.TEST_VID.playbackRate = (playbackRate / 2) + 0.1;
+  return playbackRate !== vjs.TEST_VID.playbackRate;
+};
+
+/**
+ * Set the tech's volume control support status
+ * @type {Boolean}
+ */
+vjs.Html5.prototype['featuresVolumeControl'] = vjs.Html5.canControlVolume();
+
+/**
+ * Set the tech's playbackRate support status
+ * @type {Boolean}
+ */
+vjs.Html5.prototype['featuresPlaybackRate'] = vjs.Html5.canControlPlaybackRate();
+
+/**
+ * Set the tech's status on moving the video element.
+ * In iOS, if you move a video element in the DOM, it breaks video playback.
+ * @type {Boolean}
+ */
+vjs.Html5.prototype['movingMediaElementInDOM'] = !vjs.IS_IOS;
+
+/**
+ * Set the the tech's fullscreen resize support status.
+ * HTML video is able to automatically resize when going to fullscreen.
+ * (No longer appears to be used. Can probably be removed.)
+ */
+vjs.Html5.prototype['featuresFullscreenResize'] = true;
+
+/**
+ * Set the tech's progress event support status
+ * (this disables the manual progress events of the MediaTechController)
+ */
+vjs.Html5.prototype['featuresProgressEvents'] = true;
+
+// HTML5 Feature detection and Device Fixes --------------------------------- //
+(function() {
+  var canPlayType,
+      mpegurlRE = /^application\/(?:x-|vnd\.apple\.)mpegurl/i,
+      mp4RE = /^video\/mp4/i;
+
+  vjs.Html5.patchCanPlayType = function() {
+    // Android 4.0 and above can play HLS to some extent but it reports being unable to do so
+    if (vjs.ANDROID_VERSION >= 4.0) {
+      if (!canPlayType) {
+        canPlayType = vjs.TEST_VID.constructor.prototype.canPlayType;
+      }
+
+      vjs.TEST_VID.constructor.prototype.canPlayType = function(type) {
+        if (type && mpegurlRE.test(type)) {
+          return 'maybe';
+        }
+        return canPlayType.call(this, type);
+      };
+    }
+
+    // Override Android 2.2 and less canPlayType method which is broken
+    if (vjs.IS_OLD_ANDROID) {
+      if (!canPlayType) {
+        canPlayType = vjs.TEST_VID.constructor.prototype.canPlayType;
+      }
+
+      vjs.TEST_VID.constructor.prototype.canPlayType = function(type){
+        if (type && mp4RE.test(type)) {
+          return 'maybe';
+        }
+        return canPlayType.call(this, type);
+      };
+    }
+  };
+
+  vjs.Html5.unpatchCanPlayType = function() {
+    var r = vjs.TEST_VID.constructor.prototype.canPlayType;
+    vjs.TEST_VID.constructor.prototype.canPlayType = canPlayType;
+    canPlayType = null;
+    return r;
+  };
+
+  // by default, patch the video element
+  vjs.Html5.patchCanPlayType();
+})();
+
+// List of all HTML5 events (various uses).
+vjs.Html5.Events = 'loadstart,suspend,abort,error,emptied,stalled,loadedmetadata,loadeddata,canplay,canplaythrough,playing,waiting,seeking,seeked,ended,durationchange,timeupdate,progress,play,pause,ratechange,volumechange'.split(',');
+
+vjs.Html5.disposeMediaElement = function(el){
+  if (!el) { return; }
+
+  el['player'] = null;
+
+  if (el.parentNode) {
+    el.parentNode.removeChild(el);
+  }
+
+  // remove any child track or source nodes to prevent their loading
+  while(el.hasChildNodes()) {
+    el.removeChild(el.firstChild);
+  }
+
+  // remove any src reference. not setting `src=''` because that causes a warning
+  // in firefox
+  el.removeAttribute('src');
+
+  // force the media element to update its loading state by calling load()
+  // however IE on Windows 7N has a bug that throws an error so need a try/catch (#793)
+  if (typeof el.load === 'function') {
+    // wrapping in an iife so it's not deoptimized (#1060#discussion_r10324473)
+    (function() {
+      try {
+        el.load();
+      } catch (e) {
+        // not supported
+      }
+    })();
+  }
+};
+/**
+ * @fileoverview VideoJS-SWF - Custom Flash Player with HTML5-ish API
+ * https://github.com/zencoder/video-js-swf
+ * Not using setupTriggers. Using global onEvent func to distribute events
+ */
+
+/**
+ * Flash Media Controller - Wrapper for fallback SWF API
+ *
+ * @param {vjs.Player} player
+ * @param {Object=} options
+ * @param {Function=} ready
+ * @constructor
+ */
+vjs.Flash = vjs.MediaTechController.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.MediaTechController.call(this, player, options, ready);
+
+    var source = options['source'],
+
+        // Which element to embed in
+        parentEl = options['parentEl'],
+
+        // Create a temporary element to be replaced by swf object
+        placeHolder = this.el_ = vjs.createEl('div', { id: player.id() + '_temp_flash' }),
+
+        // Generate ID for swf object
+        objId = player.id()+'_flash_api',
+
+        // Store player options in local var for optimization
+        // TODO: switch to using player methods instead of options
+        // e.g. player.autoplay();
+        playerOptions = player.options_,
+
+        // Merge default flashvars with ones passed in to init
+        flashVars = vjs.obj.merge({
+
+          // SWF Callback Functions
+          'readyFunction': 'videojs.Flash.onReady',
+          'eventProxyFunction': 'videojs.Flash.onEvent',
+          'errorEventProxyFunction': 'videojs.Flash.onError',
+
+          // Player Settings
+          'autoplay': playerOptions.autoplay,
+          'preload': playerOptions.preload,
+          'loop': playerOptions.loop,
+          'muted': playerOptions.muted
+
+        }, options['flashVars']),
+
+        // Merge default parames with ones passed in
+        params = vjs.obj.merge({
+          'wmode': 'opaque', // Opaque is needed to overlay controls, but can affect playback performance
+          'bgcolor': '#000000' // Using bgcolor prevents a white flash when the object is loading
+        }, options['params']),
+
+        // Merge default attributes with ones passed in
+        attributes = vjs.obj.merge({
+          'id': objId,
+          'name': objId, // Both ID and Name needed or swf to identify itself
+          'class': 'vjs-tech'
+        }, options['attributes'])
+    ;
+
+    // If source was supplied pass as a flash var.
+    if (source) {
+      this.ready(function(){
+        this.setSource(source);
+      });
+    }
+
+    // Add placeholder to player div
+    vjs.insertFirst(placeHolder, parentEl);
+
+    // Having issues with Flash reloading on certain page actions (hide/resize/fullscreen) in certain browsers
+    // This allows resetting the playhead when we catch the reload
+    if (options['startTime']) {
+      this.ready(function(){
+        this.load();
+        this.play();
+        this['currentTime'](options['startTime']);
+      });
+    }
+
+    // firefox doesn't bubble mousemove events to parent. videojs/video-js-swf#37
+    // bugzilla bug: https://bugzilla.mozilla.org/show_bug.cgi?id=836786
+    if (vjs.IS_FIREFOX) {
+      this.ready(function(){
+        this.on('mousemove', function(){
+          // since it's a custom event, don't bubble higher than the player
+          this.player().trigger({ 'type':'mousemove', 'bubbles': false });
+        });
+      });
+    }
+
+    // native click events on the SWF aren't triggered on IE11, Win8.1RT
+    // use stageclick events triggered from inside the SWF instead
+    player.on('stageclick', player.reportUserActivity);
+
+    this.el_ = vjs.Flash.embed(options['swf'], placeHolder, flashVars, params, attributes);
+  }
+});
+
+vjs.Flash.prototype.dispose = function(){
+  vjs.MediaTechController.prototype.dispose.call(this);
+};
+
+vjs.Flash.prototype.play = function(){
+  this.el_.vjs_play();
+};
+
+vjs.Flash.prototype.pause = function(){
+  this.el_.vjs_pause();
+};
+
+vjs.Flash.prototype.src = function(src){
+  if (src === undefined) {
+    return this['currentSrc']();
+  }
+
+  // Setting src through `src` not `setSrc` will be deprecated
+  return this.setSrc(src);
+};
+
+vjs.Flash.prototype.setSrc = function(src){
+  // Make sure source URL is absolute.
+  src = vjs.getAbsoluteURL(src);
+  this.el_.vjs_src(src);
+
+  // Currently the SWF doesn't autoplay if you load a source later.
+  // e.g. Load player w/ no source, wait 2s, set src.
+  if (this.player_.autoplay()) {
+    var tech = this;
+    this.setTimeout(function(){ tech.play(); }, 0);
+  }
+};
+
+vjs.Flash.prototype['setCurrentTime'] = function(time){
+  this.lastSeekTarget_ = time;
+  this.el_.vjs_setProperty('currentTime', time);
+  vjs.MediaTechController.prototype.setCurrentTime.call(this);
+};
+
+vjs.Flash.prototype['currentTime'] = function(time){
+  // when seeking make the reported time keep up with the requested time
+  // by reading the time we're seeking to
+  if (this.seeking()) {
+    return this.lastSeekTarget_ || 0;
+  }
+  return this.el_.vjs_getProperty('currentTime');
+};
+
+vjs.Flash.prototype['currentSrc'] = function(){
+  if (this.currentSource_) {
+    return this.currentSource_.src;
+  } else {
+    return this.el_.vjs_getProperty('currentSrc');
+  }
+};
+
+vjs.Flash.prototype.load = function(){
+  this.el_.vjs_load();
+};
+
+vjs.Flash.prototype.poster = function(){
+  this.el_.vjs_getProperty('poster');
+};
+vjs.Flash.prototype['setPoster'] = function(){
+  // poster images are not handled by the Flash tech so make this a no-op
+};
+
+vjs.Flash.prototype.buffered = function(){
+  return vjs.createTimeRange(0, this.el_.vjs_getProperty('buffered'));
+};
+
+vjs.Flash.prototype.supportsFullScreen = function(){
+  return false; // Flash does not allow fullscreen through javascript
+};
+
+vjs.Flash.prototype.enterFullScreen = function(){
+  return false;
+};
+
+(function(){
+  // Create setters and getters for attributes
+  var api = vjs.Flash.prototype,
+    readWrite = 'rtmpConnection,rtmpStream,preload,defaultPlaybackRate,playbackRate,autoplay,loop,mediaGroup,controller,controls,volume,muted,defaultMuted'.split(','),
+    readOnly = 'error,networkState,readyState,seeking,initialTime,duration,startOffsetTime,paused,played,seekable,ended,videoTracks,audioTracks,videoWidth,videoHeight,textTracks'.split(','),
+    // Overridden: buffered, currentTime, currentSrc
+    i;
+
+  function createSetter(attr){
+    var attrUpper = attr.charAt(0).toUpperCase() + attr.slice(1);
+    api['set'+attrUpper] = function(val){ return this.el_.vjs_setProperty(attr, val); };
+  }
+  function createGetter(attr) {
+    api[attr] = function(){ return this.el_.vjs_getProperty(attr); };
+  }
+
+  // Create getter and setters for all read/write attributes
+  for (i = 0; i < readWrite.length; i++) {
+    createGetter(readWrite[i]);
+    createSetter(readWrite[i]);
+  }
+
+  // Create getters for read-only attributes
+  for (i = 0; i < readOnly.length; i++) {
+    createGetter(readOnly[i]);
+  }
+})();
+
+/* Flash Support Testing -------------------------------------------------------- */
+
+vjs.Flash.isSupported = function(){
+  return vjs.Flash.version()[0] >= 10;
+  // return swfobject.hasFlashPlayerVersion('10');
+};
+
+// Add Source Handler pattern functions to this tech
+vjs.MediaTechController.withSourceHandlers(vjs.Flash);
+
+/**
+ * The default native source handler.
+ * This simply passes the source to the video element. Nothing fancy.
+ * @param  {Object} source   The source object
+ * @param  {vjs.Flash} tech  The instance of the Flash tech
+ */
+vjs.Flash.nativeSourceHandler = {};
+
+/**
+ * Check Flash can handle the source natively
+ * @param  {Object} source  The source object
+ * @return {String}         'probably', 'maybe', or '' (empty string)
+ */
+vjs.Flash.nativeSourceHandler.canHandleSource = function(source){
+  var type;
+
+  if (!source.type) {
+    return '';
+  }
+
+  // Strip code information from the type because we don't get that specific
+  type = source.type.replace(/;.*/,'').toLowerCase();
+
+  if (type in vjs.Flash.formats) {
+    return 'maybe';
+  }
+
+  return '';
+};
+
+/**
+ * Pass the source to the flash object
+ * Adaptive source handlers will have more complicated workflows before passing
+ * video data to the video element
+ * @param  {Object} source    The source object
+ * @param  {vjs.Flash} tech   The instance of the Flash tech
+ */
+vjs.Flash.nativeSourceHandler.handleSource = function(source, tech){
+  tech.setSrc(source.src);
+};
+
+/**
+ * Clean up the source handler when disposing the player or switching sources..
+ * (no cleanup is needed when supporting the format natively)
+ */
+vjs.Flash.nativeSourceHandler.dispose = function(){};
+
+// Register the native source handler
+vjs.Flash.registerSourceHandler(vjs.Flash.nativeSourceHandler);
+
+vjs.Flash.formats = {
+  'video/flv': 'FLV',
+  'video/x-flv': 'FLV',
+  'video/mp4': 'MP4',
+  'video/m4v': 'MP4'
+};
+
+vjs.Flash['onReady'] = function(currSwf){
+  var el, player;
+
+  el = vjs.el(currSwf);
+
+  // get player from the player div property
+  player = el && el.parentNode && el.parentNode['player'];
+
+  // if there is no el or player then the tech has been disposed
+  // and the tech element was removed from the player div
+  if (player) {
+    // reference player on tech element
+    el['player'] = player;
+    // check that the flash object is really ready
+    vjs.Flash['checkReady'](player.tech);
+  }
+};
+
+// The SWF isn't always ready when it says it is. Sometimes the API functions still need to be added to the object.
+// If it's not ready, we set a timeout to check again shortly.
+vjs.Flash['checkReady'] = function(tech){
+  // stop worrying if the tech has been disposed
+  if (!tech.el()) {
+    return;
+  }
+
+  // check if API property exists
+  if (tech.el().vjs_getProperty) {
+    // tell tech it's ready
+    tech.triggerReady();
+  } else {
+    // wait longer
+    this.setTimeout(function(){
+      vjs.Flash['checkReady'](tech);
+    }, 50);
+  }
+};
+
+// Trigger events from the swf on the player
+vjs.Flash['onEvent'] = function(swfID, eventName){
+  var player = vjs.el(swfID)['player'];
+  player.trigger(eventName);
+};
+
+// Log errors from the swf
+vjs.Flash['onError'] = function(swfID, err){
+  var player = vjs.el(swfID)['player'];
+  var msg = 'FLASH: '+err;
+
+  if (err == 'srcnotfound') {
+    player.error({ code: 4, message: msg });
+
+  // errors we haven't categorized into the media errors
+  } else {
+    player.error(msg);
+  }
+};
+
+// Flash Version Check
+vjs.Flash.version = function(){
+  var version = '0,0,0';
+
+  // IE
+  try {
+    version = new window.ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version').replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
+
+  // other browsers
+  } catch(e) {
+    try {
+      if (navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin){
+        version = (navigator.plugins['Shockwave Flash 2.0'] || navigator.plugins['Shockwave Flash']).description.replace(/\D+/g, ',').match(/^,?(.+),?$/)[1];
+      }
+    } catch(err) {}
+  }
+  return version.split(',');
+};
+
+// Flash embedding method. Only used in non-iframe mode
+vjs.Flash.embed = function(swf, placeHolder, flashVars, params, attributes){
+  var code = vjs.Flash.getEmbedCode(swf, flashVars, params, attributes),
+
+      // Get element by embedding code and retrieving created element
+      obj = vjs.createEl('div', { innerHTML: code }).childNodes[0],
+
+      par = placeHolder.parentNode
+  ;
+
+  placeHolder.parentNode.replaceChild(obj, placeHolder);
+
+  // IE6 seems to have an issue where it won't initialize the swf object after injecting it.
+  // This is a dumb fix
+  var newObj = par.childNodes[0];
+  setTimeout(function(){
+    newObj.style.display = 'block';
+  }, 1000);
+
+  return obj;
+
+};
+
+vjs.Flash.getEmbedCode = function(swf, flashVars, params, attributes){
+
+  var objTag = '<object type="application/x-shockwave-flash" ',
+      flashVarsString = '',
+      paramsString = '',
+      attrsString = '';
+
+  // Convert flash vars to string
+  if (flashVars) {
+    vjs.obj.each(flashVars, function(key, val){
+      flashVarsString += (key + '=' + val + '&amp;');
+    });
+  }
+
+  // Add swf, flashVars, and other default params
+  params = vjs.obj.merge({
+    'movie': swf,
+    'flashvars': flashVarsString,
+    'allowScriptAccess': 'always', // Required to talk to swf
+    'allowNetworking': 'all' // All should be default, but having security issues.
+  }, params);
+
+  // Create param tags string
+  vjs.obj.each(params, function(key, val){
+    paramsString += '<param name="'+key+'" value="'+val+'" />';
+  });
+
+  attributes = vjs.obj.merge({
+    // Add swf to attributes (need both for IE and Others to work)
+    'data': swf,
+
+    // Default to 100% width/height
+    'width': '100%',
+    'height': '100%'
+
+  }, attributes);
+
+  // Create Attributes string
+  vjs.obj.each(attributes, function(key, val){
+    attrsString += (key + '="' + val + '" ');
+  });
+
+  return objTag + attrsString + '>' + paramsString + '</object>';
+};
+vjs.Flash.streamingFormats = {
+  'rtmp/mp4': 'MP4',
+  'rtmp/flv': 'FLV'
+};
+
+vjs.Flash.streamFromParts = function(connection, stream) {
+  return connection + '&' + stream;
+};
+
+vjs.Flash.streamToParts = function(src) {
+  var parts = {
+    connection: '',
+    stream: ''
+  };
+
+  if (! src) {
+    return parts;
+  }
+
+  // Look for the normal URL separator we expect, '&'.
+  // If found, we split the URL into two pieces around the
+  // first '&'.
+  var connEnd = src.indexOf('&');
+  var streamBegin;
+  if (connEnd !== -1) {
+    streamBegin = connEnd + 1;
+  }
+  else {
+    // If there's not a '&', we use the last '/' as the delimiter.
+    connEnd = streamBegin = src.lastIndexOf('/') + 1;
+    if (connEnd === 0) {
+      // really, there's not a '/'?
+      connEnd = streamBegin = src.length;
+    }
+  }
+  parts.connection = src.substring(0, connEnd);
+  parts.stream = src.substring(streamBegin, src.length);
+
+  return parts;
+};
+
+vjs.Flash.isStreamingType = function(srcType) {
+  return srcType in vjs.Flash.streamingFormats;
+};
+
+// RTMP has four variations, any string starting
+// with one of these protocols should be valid
+vjs.Flash.RTMP_RE = /^rtmp[set]?:\/\//i;
+
+vjs.Flash.isStreamingSrc = function(src) {
+  return vjs.Flash.RTMP_RE.test(src);
+};
+
+/**
+ * A source handler for RTMP urls
+ * @type {Object}
+ */
+vjs.Flash.rtmpSourceHandler = {};
+
+/**
+ * Check Flash can handle the source natively
+ * @param  {Object} source  The source object
+ * @return {String}         'probably', 'maybe', or '' (empty string)
+ */
+vjs.Flash.rtmpSourceHandler.canHandleSource = function(source){
+  if (vjs.Flash.isStreamingType(source.type) || vjs.Flash.isStreamingSrc(source.src)) {
+    return 'maybe';
+  }
+
+  return '';
+};
+
+/**
+ * Pass the source to the flash object
+ * Adaptive source handlers will have more complicated workflows before passing
+ * video data to the video element
+ * @param  {Object} source    The source object
+ * @param  {vjs.Flash} tech   The instance of the Flash tech
+ */
+vjs.Flash.rtmpSourceHandler.handleSource = function(source, tech){
+  var srcParts = vjs.Flash.streamToParts(source.src);
+
+  tech['setRtmpConnection'](srcParts.connection);
+  tech['setRtmpStream'](srcParts.stream);
+};
+
+// Register the native source handler
+vjs.Flash.registerSourceHandler(vjs.Flash.rtmpSourceHandler);
+/**
+ * The Media Loader is the component that decides which playback technology to load
+ * when the player is initialized.
+ *
+ * @constructor
+ */
+vjs.MediaLoader = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.Component.call(this, player, options, ready);
+
+    // If there are no sources when the player is initialized,
+    // load the first supported playback technology.
+    if (!player.options_['sources'] || player.options_['sources'].length === 0) {
+      for (var i=0,j=player.options_['techOrder']; i<j.length; i++) {
+        var techName = vjs.capitalize(j[i]),
+            tech = window['videojs'][techName];
+
+        // Check if the browser supports this technology
+        if (tech && tech.isSupported()) {
+          player.loadTech(techName);
+          break;
+        }
+      }
+    } else {
+      // // Loop through playback technologies (HTML5, Flash) and check for support.
+      // // Then load the best source.
+      // // A few assumptions here:
+      // //   All playback technologies respect preload false.
+      player.src(player.options_['sources']);
+    }
+  }
+});
+/**
+ * @fileoverview Text Tracks
+ * Text tracks are tracks of timed text events.
+ * Captions - text displayed over the video for the hearing impaired
+ * Subtitles - text displayed over the video for those who don't understand language in the video
+ * Chapters - text displayed in a menu allowing the user to jump to particular points (chapters) in the video
+ * Descriptions (not supported yet) - audio descriptions that are read back to the user by a screen reading device
+ */
+
+// Player Additions - Functions add to the player object for easier access to tracks
+
+/**
+ * List of associated text tracks
+ * @type {Array}
+ * @private
+ */
+vjs.Player.prototype.textTracks_;
+
+/**
+ * Get an array of associated text tracks. captions, subtitles, chapters, descriptions
+ * http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-texttracks
+ * @return {Array}           Array of track objects
+ * @private
+ */
+vjs.Player.prototype.textTracks = function(){
+  this.textTracks_ = this.textTracks_ || [];
+  return this.textTracks_;
+};
+
+/**
+ * Add a text track
+ * In addition to the W3C settings we allow adding additional info through options.
+ * http://www.w3.org/html/wg/drafts/html/master/embedded-content-0.html#dom-media-addtexttrack
+ * @param {String}  kind        Captions, subtitles, chapters, descriptions, or metadata
+ * @param {String=} label       Optional label
+ * @param {String=} language    Optional language
+ * @param {Object=} options     Additional track options, like src
+ * @private
+ */
+vjs.Player.prototype.addTextTrack = function(kind, label, language, options){
+  var tracks = this.textTracks_ = this.textTracks_ || [];
+  options = options || {};
+
+  options['kind'] = kind;
+  options['label'] = label;
+  options['language'] = language;
+
+  // HTML5 Spec says default to subtitles.
+  // Uppercase first letter to match class names
+  var Kind = vjs.capitalize(kind || 'subtitles');
+
+  // Create correct texttrack class. CaptionsTrack, etc.
+  var track = new window['videojs'][Kind + 'Track'](this, options);
+
+  tracks.push(track);
+
+  // If track.dflt() is set, start showing immediately
+  // TODO: Add a process to determine the best track to show for the specific kind
+  // In case there are multiple defaulted tracks of the same kind
+  // Or the user has a set preference of a specific language that should override the default
+  // Note: The setTimeout is a workaround because with the html5 tech, the player is 'ready'
+ //  before it's child components (including the textTrackDisplay) have finished loading.
+  if (track.dflt()) {
+    this.ready(function(){
+      this.setTimeout(function(){
+        track.player().showTextTrack(track.id());
+      }, 0);
+    });
+  }
+
+  return track;
+};
+
+/**
+ * Add an array of text tracks. captions, subtitles, chapters, descriptions
+ * Track objects will be stored in the player.textTracks() array
+ * @param {Array} trackList Array of track elements or objects (fake track elements)
+ * @private
+ */
+vjs.Player.prototype.addTextTracks = function(trackList){
+  var trackObj;
+
+  for (var i = 0; i < trackList.length; i++) {
+    trackObj = trackList[i];
+    this.addTextTrack(trackObj['kind'], trackObj['label'], trackObj['language'], trackObj);
+  }
+
+  return this;
+};
+
+// Show a text track
+// disableSameKind: disable all other tracks of the same kind. Value should be a track kind (captions, etc.)
+vjs.Player.prototype.showTextTrack = function(id, disableSameKind){
+  var tracks = this.textTracks_,
+      i = 0,
+      j = tracks.length,
+      track, showTrack, kind;
+
+  // Find Track with same ID
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.id() === id) {
+      track.show();
+      showTrack = track;
+
+    // Disable tracks of the same kind
+    } else if (disableSameKind && track.kind() == disableSameKind && track.mode() > 0) {
+      track.disable();
+    }
+  }
+
+  // Get track kind from shown track or disableSameKind
+  kind = (showTrack) ? showTrack.kind() : ((disableSameKind) ? disableSameKind : false);
+
+  // Trigger trackchange event, captionstrackchange, subtitlestrackchange, etc.
+  if (kind) {
+    this.trigger(kind+'trackchange');
+  }
+
+  return this;
+};
+
+/**
+ * The base class for all text tracks
+ *
+ * Handles the parsing, hiding, and showing of text track cues
+ *
+ * @param {vjs.Player|Object} player
+ * @param {Object=} options
+ * @constructor
+ */
+vjs.TextTrack = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.Component.call(this, player, options);
+
+    // Apply track info to track object
+    // Options will often be a track element
+
+    // Build ID if one doesn't exist
+    this.id_ = options['id'] || ('vjs_' + options['kind'] + '_' + options['language'] + '_' + vjs.guid++);
+    this.src_ = options['src'];
+    // 'default' is a reserved keyword in js so we use an abbreviated version
+    this.dflt_ = options['default'] || options['dflt'];
+    this.title_ = options['title'];
+    this.language_ = options['srclang'];
+    this.label_ = options['label'];
+    this.cues_ = [];
+    this.activeCues_ = [];
+    this.readyState_ = 0;
+    this.mode_ = 0;
+
+    player.on('dispose', vjs.bind(this, this.deactivate, this.id_));
+  }
+});
+
+/**
+ * Track kind value. Captions, subtitles, etc.
+ * @private
+ */
+vjs.TextTrack.prototype.kind_;
+
+/**
+ * Get the track kind value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.kind = function(){
+  return this.kind_;
+};
+
+/**
+ * Track src value
+ * @private
+ */
+vjs.TextTrack.prototype.src_;
+
+/**
+ * Get the track src value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.src = function(){
+  return this.src_;
+};
+
+/**
+ * Track default value
+ * If default is used, subtitles/captions to start showing
+ * @private
+ */
+vjs.TextTrack.prototype.dflt_;
+
+/**
+ * Get the track default value. ('default' is a reserved keyword)
+ * @return {Boolean}
+ */
+vjs.TextTrack.prototype.dflt = function(){
+  return this.dflt_;
+};
+
+/**
+ * Track title value
+ * @private
+ */
+vjs.TextTrack.prototype.title_;
+
+/**
+ * Get the track title value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.title = function(){
+  return this.title_;
+};
+
+/**
+ * Language - two letter string to represent track language, e.g. 'en' for English
+ * Spec def: readonly attribute DOMString language;
+ * @private
+ */
+vjs.TextTrack.prototype.language_;
+
+/**
+ * Get the track language value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.language = function(){
+  return this.language_;
+};
+
+/**
+ * Track label e.g. 'English'
+ * Spec def: readonly attribute DOMString label;
+ * @private
+ */
+vjs.TextTrack.prototype.label_;
+
+/**
+ * Get the track label value
+ * @return {String}
+ */
+vjs.TextTrack.prototype.label = function(){
+  return this.label_;
+};
+
+/**
+ * All cues of the track. Cues have a startTime, endTime, text, and other properties.
+ * Spec def: readonly attribute TextTrackCueList cues;
+ * @private
+ */
+vjs.TextTrack.prototype.cues_;
+
+/**
+ * Get the track cues
+ * @return {Array}
+ */
+vjs.TextTrack.prototype.cues = function(){
+  return this.cues_;
+};
+
+/**
+ * ActiveCues is all cues that are currently showing
+ * Spec def: readonly attribute TextTrackCueList activeCues;
+ * @private
+ */
+vjs.TextTrack.prototype.activeCues_;
+
+/**
+ * Get the track active cues
+ * @return {Array}
+ */
+vjs.TextTrack.prototype.activeCues = function(){
+  return this.activeCues_;
+};
+
+/**
+ * ReadyState describes if the text file has been loaded
+ * const unsigned short NONE = 0;
+ * const unsigned short LOADING = 1;
+ * const unsigned short LOADED = 2;
+ * const unsigned short ERROR = 3;
+ * readonly attribute unsigned short readyState;
+ * @private
+ */
+vjs.TextTrack.prototype.readyState_;
+
+/**
+ * Get the track readyState
+ * @return {Number}
+ */
+vjs.TextTrack.prototype.readyState = function(){
+  return this.readyState_;
+};
+
+/**
+ * Mode describes if the track is showing, hidden, or disabled
+ * const unsigned short OFF = 0;
+ * const unsigned short HIDDEN = 1; (still triggering cuechange events, but not visible)
+ * const unsigned short SHOWING = 2;
+ * attribute unsigned short mode;
+ * @private
+ */
+vjs.TextTrack.prototype.mode_;
+
+/**
+ * Get the track mode
+ * @return {Number}
+ */
+vjs.TextTrack.prototype.mode = function(){
+  return this.mode_;
+};
+
+/**
+ * Create basic div to hold cue text
+ * @return {Element}
+ */
+vjs.TextTrack.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-' + this.kind_ + ' vjs-text-track'
+  });
+};
+
+/**
+ * Show: Mode Showing (2)
+ * Indicates that the text track is active. If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+ * The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+ * In addition, for text tracks whose kind is subtitles or captions, the cues are being displayed over the video as appropriate;
+ * for text tracks whose kind is descriptions, the user agent is making the cues available to the user in a non-visual fashion;
+ * and for text tracks whose kind is chapters, the user agent is making available to the user a mechanism by which the user can navigate to any point in the media resource by selecting a cue.
+ * The showing by default state is used in conjunction with the default attribute on track elements to indicate that the text track was enabled due to that attribute.
+ * This allows the user agent to override the state if a later track is discovered that is more appropriate per the user's preferences.
+ */
+vjs.TextTrack.prototype.show = function(){
+  this.activate();
+
+  this.mode_ = 2;
+
+  // Show element.
+  vjs.Component.prototype.show.call(this);
+};
+
+/**
+ * Hide: Mode Hidden (1)
+ * Indicates that the text track is active, but that the user agent is not actively displaying the cues.
+ * If no attempt has yet been made to obtain the track's cues, the user agent will perform such an attempt momentarily.
+ * The user agent is maintaining a list of which cues are active, and events are being fired accordingly.
+ */
+vjs.TextTrack.prototype.hide = function(){
+  // When hidden, cues are still triggered. Disable to stop triggering.
+  this.activate();
+
+  this.mode_ = 1;
+
+  // Hide element.
+  vjs.Component.prototype.hide.call(this);
+};
+
+/**
+ * Disable: Mode Off/Disable (0)
+ * Indicates that the text track is not active. Other than for the purposes of exposing the track in the DOM, the user agent is ignoring the text track.
+ * No cues are active, no events are fired, and the user agent will not attempt to obtain the track's cues.
+ */
+vjs.TextTrack.prototype.disable = function(){
+  // If showing, hide.
+  if (this.mode_ == 2) { this.hide(); }
+
+  // Stop triggering cues
+  this.deactivate();
+
+  // Switch Mode to Off
+  this.mode_ = 0;
+};
+
+/**
+ * Turn on cue tracking. Tracks that are showing OR hidden are active.
+ */
+vjs.TextTrack.prototype.activate = function(){
+  // Load text file if it hasn't been yet.
+  if (this.readyState_ === 0) { this.load(); }
+
+  // Only activate if not already active.
+  if (this.mode_ === 0) {
+    // Update current cue on timeupdate
+    // Using unique ID for bind function so other tracks don't remove listener
+    this.player_.on('timeupdate', vjs.bind(this, this.update, this.id_));
+
+    // Reset cue time on media end
+    this.player_.on('ended', vjs.bind(this, this.reset, this.id_));
+
+    // Add to display
+    if (this.kind_ === 'captions' || this.kind_ === 'subtitles') {
+      this.player_.getChild('textTrackDisplay').addChild(this);
+    }
+  }
+};
+
+/**
+ * Turn off cue tracking.
+ */
+vjs.TextTrack.prototype.deactivate = function(){
+  // Using unique ID for bind function so other tracks don't remove listener
+  this.player_.off('timeupdate', vjs.bind(this, this.update, this.id_));
+  this.player_.off('ended', vjs.bind(this, this.reset, this.id_));
+  this.reset(); // Reset
+
+  // Remove from display
+  this.player_.getChild('textTrackDisplay').removeChild(this);
+};
+
+// A readiness state
+// One of the following:
+//
+// Not loaded
+// Indicates that the text track is known to exist (e.g. it has been declared with a track element), but its cues have not been obtained.
+//
+// Loading
+// Indicates that the text track is loading and there have been no fatal errors encountered so far. Further cues might still be added to the track.
+//
+// Loaded
+// Indicates that the text track has been loaded with no fatal errors. No new cues will be added to the track except if the text track corresponds to a MutableTextTrack object.
+//
+// Failed to load
+// Indicates that the text track was enabled, but when the user agent attempted to obtain it, this failed in some way (e.g. URL could not be resolved, network error, unknown text track format). Some or all of the cues are likely missing and will not be obtained.
+vjs.TextTrack.prototype.load = function(){
+
+  // Only load if not loaded yet.
+  if (this.readyState_ === 0) {
+    this.readyState_ = 1;
+    vjs.xhr(this.src_, vjs.bind(this, function(err, response, responseBody){
+      if (err) {
+        return this.onError(err);
+      }
+
+      this.parseCues(responseBody);
+    }));
+  }
+
+};
+
+vjs.TextTrack.prototype.onError = function(err){
+  this.error = err;
+  this.readyState_ = 3;
+  this.trigger('error');
+};
+
+// Parse the WebVTT text format for cue times.
+// TODO: Separate parser into own class so alternative timed text formats can be used. (TTML, DFXP)
+vjs.TextTrack.prototype.parseCues = function(srcContent) {
+  var cue, time, text,
+      lines = srcContent.split('\n'),
+      line = '', id;
+
+  for (var i=1, j=lines.length; i<j; i++) {
+    // Line 0 should be 'WEBVTT', so skipping i=0
+
+    line = vjs.trim(lines[i]); // Trim whitespace and linebreaks
+
+    if (line) { // Loop until a line with content
+
+      // First line could be an optional cue ID
+      // Check if line has the time separator
+      if (line.indexOf('-->') == -1) {
+        id = line;
+        // Advance to next line for timing.
+        line = vjs.trim(lines[++i]);
+      } else {
+        id = this.cues_.length;
+      }
+
+      // First line - Number
+      cue = {
+        id: id, // Cue Number
+        index: this.cues_.length // Position in Array
+      };
+
+      // Timing line
+      time = line.split(/[\t ]+/);
+      cue.startTime = this.parseCueTime(time[0]);
+      cue.endTime = this.parseCueTime(time[2]);
+
+      // Additional lines - Cue Text
+      text = [];
+
+      // Loop until a blank line or end of lines
+      // Assuming trim('') returns false for blank lines
+      while (lines[++i] && (line = vjs.trim(lines[i]))) {
+        text.push(line);
+      }
+
+      cue.text = text.join('<br/>');
+
+      // Add this cue
+      this.cues_.push(cue);
+    }
+  }
+
+  this.readyState_ = 2;
+  this.trigger('loaded');
+};
+
+
+vjs.TextTrack.prototype.parseCueTime = function(timeText) {
+  var parts = timeText.split(':'),
+      time = 0,
+      hours, minutes, other, seconds, ms;
+
+  // Check if optional hours place is included
+  // 00:00:00.000 vs. 00:00.000
+  if (parts.length == 3) {
+    hours = parts[0];
+    minutes = parts[1];
+    other = parts[2];
+  } else {
+    hours = 0;
+    minutes = parts[0];
+    other = parts[1];
+  }
+
+  // Break other (seconds, milliseconds, and flags) by spaces
+  // TODO: Make additional cue layout settings work with flags
+  other = other.split(/\s+/);
+  // Remove seconds. Seconds is the first part before any spaces.
+  seconds = other.splice(0,1)[0];
+  // Could use either . or , for decimal
+  seconds = seconds.split(/\.|,/);
+  // Get milliseconds
+  ms = parseFloat(seconds[1]);
+  seconds = seconds[0];
+
+  // hours => seconds
+  time += parseFloat(hours) * 3600;
+  // minutes => seconds
+  time += parseFloat(minutes) * 60;
+  // Add seconds
+  time += parseFloat(seconds);
+  // Add milliseconds
+  if (ms) { time += ms/1000; }
+
+  return time;
+};
+
+// Update active cues whenever timeupdate events are triggered on the player.
+vjs.TextTrack.prototype.update = function(){
+  if (this.cues_.length > 0) {
+
+    // Get current player time, adjust for track offset
+    var offset = this.player_.options()['trackTimeOffset'] || 0;
+    var time = this.player_.currentTime() + offset;
+
+    // Check if the new time is outside the time box created by the the last update.
+    if (this.prevChange === undefined || time < this.prevChange || this.nextChange <= time) {
+      var cues = this.cues_,
+
+          // Create a new time box for this state.
+          newNextChange = this.player_.duration(), // Start at beginning of the timeline
+          newPrevChange = 0, // Start at end
+
+          reverse = false, // Set the direction of the loop through the cues. Optimized the cue check.
+          newCues = [], // Store new active cues.
+
+          // Store where in the loop the current active cues are, to provide a smart starting point for the next loop.
+          firstActiveIndex, lastActiveIndex,
+          cue, i; // Loop vars
+
+      // Check if time is going forwards or backwards (scrubbing/rewinding)
+      // If we know the direction we can optimize the starting position and direction of the loop through the cues array.
+      if (time >= this.nextChange || this.nextChange === undefined) { // NextChange should happen
+        // Forwards, so start at the index of the first active cue and loop forward
+        i = (this.firstActiveIndex !== undefined) ? this.firstActiveIndex : 0;
+      } else {
+        // Backwards, so start at the index of the last active cue and loop backward
+        reverse = true;
+        i = (this.lastActiveIndex !== undefined) ? this.lastActiveIndex : cues.length - 1;
+      }
+
+      while (true) { // Loop until broken
+        cue = cues[i];
+
+        // Cue ended at this point
+        if (cue.endTime <= time) {
+          newPrevChange = Math.max(newPrevChange, cue.endTime);
+
+          if (cue.active) {
+            cue.active = false;
+          }
+
+          // No earlier cues should have an active start time.
+          // Nevermind. Assume first cue could have a duration the same as the video.
+          // In that case we need to loop all the way back to the beginning.
+          // if (reverse && cue.startTime) { break; }
+
+        // Cue hasn't started
+        } else if (time < cue.startTime) {
+          newNextChange = Math.min(newNextChange, cue.startTime);
+
+          if (cue.active) {
+            cue.active = false;
+          }
+
+          // No later cues should have an active start time.
+          if (!reverse) { break; }
+
+        // Cue is current
+        } else {
+
+          if (reverse) {
+            // Add cue to front of array to keep in time order
+            newCues.splice(0,0,cue);
+
+            // If in reverse, the first current cue is our lastActiveCue
+            if (lastActiveIndex === undefined) { lastActiveIndex = i; }
+            firstActiveIndex = i;
+          } else {
+            // Add cue to end of array
+            newCues.push(cue);
+
+            // If forward, the first current cue is our firstActiveIndex
+            if (firstActiveIndex === undefined) { firstActiveIndex = i; }
+            lastActiveIndex = i;
+          }
+
+          newNextChange = Math.min(newNextChange, cue.endTime);
+          newPrevChange = Math.max(newPrevChange, cue.startTime);
+
+          cue.active = true;
+        }
+
+        if (reverse) {
+          // Reverse down the array of cues, break if at first
+          if (i === 0) { break; } else { i--; }
+        } else {
+          // Walk up the array fo cues, break if at last
+          if (i === cues.length - 1) { break; } else { i++; }
+        }
+
+      }
+
+      this.activeCues_ = newCues;
+      this.nextChange = newNextChange;
+      this.prevChange = newPrevChange;
+      this.firstActiveIndex = firstActiveIndex;
+      this.lastActiveIndex = lastActiveIndex;
+
+      this.updateDisplay();
+
+      this.trigger('cuechange');
+    }
+  }
+};
+
+// Add cue HTML to display
+vjs.TextTrack.prototype.updateDisplay = function(){
+  var cues = this.activeCues_,
+      html = '',
+      i=0,j=cues.length;
+
+  for (;i<j;i++) {
+    html += '<span class="vjs-tt-cue">'+cues[i].text+'</span>';
+  }
+
+  this.el_.innerHTML = html;
+};
+
+// Set all loop helper values back
+vjs.TextTrack.prototype.reset = function(){
+  this.nextChange = 0;
+  this.prevChange = this.player_.duration();
+  this.firstActiveIndex = 0;
+  this.lastActiveIndex = 0;
+};
+
+// Create specific track types
+/**
+ * The track component for managing the hiding and showing of captions
+ *
+ * @constructor
+ */
+vjs.CaptionsTrack = vjs.TextTrack.extend();
+vjs.CaptionsTrack.prototype.kind_ = 'captions';
+// Exporting here because Track creation requires the track kind
+// to be available on global object. e.g. new window['videojs'][Kind + 'Track']
+
+/**
+ * The track component for managing the hiding and showing of subtitles
+ *
+ * @constructor
+ */
+vjs.SubtitlesTrack = vjs.TextTrack.extend();
+vjs.SubtitlesTrack.prototype.kind_ = 'subtitles';
+
+/**
+ * The track component for managing the hiding and showing of chapters
+ *
+ * @constructor
+ */
+vjs.ChaptersTrack = vjs.TextTrack.extend();
+vjs.ChaptersTrack.prototype.kind_ = 'chapters';
+
+
+/* Text Track Display
+============================================================================= */
+// Global container for both subtitle and captions text. Simple div container.
+
+/**
+ * The component for displaying text track cues
+ *
+ * @constructor
+ */
+vjs.TextTrackDisplay = vjs.Component.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.Component.call(this, player, options, ready);
+
+    // This used to be called during player init, but was causing an error
+    // if a track should show by default and the display hadn't loaded yet.
+    // Should probably be moved to an external track loader when we support
+    // tracks that don't need a display.
+    if (player.options_['tracks'] && player.options_['tracks'].length > 0) {
+      this.player_.addTextTracks(player.options_['tracks']);
+    }
+  }
+});
+
+vjs.TextTrackDisplay.prototype.createEl = function(){
+  return vjs.Component.prototype.createEl.call(this, 'div', {
+    className: 'vjs-text-track-display'
+  });
+};
+
+
+/**
+ * The specific menu item type for selecting a language within a text track kind
+ *
+ * @constructor
+ */
+vjs.TextTrackMenuItem = vjs.MenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    var track = this.track = options['track'];
+
+    // Modify options for parent MenuItem class's init.
+    options['label'] = track.label();
+    options['selected'] = track.dflt();
+    vjs.MenuItem.call(this, player, options);
+
+    this.on(player, track.kind() + 'trackchange', this.update);
+  }
+});
+
+vjs.TextTrackMenuItem.prototype.onClick = function(){
+  vjs.MenuItem.prototype.onClick.call(this);
+  this.player_.showTextTrack(this.track.id_, this.track.kind());
+};
+
+vjs.TextTrackMenuItem.prototype.update = function(){
+  this.selected(this.track.mode() == 2);
+};
+
+/**
+ * A special menu item for turning of a specific type of text track
+ *
+ * @constructor
+ */
+vjs.OffTextTrackMenuItem = vjs.TextTrackMenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    // Create pseudo track info
+    // Requires options['kind']
+    options['track'] = {
+      kind: function() { return options['kind']; },
+      player: player,
+      label: function(){ return options['kind'] + ' off'; },
+      dflt: function(){ return false; },
+      mode: function(){ return false; }
+    };
+    vjs.TextTrackMenuItem.call(this, player, options);
+    this.selected(true);
+  }
+});
+
+vjs.OffTextTrackMenuItem.prototype.onClick = function(){
+  vjs.TextTrackMenuItem.prototype.onClick.call(this);
+  this.player_.showTextTrack(this.track.id_, this.track.kind());
+};
+
+vjs.OffTextTrackMenuItem.prototype.update = function(){
+  var tracks = this.player_.textTracks(),
+      i=0, j=tracks.length, track,
+      off = true;
+
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.kind() == this.track.kind() && track.mode() == 2) {
+      off = false;
+    }
+  }
+
+  this.selected(off);
+};
+
+/**
+ * The base class for buttons that toggle specific text track types (e.g. subtitles)
+ *
+ * @constructor
+ */
+vjs.TextTrackButton = vjs.MenuButton.extend({
+  /** @constructor */
+  init: function(player, options){
+    vjs.MenuButton.call(this, player, options);
+
+    if (this.items.length <= 1) {
+      this.hide();
+    }
+  }
+});
+
+// vjs.TextTrackButton.prototype.buttonPressed = false;
+
+// vjs.TextTrackButton.prototype.createMenu = function(){
+//   var menu = new vjs.Menu(this.player_);
+
+//   // Add a title list item to the top
+//   // menu.el().appendChild(vjs.createEl('li', {
+//   //   className: 'vjs-menu-title',
+//   //   innerHTML: vjs.capitalize(this.kind_),
+//   //   tabindex: -1
+//   // }));
+
+//   this.items = this.createItems();
+
+//   // Add menu items to the menu
+//   for (var i = 0; i < this.items.length; i++) {
+//     menu.addItem(this.items[i]);
+//   }
+
+//   // Add list to element
+//   this.addChild(menu);
+
+//   return menu;
+// };
+
+// Create a menu item for each text track
+vjs.TextTrackButton.prototype.createItems = function(){
+  var items = [], track;
+
+  // Add an OFF menu item to turn all tracks off
+  items.push(new vjs.OffTextTrackMenuItem(this.player_, { 'kind': this.kind_ }));
+
+  for (var i = 0; i < this.player_.textTracks().length; i++) {
+    track = this.player_.textTracks()[i];
+    if (track.kind() === this.kind_) {
+      items.push(new vjs.TextTrackMenuItem(this.player_, {
+        'track': track
+      }));
+    }
+  }
+
+  return items;
+};
+
+/**
+ * The button component for toggling and selecting captions
+ *
+ * @constructor
+ */
+vjs.CaptionsButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Captions Menu');
+  }
+});
+vjs.CaptionsButton.prototype.kind_ = 'captions';
+vjs.CaptionsButton.prototype.buttonText = 'Captions';
+vjs.CaptionsButton.prototype.className = 'vjs-captions-button';
+
+/**
+ * The button component for toggling and selecting subtitles
+ *
+ * @constructor
+ */
+vjs.SubtitlesButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Subtitles Menu');
+  }
+});
+vjs.SubtitlesButton.prototype.kind_ = 'subtitles';
+vjs.SubtitlesButton.prototype.buttonText = 'Subtitles';
+vjs.SubtitlesButton.prototype.className = 'vjs-subtitles-button';
+
+// Chapters act much differently than other text tracks
+// Cues are navigation vs. other tracks of alternative languages
+/**
+ * The button component for toggling and selecting chapters
+ *
+ * @constructor
+ */
+vjs.ChaptersButton = vjs.TextTrackButton.extend({
+  /** @constructor */
+  init: function(player, options, ready){
+    vjs.TextTrackButton.call(this, player, options, ready);
+    this.el_.setAttribute('aria-label','Chapters Menu');
+  }
+});
+vjs.ChaptersButton.prototype.kind_ = 'chapters';
+vjs.ChaptersButton.prototype.buttonText = 'Chapters';
+vjs.ChaptersButton.prototype.className = 'vjs-chapters-button';
+
+// Create a menu item for each text track
+vjs.ChaptersButton.prototype.createItems = function(){
+  var items = [], track;
+
+  for (var i = 0; i < this.player_.textTracks().length; i++) {
+    track = this.player_.textTracks()[i];
+    if (track.kind() === this.kind_) {
+      items.push(new vjs.TextTrackMenuItem(this.player_, {
+        'track': track
+      }));
+    }
+  }
+
+  return items;
+};
+
+vjs.ChaptersButton.prototype.createMenu = function(){
+  var tracks = this.player_.textTracks(),
+      i = 0,
+      j = tracks.length,
+      track, chaptersTrack,
+      items = this.items = [];
+
+  for (;i<j;i++) {
+    track = tracks[i];
+    if (track.kind() == this.kind_) {
+      if (track.readyState() === 0) {
+        track.load();
+        track.on('loaded', vjs.bind(this, this.createMenu));
+      } else {
+        chaptersTrack = track;
+        break;
+      }
+    }
+  }
+
+  var menu = this.menu;
+  if (menu === undefined) {
+    menu = new vjs.Menu(this.player_);
+    menu.contentEl().appendChild(vjs.createEl('li', {
+      className: 'vjs-menu-title',
+      innerHTML: vjs.capitalize(this.kind_),
+      tabindex: -1
+    }));
+  }
+
+  if (chaptersTrack) {
+    var cues = chaptersTrack.cues_, cue, mi;
+    i = 0;
+    j = cues.length;
+
+    for (;i<j;i++) {
+      cue = cues[i];
+
+      mi = new vjs.ChaptersTrackMenuItem(this.player_, {
+        'track': chaptersTrack,
+        'cue': cue
+      });
+
+      items.push(mi);
+
+      menu.addChild(mi);
+    }
+    this.addChild(menu);
+  }
+
+  if (this.items.length > 0) {
+    this.show();
+  }
+
+  return menu;
+};
+
+
+/**
+ * @constructor
+ */
+vjs.ChaptersTrackMenuItem = vjs.MenuItem.extend({
+  /** @constructor */
+  init: function(player, options){
+    var track = this.track = options['track'],
+        cue = this.cue = options['cue'],
+        currentTime = player.currentTime();
+
+    // Modify options for parent MenuItem class's init.
+    options['label'] = cue.text;
+    options['selected'] = (cue.startTime <= currentTime && currentTime < cue.endTime);
+    vjs.MenuItem.call(this, player, options);
+
+    track.on('cuechange', vjs.bind(this, this.update));
+  }
+});
+
+vjs.ChaptersTrackMenuItem.prototype.onClick = function(){
+  vjs.MenuItem.prototype.onClick.call(this);
+  this.player_.currentTime(this.cue.startTime);
+  this.update(this.cue.startTime);
+};
+
+vjs.ChaptersTrackMenuItem.prototype.update = function(){
+  var cue = this.cue,
+      currentTime = this.player_.currentTime();
+
+  // vjs.log(currentTime, cue.startTime);
+  this.selected(cue.startTime <= currentTime && currentTime < cue.endTime);
+};
+
+// Add Buttons to controlBar
+vjs.obj.merge(vjs.ControlBar.prototype.options_['children'], {
+  'subtitlesButton': {},
+  'captionsButton': {},
+  'chaptersButton': {}
+});
+
+// vjs.Cue = vjs.Component.extend({
+//   /** @constructor */
+//   init: function(player, options){
+//     vjs.Component.call(this, player, options);
+//   }
+// });
+/**
+ * @fileoverview Add JSON support
+ * @suppress {undefinedVars}
+ * (Compiler doesn't like JSON not being declared)
+ */
+
+/**
+ * Javascript JSON implementation
+ * (Parse Method Only)
+ * https://github.com/douglascrockford/JSON-js/blob/master/json2.js
+ * Only using for parse method when parsing data-setup attribute JSON.
+ * @suppress {undefinedVars}
+ * @namespace
+ * @private
+ */
+vjs.JSON;
+
+if (typeof window.JSON !== 'undefined' && typeof window.JSON.parse === 'function') {
+  vjs.JSON = window.JSON;
+
+} else {
+  vjs.JSON = {};
+
+  var cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;
+
+  /**
+   * parse the json
+   *
+   * @memberof vjs.JSON
+   * @param {String} text The JSON string to parse
+   * @param {Function=} [reviver] Optional function that can transform the results
+   * @return {Object|Array} The parsed JSON
+   */
+  vjs.JSON.parse = function (text, reviver) {
+      var j;
+
+      function walk(holder, key) {
+          var k, v, value = holder[key];
+          if (value && typeof value === 'object') {
+              for (k in value) {
+                  if (Object.prototype.hasOwnProperty.call(value, k)) {
+                      v = walk(value, k);
+                      if (v !== undefined) {
+                          value[k] = v;
+                      } else {
+                          delete value[k];
+                      }
+                  }
+              }
+          }
+          return reviver.call(holder, key, value);
+      }
+      text = String(text);
+      cx.lastIndex = 0;
+      if (cx.test(text)) {
+          text = text.replace(cx, function (a) {
+              return '\\u' +
+                  ('0000' + a.charCodeAt(0).toString(16)).slice(-4);
+          });
+      }
+
+      if (/^[\],:{}\s]*$/
+              .test(text.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@')
+                  .replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']')
+                  .replace(/(?:^|:|,)(?:\s*\[)+/g, ''))) {
+
+          j = eval('(' + text + ')');
+
+          return typeof reviver === 'function' ?
+              walk({'': j}, '') : j;
+      }
+
+      throw new SyntaxError('JSON.parse(): invalid or malformed JSON data');
+  };
+}
+/**
+ * @fileoverview Functions for automatically setting up a player
+ * based on the data-setup attribute of the video tag
+ */
+
+// Automatically set up any tags that have a data-setup attribute
+vjs.autoSetup = function(){
+  var options, mediaEl, player, i, e;
+
+  // One day, when we stop supporting IE8, go back to this, but in the meantime...*hack hack hack*
+  // var vids = Array.prototype.slice.call(document.getElementsByTagName('video'));
+  // var audios = Array.prototype.slice.call(document.getElementsByTagName('audio'));
+  // var mediaEls = vids.concat(audios);
+
+  // Because IE8 doesn't support calling slice on a node list, we need to loop through each list of elements
+  // to build up a new, combined list of elements.
+  var vids = document.getElementsByTagName('video');
+  var audios = document.getElementsByTagName('audio');
+  var mediaEls = [];
+  if (vids && vids.length > 0) {
+    for(i=0, e=vids.length; i<e; i++) {
+      mediaEls.push(vids[i]);
+    }
+  }
+  if (audios && audios.length > 0) {
+    for(i=0, e=audios.length; i<e; i++) {
+      mediaEls.push(audios[i]);
+    }
+  }
+
+  // Check if any media elements exist
+  if (mediaEls && mediaEls.length > 0) {
+
+    for (i=0,e=mediaEls.length; i<e; i++) {
+      mediaEl = mediaEls[i];
+
+      // Check if element exists, has getAttribute func.
+      // IE seems to consider typeof el.getAttribute == 'object' instead of 'function' like expected, at least when loading the player immediately.
+      if (mediaEl && mediaEl.getAttribute) {
+
+        // Make sure this player hasn't already been set up.
+        if (mediaEl['player'] === undefined) {
+          options = mediaEl.getAttribute('data-setup');
+
+          // Check if data-setup attr exists.
+          // We only auto-setup if they've added the data-setup attr.
+          if (options !== null) {
+            // Create new video.js instance.
+            player = videojs(mediaEl);
+          }
+        }
+
+      // If getAttribute isn't defined, we need to wait for the DOM.
+      } else {
+        vjs.autoSetupTimeout(1);
+        break;
+      }
+    }
+
+  // No videos were found, so keep looping unless page is finished loading.
+  } else if (!vjs.windowLoaded) {
+    vjs.autoSetupTimeout(1);
+  }
+};
+
+// Pause to let the DOM keep processing
+vjs.autoSetupTimeout = function(wait){
+  setTimeout(vjs.autoSetup, wait);
+};
+
+if (document.readyState === 'complete') {
+  vjs.windowLoaded = true;
+} else {
+  vjs.one(window, 'load', function(){
+    vjs.windowLoaded = true;
+  });
+}
+
+// Run Auto-load players
+// You have to wait at least once in case this script is loaded after your video in the DOM (weird behavior only with minified version)
+vjs.autoSetupTimeout(1);
+/**
+ * the method for registering a video.js plugin
+ *
+ * @param  {String} name The name of the plugin
+ * @param  {Function} init The function that is run when the player inits
+ */
+vjs.plugin = function(name, init){
+  vjs.Player.prototype[name] = init;
+};
diff --git a/site/video-js/video.js b/site/video-js/video.js
new file mode 100644
index 0000000..9544972
--- /dev/null
+++ b/site/video-js/video.js
@@ -0,0 +1,165 @@
+/*! Video.js v4.11.4 Copyright 2014 Brightcove, Inc. https://github.com/videojs/video.js/blob/master/LICENSE */ 
+(function() {var b=void 0,f=!0,k=null,l=!1;function m(){return function(){}}function n(a){return function(){return this[a]}}function r(a){return function(){return a}}var s;document.createElement("video");document.createElement("audio");document.createElement("track");function t(a,c,d){if("string"===typeof a){0===a.indexOf("#")&&(a=a.slice(1));if(t.Ga[a])return t.Ga[a];a=t.w(a)}if(!a||!a.nodeName)throw new TypeError("The element or ID supplied is not valid. (videojs)");return a.player||new t.Player(a,c,d)}
+var videojs=window.videojs=t;t.bc="4.11";t.ed="https:"==document.location.protocol?"https://":"http://";
+t.options={techOrder:["html5","flash"],html5:{},flash:{},width:300,height:150,defaultVolume:0,playbackRates:[],inactivityTimeout:2E3,children:{mediaLoader:{},posterImage:{},textTrackDisplay:{},loadingSpinner:{},bigPlayButton:{},controlBar:{},errorDisplay:{}},language:document.getElementsByTagName("html")[0].getAttribute("lang")||navigator.languages&&navigator.languages[0]||navigator.Ke||navigator.language||"en",languages:{},notSupportedMessage:"No compatible source was found for this video."};
+"GENERATED_CDN_VSN"!==t.bc&&(videojs.options.flash.swf=t.ed+"vjs.zencdn.net/"+t.bc+"/video-js.swf");t.sd=function(a,c){t.options.languages[a]=t.options.languages[a]!==b?t.W.pa(t.options.languages[a],c):c;return t.options.languages};t.Ga={};"function"===typeof define&&define.amd?define([],function(){return videojs}):"object"===typeof exports&&"object"===typeof module&&(module.exports=videojs);t.va=t.CoreObject=m();
+t.va.extend=function(a){var c,d;a=a||{};c=a.init||a.i||this.prototype.init||this.prototype.i||m();d=function(){c.apply(this,arguments)};d.prototype=t.h.create(this.prototype);d.prototype.constructor=d;d.extend=t.va.extend;d.create=t.va.create;for(var e in a)a.hasOwnProperty(e)&&(d.prototype[e]=a[e]);return d};t.va.create=function(){var a=t.h.create(this.prototype);this.apply(a,arguments);return a};
+t.c=function(a,c,d){if(t.h.isArray(c))return u(t.c,a,c,d);var e=t.getData(a);e.C||(e.C={});e.C[c]||(e.C[c]=[]);d.q||(d.q=t.q++);e.C[c].push(d);e.X||(e.disabled=l,e.X=function(c){if(!e.disabled){c=t.Cc(c);var d=e.C[c.type];if(d)for(var d=d.slice(0),j=0,p=d.length;j<p&&!c.Jc();j++)d[j].call(a,c)}});1==e.C[c].length&&(a.addEventListener?a.addEventListener(c,e.X,l):a.attachEvent&&a.attachEvent("on"+c,e.X))};
+t.k=function(a,c,d){if(t.Ec(a)){var e=t.getData(a);if(e.C){if(t.h.isArray(c))return u(t.k,a,c,d);if(c){var g=e.C[c];if(g){if(d){if(d.q)for(e=0;e<g.length;e++)g[e].q===d.q&&g.splice(e--,1)}else e.C[c]=[];t.sc(a,c)}}else for(g in e.C)c=g,e.C[c]=[],t.sc(a,c)}}};t.sc=function(a,c){var d=t.getData(a);0===d.C[c].length&&(delete d.C[c],a.removeEventListener?a.removeEventListener(c,d.X,l):a.detachEvent&&a.detachEvent("on"+c,d.X));t.Ob(d.C)&&(delete d.C,delete d.X,delete d.disabled);t.Ob(d)&&t.Sc(a)};
+t.Cc=function(a){function c(){return f}function d(){return l}if(!a||!a.Pb){var e=a||window.event;a={};for(var g in e)"layerX"!==g&&("layerY"!==g&&"keyLocation"!==g)&&("returnValue"==g&&e.preventDefault||(a[g]=e[g]));a.target||(a.target=a.srcElement||document);a.relatedTarget=a.fromElement===a.target?a.toElement:a.fromElement;a.preventDefault=function(){e.preventDefault&&e.preventDefault();a.returnValue=l;a.Nd=c;a.defaultPrevented=f};a.Nd=d;a.defaultPrevented=l;a.stopPropagation=function(){e.stopPropagation&&
+e.stopPropagation();a.cancelBubble=f;a.Pb=c};a.Pb=d;a.stopImmediatePropagation=function(){e.stopImmediatePropagation&&e.stopImmediatePropagation();a.Jc=c;a.stopPropagation()};a.Jc=d;if(a.clientX!=k){g=document.documentElement;var h=document.body;a.pageX=a.clientX+(g&&g.scrollLeft||h&&h.scrollLeft||0)-(g&&g.clientLeft||h&&h.clientLeft||0);a.pageY=a.clientY+(g&&g.scrollTop||h&&h.scrollTop||0)-(g&&g.clientTop||h&&h.clientTop||0)}a.which=a.charCode||a.keyCode;a.button!=k&&(a.button=a.button&1?0:a.button&
+4?1:a.button&2?2:0)}return a};t.l=function(a,c){var d=t.Ec(a)?t.getData(a):{},e=a.parentNode||a.ownerDocument;"string"===typeof c&&(c={type:c,target:a});c=t.Cc(c);d.X&&d.X.call(a,c);if(e&&!c.Pb()&&c.bubbles!==l)t.l(e,c);else if(!e&&!c.defaultPrevented&&(d=t.getData(c.target),c.target[c.type])){d.disabled=f;if("function"===typeof c.target[c.type])c.target[c.type]();d.disabled=l}return!c.defaultPrevented};
+t.Q=function(a,c,d){function e(){t.k(a,c,e);d.apply(this,arguments)}if(t.h.isArray(c))return u(t.Q,a,c,d);e.q=d.q=d.q||t.q++;t.c(a,c,e)};function u(a,c,d,e){t.pc.forEach(d,function(d){a(c,d,e)})}var v=Object.prototype.hasOwnProperty;t.e=function(a,c){var d;c=c||{};d=document.createElement(a||"div");t.h.Y(c,function(a,c){-1!==a.indexOf("aria-")||"role"==a?d.setAttribute(a,c):d[a]=c});return d};t.ba=function(a){return a.charAt(0).toUpperCase()+a.slice(1)};t.h={};
+t.h.create=Object.create||function(a){function c(){}c.prototype=a;return new c};t.h.Y=function(a,c,d){for(var e in a)v.call(a,e)&&c.call(d||this,e,a[e])};t.h.z=function(a,c){if(!c)return a;for(var d in c)v.call(c,d)&&(a[d]=c[d]);return a};t.h.Ad=function(a,c){var d,e,g;a=t.h.copy(a);for(d in c)v.call(c,d)&&(e=a[d],g=c[d],a[d]=t.h.ab(e)&&t.h.ab(g)?t.h.Ad(e,g):c[d]);return a};t.h.copy=function(a){return t.h.z({},a)};
+t.h.ab=function(a){return!!a&&"object"===typeof a&&"[object Object]"===a.toString()&&a.constructor===Object};t.h.isArray=Array.isArray||function(a){return"[object Array]"===Object.prototype.toString.call(a)};t.Pd=function(a){return a!==a};t.bind=function(a,c,d){function e(){return c.apply(a,arguments)}c.q||(c.q=t.q++);e.q=d?d+"_"+c.q:c.q;return e};t.ya={};t.q=1;t.expando="vdata"+(new Date).getTime();t.getData=function(a){var c=a[t.expando];c||(c=a[t.expando]=t.q++,t.ya[c]={});return t.ya[c]};
+t.Ec=function(a){a=a[t.expando];return!(!a||t.Ob(t.ya[a]))};t.Sc=function(a){var c=a[t.expando];if(c){delete t.ya[c];try{delete a[t.expando]}catch(d){a.removeAttribute?a.removeAttribute(t.expando):a[t.expando]=k}}};t.Ob=function(a){for(var c in a)if(a[c]!==k)return l;return f};t.$a=function(a,c){return-1!==(" "+a.className+" ").indexOf(" "+c+" ")};t.n=function(a,c){t.$a(a,c)||(a.className=""===a.className?c:a.className+" "+c)};
+t.r=function(a,c){var d,e;if(t.$a(a,c)){d=a.className.split(" ");for(e=d.length-1;0<=e;e--)d[e]===c&&d.splice(e,1);a.className=d.join(" ")}};t.A=t.e("video");t.N=navigator.userAgent;t.md=/iPhone/i.test(t.N);t.ld=/iPad/i.test(t.N);t.nd=/iPod/i.test(t.N);t.kd=t.md||t.ld||t.nd;var aa=t,x;var y=t.N.match(/OS (\d+)_/i);x=y&&y[1]?y[1]:b;aa.Ae=x;t.hd=/Android/i.test(t.N);var ba=t,z;var A=t.N.match(/Android (\d+)(?:\.(\d+))?(?:\.(\d+))*/i),B,C;
+A?(B=A[1]&&parseFloat(A[1]),C=A[2]&&parseFloat(A[2]),z=B&&C?parseFloat(A[1]+"."+A[2]):B?B:k):z=k;ba.ac=z;t.od=t.hd&&/webkit/i.test(t.N)&&2.3>t.ac;t.jd=/Firefox/i.test(t.N);t.Be=/Chrome/i.test(t.N);t.wb=!!("ontouchstart"in window||window.gd&&document instanceof window.gd);t.fd="backgroundSize"in t.A.style;t.Uc=function(a,c){t.h.Y(c,function(c,e){e===k||"undefined"===typeof e||e===l?a.removeAttribute(c):a.setAttribute(c,e===f?"":e)})};
+t.Ea=function(a){var c,d,e,g;c={};if(a&&a.attributes&&0<a.attributes.length){d=a.attributes;for(var h=d.length-1;0<=h;h--){e=d[h].name;g=d[h].value;if("boolean"===typeof a[e]||-1!==",autoplay,controls,loop,muted,default,".indexOf(","+e+","))g=g!==k?f:l;c[e]=g}}return c};
+t.He=function(a,c){var d="";document.defaultView&&document.defaultView.getComputedStyle?d=document.defaultView.getComputedStyle(a,"").getPropertyValue(c):a.currentStyle&&(d=a["client"+c.substr(0,1).toUpperCase()+c.substr(1)]+"px");return d};t.Nb=function(a,c){c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a)};t.Va={};t.w=function(a){0===a.indexOf("#")&&(a=a.slice(1));return document.getElementById(a)};
+t.Da=function(a,c){c=c||a;var d=Math.floor(a%60),e=Math.floor(a/60%60),g=Math.floor(a/3600),h=Math.floor(c/60%60),j=Math.floor(c/3600);if(isNaN(a)||Infinity===a)g=e=d="-";g=0<g||0<j?g+":":"";return g+(((g||10<=h)&&10>e?"0"+e:e)+":")+(10>d?"0"+d:d)};t.ud=function(){document.body.focus();document.onselectstart=r(l)};t.ve=function(){document.onselectstart=r(f)};t.trim=function(a){return(a+"").replace(/^\s+|\s+$/g,"")};t.round=function(a,c){c||(c=0);return Math.round(a*Math.pow(10,c))/Math.pow(10,c)};
+t.Eb=function(a,c){return{length:1,start:function(){return a},end:function(){return c}}};t.je=function(a){try{var c=window.localStorage||l;c&&(c.volume=a)}catch(d){22==d.code||1014==d.code?t.log("LocalStorage Full (VideoJS)",d):18==d.code?t.log("LocalStorage not allowed (VideoJS)",d):t.log("LocalStorage Error (VideoJS)",d)}};t.Jd=function(a){a.match(/^https?:\/\//)||(a=t.e("div",{innerHTML:'<a href="'+a+'">x</a>'}).firstChild.href);return a};
+t.fe=function(a){var c,d,e,g;g="protocol hostname port pathname search hash host".split(" ");d=t.e("a",{href:a});if(e=""===d.host&&"file:"!==d.protocol)c=t.e("div"),c.innerHTML='<a href="'+a+'"></a>',d=c.firstChild,c.setAttribute("style","display:none; position:absolute;"),document.body.appendChild(c);a={};for(var h=0;h<g.length;h++)a[g[h]]=d[g[h]];e&&document.body.removeChild(c);return a};
+function D(a,c){var d,e;d=Array.prototype.slice.call(c);e=m();e=window.console||{log:e,warn:e,error:e};a?d.unshift(a.toUpperCase()+":"):a="log";t.log.history.push(d);d.unshift("VIDEOJS:");if(e[a].apply)e[a].apply(e,d);else e[a](d.join(" "))}t.log=function(){D(k,arguments)};t.log.history=[];t.log.error=function(){D("error",arguments)};t.log.warn=function(){D("warn",arguments)};
+t.Hd=function(a){var c,d;a.getBoundingClientRect&&a.parentNode&&(c=a.getBoundingClientRect());if(!c)return{left:0,top:0};a=document.documentElement;d=document.body;return{left:t.round(c.left+(window.pageXOffset||d.scrollLeft)-(a.clientLeft||d.clientLeft||0)),top:t.round(c.top+(window.pageYOffset||d.scrollTop)-(a.clientTop||d.clientTop||0))}};t.pc={};t.pc.forEach=function(a,c,d){if(t.h.isArray(a)&&c instanceof Function)for(var e=0,g=a.length;e<g;++e)c.call(d||t,a[e],e,a);return a};
+t.ye=function(a,c){var d,e,g,h,j,p,q;"string"===typeof a&&(a={uri:a});videojs.W.pa({method:"GET",timeout:45E3},a);c=c||m();p=function(){window.clearTimeout(j);c(k,e,e.response||e.responseText)};q=function(a){window.clearTimeout(j);if(!a||"string"===typeof a)a=Error(a);c(a,e)};d=window.XMLHttpRequest;"undefined"===typeof d&&(d=function(){try{return new window.ActiveXObject("Msxml2.XMLHTTP.6.0")}catch(a){}try{return new window.ActiveXObject("Msxml2.XMLHTTP.3.0")}catch(c){}try{return new window.ActiveXObject("Msxml2.XMLHTTP")}catch(d){}throw Error("This browser does not support XMLHttpRequest.");
+});e=new d;e.uri=a.uri;d=t.fe(a.uri);g=window.location;d.protocol+d.host!==g.protocol+g.host&&window.XDomainRequest&&!("withCredentials"in e)?(e=new window.XDomainRequest,e.onload=p,e.onerror=q,e.onprogress=m(),e.ontimeout=m()):(h="file:"==d.protocol||"file:"==g.protocol,e.onreadystatechange=function(){if(4===e.readyState){if(e.te)return q("timeout");200===e.status||h&&0===e.status?p():q()}},a.timeout&&(j=window.setTimeout(function(){4!==e.readyState&&(e.te=f,e.abort())},a.timeout)));try{e.open(a.method||
+"GET",a.uri,f)}catch(w){q(w);return}a.withCredentials&&(e.withCredentials=f);a.responseType&&(e.responseType=a.responseType);try{e.send()}catch(ja){q(ja)}};t.W={};t.W.pa=function(a,c){var d,e,g;a=t.h.copy(a);for(d in c)c.hasOwnProperty(d)&&(e=a[d],g=c[d],a[d]=t.h.ab(e)&&t.h.ab(g)?t.W.pa(e,g):c[d]);return a};
+t.a=t.va.extend({i:function(a,c,d){this.d=a;this.m=t.h.copy(this.m);c=this.options(c);this.K=c.id||c.el&&c.el.id;this.K||(this.K=(a.id&&a.id()||"no_player")+"_component_"+t.q++);this.Vd=c.name||k;this.b=c.el||this.e();this.O=[];this.Xa={};this.Ya={};this.Gc();this.H(d);if(c.Tc!==l){var e,g;this.j().reportUserActivity&&(e=t.bind(this.j(),this.j().reportUserActivity),this.c("touchstart",function(){e();this.clearInterval(g);g=this.setInterval(e,250)}),a=function(){e();this.clearInterval(g)},this.c("touchmove",
+e),this.c("touchend",a),this.c("touchcancel",a))}}});s=t.a.prototype;s.dispose=function(){this.l({type:"dispose",bubbles:l});if(this.O)for(var a=this.O.length-1;0<=a;a--)this.O[a].dispose&&this.O[a].dispose();this.Ya=this.Xa=this.O=k;this.k();this.b.parentNode&&this.b.parentNode.removeChild(this.b);t.Sc(this.b);this.b=k};s.d=f;s.j=n("d");s.options=function(a){return a===b?this.m:this.m=t.W.pa(this.m,a)};s.e=function(a,c){return t.e(a,c)};
+s.t=function(a){var c=this.d.language(),d=this.d.languages();return d&&d[c]&&d[c][a]?d[c][a]:a};s.w=n("b");s.ma=function(){return this.v||this.b};s.id=n("K");s.name=n("Vd");s.children=n("O");s.Kd=function(a){return this.Xa[a]};s.na=function(a){return this.Ya[a]};
+s.U=function(a,c){var d,e;"string"===typeof a?(e=a,c=c||{},d=c.componentClass||t.ba(e),c.name=e,d=new window.videojs[d](this.d||this,c)):d=a;this.O.push(d);"function"===typeof d.id&&(this.Xa[d.id()]=d);(e=e||d.name&&d.name())&&(this.Ya[e]=d);"function"===typeof d.el&&d.el()&&this.ma().appendChild(d.el());return d};
+s.removeChild=function(a){"string"===typeof a&&(a=this.na(a));if(a&&this.O){for(var c=l,d=this.O.length-1;0<=d;d--)if(this.O[d]===a){c=f;this.O.splice(d,1);break}c&&(this.Xa[a.id()]=k,this.Ya[a.name()]=k,(c=a.w())&&c.parentNode===this.ma()&&this.ma().removeChild(a.w()))}};
+s.Gc=function(){var a,c,d,e,g,h;a=this;c=a.options();if(d=c.children)if(h=function(d,e){c[d]!==b&&(e=c[d]);e!==l&&(a[d]=a.U(d,e))},t.h.isArray(d))for(var j=0;j<d.length;j++)e=d[j],"string"==typeof e?(g=e,e={}):g=e.name,h(g,e);else t.h.Y(d,h)};s.S=r("");
+s.c=function(a,c,d){var e,g,h;"string"===typeof a||t.h.isArray(a)?t.c(this.b,a,t.bind(this,c)):(e=t.bind(this,d),h=this,g=function(){h.k(a,c,e)},g.q=e.q,this.c("dispose",g),d=function(){h.k("dispose",g)},d.q=e.q,a.nodeName?(t.c(a,c,e),t.c(a,"dispose",d)):"function"===typeof a.c&&(a.c(c,e),a.c("dispose",d)));return this};
+s.k=function(a,c,d){!a||"string"===typeof a||t.h.isArray(a)?t.k(this.b,a,c):(d=t.bind(this,d),this.k("dispose",d),a.nodeName?(t.k(a,c,d),t.k(a,"dispose",d)):(a.k(c,d),a.k("dispose",d)));return this};s.Q=function(a,c,d){var e,g,h;"string"===typeof a||t.h.isArray(a)?t.Q(this.b,a,t.bind(this,c)):(e=t.bind(this,d),g=this,h=function(){g.k(a,c,h);e.apply(this,arguments)},h.q=e.q,this.c(a,c,h));return this};s.l=function(a){t.l(this.b,a);return this};
+s.H=function(a){a&&(this.oa?a.call(this):(this.hb===b&&(this.hb=[]),this.hb.push(a)));return this};s.Na=function(){this.oa=f;var a=this.hb;if(a&&0<a.length){for(var c=0,d=a.length;c<d;c++)a[c].call(this);this.hb=[];this.l("ready")}};s.$a=function(a){return t.$a(this.b,a)};s.n=function(a){t.n(this.b,a);return this};s.r=function(a){t.r(this.b,a);return this};s.show=function(){this.b.style.display="block";return this};s.Z=function(){this.b.style.display="none";return this};
+function E(a){a.r("vjs-lock-showing")}s.disable=function(){this.Z();this.show=m()};s.width=function(a,c){return F(this,"width",a,c)};s.height=function(a,c){return F(this,"height",a,c)};s.Dd=function(a,c){return this.width(a,f).height(c)};
+function F(a,c,d,e){if(d!==b){if(d===k||t.Pd(d))d=0;a.b.style[c]=-1!==(""+d).indexOf("%")||-1!==(""+d).indexOf("px")?d:"auto"===d?"":d+"px";e||a.l("resize");return a}if(!a.b)return 0;d=a.b.style[c];e=d.indexOf("px");return-1!==e?parseInt(d.slice(0,e),10):parseInt(a.b["offset"+t.ba(c)],10)}
+function G(a){var c,d,e,g,h,j,p,q;c=0;d=k;a.c("touchstart",function(a){1===a.touches.length&&(d=a.touches[0],c=(new Date).getTime(),g=f)});a.c("touchmove",function(a){1<a.touches.length?g=l:d&&(j=a.touches[0].pageX-d.pageX,p=a.touches[0].pageY-d.pageY,q=Math.sqrt(j*j+p*p),22<q&&(g=l))});h=function(){g=l};a.c("touchleave",h);a.c("touchcancel",h);a.c("touchend",function(a){d=k;g===f&&(e=(new Date).getTime()-c,250>e&&(a.preventDefault(),this.l("tap")))})}
+s.setTimeout=function(a,c){function d(){this.clearTimeout(e)}a=t.bind(this,a);var e=setTimeout(a,c);d.q="vjs-timeout-"+e;this.c("dispose",d);return e};s.clearTimeout=function(a){function c(){}clearTimeout(a);c.q="vjs-timeout-"+a;this.k("dispose",c);return a};s.setInterval=function(a,c){function d(){this.clearInterval(e)}a=t.bind(this,a);var e=setInterval(a,c);d.q="vjs-interval-"+e;this.c("dispose",d);return e};
+s.clearInterval=function(a){function c(){}clearInterval(a);c.q="vjs-interval-"+a;this.k("dispose",c);return a};t.u=t.a.extend({i:function(a,c){t.a.call(this,a,c);G(this);this.c("tap",this.s);this.c("click",this.s);this.c("focus",this.fb);this.c("blur",this.eb)}});s=t.u.prototype;
+s.e=function(a,c){var d;c=t.h.z({className:this.S(),role:"button","aria-live":"polite",tabIndex:0},c);d=t.a.prototype.e.call(this,a,c);c.innerHTML||(this.v=t.e("div",{className:"vjs-control-content"}),this.Cb=t.e("span",{className:"vjs-control-text",innerHTML:this.t(this.la)||"Need Text"}),this.v.appendChild(this.Cb),d.appendChild(this.v));return d};s.S=function(){return"vjs-control "+t.a.prototype.S.call(this)};s.s=m();s.fb=function(){t.c(document,"keydown",t.bind(this,this.ea))};
+s.ea=function(a){if(32==a.which||13==a.which)a.preventDefault(),this.s()};s.eb=function(){t.k(document,"keydown",t.bind(this,this.ea))};t.R=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.td=this.na(this.m.barName);this.handle=this.na(this.m.handleName);this.c("mousedown",this.gb);this.c("touchstart",this.gb);this.c("focus",this.fb);this.c("blur",this.eb);this.c("click",this.s);this.c(a,"controlsvisible",this.update);this.c(a,this.Oc,this.update)}});s=t.R.prototype;
+s.e=function(a,c){c=c||{};c.className+=" vjs-slider";c=t.h.z({role:"slider","aria-valuenow":0,"aria-valuemin":0,"aria-valuemax":100,tabIndex:0},c);return t.a.prototype.e.call(this,a,c)};s.gb=function(a){a.preventDefault();t.ud();this.n("vjs-sliding");this.c(document,"mousemove",this.fa);this.c(document,"mouseup",this.ra);this.c(document,"touchmove",this.fa);this.c(document,"touchend",this.ra);this.fa(a)};s.fa=m();
+s.ra=function(){t.ve();this.r("vjs-sliding");this.k(document,"mousemove",this.fa);this.k(document,"mouseup",this.ra);this.k(document,"touchmove",this.fa);this.k(document,"touchend",this.ra);this.update()};s.update=function(){if(this.b){var a,c=this.Lb(),d=this.handle,e=this.td;isNaN(c)&&(c=0);a=c;if(d){a=this.b.offsetWidth;var g=d.w().offsetWidth;a=g?g/a:0;c*=1-a;a=c+a/2;d.w().style.left=t.round(100*c,2)+"%"}e&&(e.w().style.width=t.round(100*a,2)+"%")}};
+function H(a,c){var d,e,g,h;d=a.b;e=t.Hd(d);h=g=d.offsetWidth;d=a.handle;if(a.options().vertical)return h=e.top,e=c.changedTouches?c.changedTouches[0].pageY:c.pageY,d&&(d=d.w().offsetHeight,h+=d/2,g-=d),Math.max(0,Math.min(1,(h-e+g)/g));g=e.left;e=c.changedTouches?c.changedTouches[0].pageX:c.pageX;d&&(d=d.w().offsetWidth,g+=d/2,h-=d);return Math.max(0,Math.min(1,(e-g)/h))}s.fb=function(){this.c(document,"keydown",this.ea)};
+s.ea=function(a){if(37==a.which||40==a.which)a.preventDefault(),this.Yc();else if(38==a.which||39==a.which)a.preventDefault(),this.Zc()};s.eb=function(){this.k(document,"keydown",this.ea)};s.s=function(a){a.stopImmediatePropagation();a.preventDefault()};t.$=t.a.extend();t.$.prototype.defaultValue=0;t.$.prototype.e=function(a,c){c=c||{};c.className+=" vjs-slider-handle";c=t.h.z({innerHTML:'<span class="vjs-control-text">'+this.defaultValue+"</span>"},c);return t.a.prototype.e.call(this,"div",c)};
+t.ja=t.a.extend();function ca(a,c){a.U(c);c.c("click",t.bind(a,function(){E(this)}))}t.ja.prototype.e=function(){var a=this.options().uc||"ul";this.v=t.e(a,{className:"vjs-menu-content"});a=t.a.prototype.e.call(this,"div",{append:this.v,className:"vjs-menu"});a.appendChild(this.v);t.c(a,"click",function(a){a.preventDefault();a.stopImmediatePropagation()});return a};t.J=t.u.extend({i:function(a,c){t.u.call(this,a,c);this.selected(c.selected)}});
+t.J.prototype.e=function(a,c){return t.u.prototype.e.call(this,"li",t.h.z({className:"vjs-menu-item",innerHTML:this.t(this.m.label)},c))};t.J.prototype.s=function(){this.selected(f)};t.J.prototype.selected=function(a){a?(this.n("vjs-selected"),this.b.setAttribute("aria-selected",f)):(this.r("vjs-selected"),this.b.setAttribute("aria-selected",l))};
+t.L=t.u.extend({i:function(a,c){t.u.call(this,a,c);this.Fa=this.Aa();this.U(this.Fa);this.P&&0===this.P.length&&this.Z();this.c("keydown",this.ea);this.b.setAttribute("aria-haspopup",f);this.b.setAttribute("role","button")}});s=t.L.prototype;s.xa=l;s.Aa=function(){var a=new t.ja(this.d);this.options().title&&a.ma().appendChild(t.e("li",{className:"vjs-menu-title",innerHTML:t.ba(this.options().title),re:-1}));if(this.P=this.createItems())for(var c=0;c<this.P.length;c++)ca(a,this.P[c]);return a};
+s.za=m();s.S=function(){return this.className+" vjs-menu-button "+t.u.prototype.S.call(this)};s.fb=m();s.eb=m();s.s=function(){this.Q("mouseout",t.bind(this,function(){E(this.Fa);this.b.blur()}));this.xa?I(this):J(this)};s.ea=function(a){32==a.which||13==a.which?(this.xa?I(this):J(this),a.preventDefault()):27==a.which&&(this.xa&&I(this),a.preventDefault())};function J(a){a.xa=f;a.Fa.n("vjs-lock-showing");a.b.setAttribute("aria-pressed",f);a.P&&0<a.P.length&&a.P[0].w().focus()}
+function I(a){a.xa=l;E(a.Fa);a.b.setAttribute("aria-pressed",l)}t.D=function(a){"number"===typeof a?this.code=a:"string"===typeof a?this.message=a:"object"===typeof a&&t.h.z(this,a);this.message||(this.message=t.D.Bd[this.code]||"")};t.D.prototype.code=0;t.D.prototype.message="";t.D.prototype.status=k;t.D.Za="MEDIA_ERR_CUSTOM MEDIA_ERR_ABORTED MEDIA_ERR_NETWORK MEDIA_ERR_DECODE MEDIA_ERR_SRC_NOT_SUPPORTED MEDIA_ERR_ENCRYPTED".split(" ");
+t.D.Bd={1:"You aborted the video playback",2:"A network error caused the video download to fail part-way.",3:"The video playback was aborted due to a corruption problem or because the video used features your browser did not support.",4:"The video could not be loaded, either because the server or network failed or because the format is not supported.",5:"The video is encrypted and we do not have the keys to decrypt it."};for(var K=0;K<t.D.Za.length;K++)t.D[t.D.Za[K]]=K,t.D.prototype[t.D.Za[K]]=K;
+var L,M,N,O;
+L=["requestFullscreen exitFullscreen fullscreenElement fullscreenEnabled fullscreenchange fullscreenerror".split(" "),"webkitRequestFullscreen webkitExitFullscreen webkitFullscreenElement webkitFullscreenEnabled webkitfullscreenchange webkitfullscreenerror".split(" "),"webkitRequestFullScreen webkitCancelFullScreen webkitCurrentFullScreenElement webkitCancelFullScreen webkitfullscreenchange webkitfullscreenerror".split(" "),"mozRequestFullScreen mozCancelFullScreen mozFullScreenElement mozFullScreenEnabled mozfullscreenchange mozfullscreenerror".split(" "),"msRequestFullscreen msExitFullscreen msFullscreenElement msFullscreenEnabled MSFullscreenChange MSFullscreenError".split(" ")];
+M=L[0];for(O=0;O<L.length;O++)if(L[O][1]in document){N=L[O];break}if(N){t.Va.Kb={};for(O=0;O<N.length;O++)t.Va.Kb[M[O]]=N[O]}
+t.Player=t.a.extend({i:function(a,c,d){this.I=a;a.id=a.id||"vjs_video_"+t.q++;this.se=a&&t.Ea(a);c=t.h.z(da(a),c);this.bb=c.language||t.options.language;this.Td=c.languages||t.options.languages;this.F={};this.Pc=c.poster||"";this.Db=!!c.controls;a.controls=l;c.Tc=l;P(this,"audio"===this.I.nodeName.toLowerCase());t.a.call(this,this,c,d);this.controls()?this.n("vjs-controls-enabled"):this.n("vjs-controls-disabled");P(this)&&this.n("vjs-audio");t.Ga[this.K]=this;c.plugins&&t.h.Y(c.plugins,function(a,
+c){this[a](c)},this);var e,g,h,j,p;e=t.bind(this,this.reportUserActivity);this.c("mousedown",function(){e();this.clearInterval(g);g=this.setInterval(e,250)});this.c("mousemove",function(a){if(a.screenX!=j||a.screenY!=p)j=a.screenX,p=a.screenY,e()});this.c("mouseup",function(){e();this.clearInterval(g)});this.c("keydown",e);this.c("keyup",e);this.setInterval(function(){if(this.ua){this.ua=l;this.userActive(f);this.clearTimeout(h);var a=this.options().inactivityTimeout;0<a&&(h=this.setTimeout(function(){this.ua||
+this.userActive(l)},a))}},250)}});s=t.Player.prototype;s.language=function(a){if(a===b)return this.bb;this.bb=a;return this};s.languages=n("Td");s.m=t.options;s.dispose=function(){this.l("dispose");this.k("dispose");t.Ga[this.K]=k;this.I&&this.I.player&&(this.I.player=k);this.b&&this.b.player&&(this.b.player=k);this.o&&this.o.dispose();t.a.prototype.dispose.call(this)};
+function da(a){var c,d,e={sources:[],tracks:[]};c=t.Ea(a);d=c["data-setup"];d!==k&&t.h.z(c,t.JSON.parse(d||"{}"));t.h.z(e,c);if(a.hasChildNodes()){var g,h;a=a.childNodes;g=0;for(h=a.length;g<h;g++)c=a[g],d=c.nodeName.toLowerCase(),"source"===d?e.sources.push(t.Ea(c)):"track"===d&&e.tracks.push(t.Ea(c))}return e}
+s.e=function(){var a=this.b=t.a.prototype.e.call(this,"div"),c=this.I,d;c.removeAttribute("width");c.removeAttribute("height");if(c.hasChildNodes()){var e,g,h,j,p;e=c.childNodes;g=e.length;for(p=[];g--;)h=e[g],j=h.nodeName.toLowerCase(),"track"===j&&p.push(h);for(e=0;e<p.length;e++)c.removeChild(p[e])}d=t.Ea(c);t.h.Y(d,function(c){"class"==c?a.className=d[c]:a.setAttribute(c,d[c])});c.id+="_html5_api";c.className="vjs-tech";c.player=a.player=this;this.n("vjs-paused");this.width(this.m.width,f);this.height(this.m.height,
+f);c.Md=c.networkState;c.parentNode&&c.parentNode.insertBefore(a,c);t.Nb(c,a);this.b=a;this.c("loadstart",this.Zd);this.c("waiting",this.ee);this.c(["canplay","canplaythrough","playing","ended"],this.de);this.c("seeking",this.be);this.c("seeked",this.ae);this.c("ended",this.Wd);this.c("play",this.Tb);this.c("firstplay",this.Xd);this.c("pause",this.Sb);this.c("progress",this.$d);this.c("durationchange",this.Mc);this.c("fullscreenchange",this.Yd);return a};
+function Q(a,c,d){a.o&&(a.oa=l,a.o.dispose(),a.o=l);"Html5"!==c&&a.I&&(t.g.Gb(a.I),a.I=k);a.La=c;a.oa=l;var e=t.h.z({source:d,parentEl:a.b},a.m[c.toLowerCase()]);d&&(a.xc=d.type,d.src==a.F.src&&0<a.F.currentTime&&(e.startTime=a.F.currentTime),a.F.src=d.src);a.o=new window.videojs[c](a,e);a.o.H(function(){this.d.Na()})}s.Zd=function(){this.error(k);this.paused()?(R(this,l),this.Q("play",function(){R(this,f)})):this.l("firstplay")};s.Fc=l;
+function R(a,c){c!==b&&a.Fc!==c&&((a.Fc=c)?(a.n("vjs-has-started"),a.l("firstplay")):a.r("vjs-has-started"))}s.Tb=function(){this.r("vjs-paused");this.n("vjs-playing")};s.ee=function(){this.n("vjs-waiting")};s.de=function(){this.r("vjs-waiting")};s.be=function(){this.n("vjs-seeking")};s.ae=function(){this.r("vjs-seeking")};s.Xd=function(){this.m.starttime&&this.currentTime(this.m.starttime);this.n("vjs-has-started")};s.Sb=function(){this.r("vjs-playing");this.n("vjs-paused")};
+s.$d=function(){1==this.bufferedPercent()&&this.l("loadedalldata")};s.Wd=function(){this.m.loop?(this.currentTime(0),this.play()):this.paused()||this.pause()};s.Mc=function(){var a=S(this,"duration");a&&(0>a&&(a=Infinity),this.duration(a),Infinity===a?this.n("vjs-live"):this.r("vjs-live"))};s.Yd=function(){this.isFullscreen()?this.n("vjs-fullscreen"):this.r("vjs-fullscreen")};function T(a,c,d){if(a.o&&!a.o.oa)a.o.H(function(){this[c](d)});else try{a.o[c](d)}catch(e){throw t.log(e),e;}}
+function S(a,c){if(a.o&&a.o.oa)try{return a.o[c]()}catch(d){throw a.o[c]===b?t.log("Video.js: "+c+" method not defined for "+a.La+" playback technology.",d):"TypeError"==d.name?(t.log("Video.js: "+c+" unavailable on "+a.La+" playback technology element.",d),a.o.oa=l):t.log(d),d;}}s.play=function(){T(this,"play");return this};s.pause=function(){T(this,"pause");return this};s.paused=function(){return S(this,"paused")===l?l:f};
+s.currentTime=function(a){return a!==b?(T(this,"setCurrentTime",a),this):this.F.currentTime=S(this,"currentTime")||0};s.duration=function(a){if(a!==b)return this.F.duration=parseFloat(a),this;this.F.duration===b&&this.Mc();return this.F.duration||0};s.remainingTime=function(){return this.duration()-this.currentTime()};s.buffered=function(){var a=S(this,"buffered");if(!a||!a.length)a=t.Eb(0,0);return a};
+s.bufferedPercent=function(){var a=this.duration(),c=this.buffered(),d=0,e,g;if(!a)return 0;for(var h=0;h<c.length;h++)e=c.start(h),g=c.end(h),g>a&&(g=a),d+=g-e;return d/a};s.volume=function(a){if(a!==b)return a=Math.max(0,Math.min(1,parseFloat(a))),this.F.volume=a,T(this,"setVolume",a),t.je(a),this;a=parseFloat(S(this,"volume"));return isNaN(a)?1:a};s.muted=function(a){return a!==b?(T(this,"setMuted",a),this):S(this,"muted")||l};s.Ka=function(){return S(this,"supportsFullScreen")||l};s.Ic=l;
+s.isFullscreen=function(a){return a!==b?(this.Ic=!!a,this):this.Ic};s.isFullScreen=function(a){t.log.warn('player.isFullScreen() has been deprecated, use player.isFullscreen() with a lowercase "s")');return this.isFullscreen(a)};
+s.requestFullscreen=function(){var a=t.Va.Kb;this.isFullscreen(f);a?(t.c(document,a.fullscreenchange,t.bind(this,function(c){this.isFullscreen(document[a.fullscreenElement]);this.isFullscreen()===l&&t.k(document,a.fullscreenchange,arguments.callee);this.l("fullscreenchange")})),this.b[a.requestFullscreen]()):this.o.Ka()?T(this,"enterFullScreen"):(this.Bc(),this.l("fullscreenchange"));return this};
+s.requestFullScreen=function(){t.log.warn('player.requestFullScreen() has been deprecated, use player.requestFullscreen() with a lowercase "s")');return this.requestFullscreen()};s.exitFullscreen=function(){var a=t.Va.Kb;this.isFullscreen(l);if(a)document[a.exitFullscreen]();else this.o.Ka()?T(this,"exitFullScreen"):(this.Hb(),this.l("fullscreenchange"));return this};s.cancelFullScreen=function(){t.log.warn("player.cancelFullScreen() has been deprecated, use player.exitFullscreen()");return this.exitFullscreen()};
+s.Bc=function(){this.Od=f;this.Ed=document.documentElement.style.overflow;t.c(document,"keydown",t.bind(this,this.Dc));document.documentElement.style.overflow="hidden";t.n(document.body,"vjs-full-window");this.l("enterFullWindow")};s.Dc=function(a){27===a.keyCode&&(this.isFullscreen()===f?this.exitFullscreen():this.Hb())};s.Hb=function(){this.Od=l;t.k(document,"keydown",this.Dc);document.documentElement.style.overflow=this.Ed;t.r(document.body,"vjs-full-window");this.l("exitFullWindow")};
+s.selectSource=function(a){for(var c=0,d=this.m.techOrder;c<d.length;c++){var e=t.ba(d[c]),g=window.videojs[e];if(g){if(g.isSupported())for(var h=0,j=a;h<j.length;h++){var p=j[h];if(g.canPlaySource(p))return{source:p,o:e}}}else t.log.error('The "'+e+'" tech is undefined. Skipped browser support check for that tech.')}return l};
+s.src=function(a){if(a===b)return S(this,"src");t.h.isArray(a)?U(this,a):"string"===typeof a?this.src({src:a}):a instanceof Object&&(a.type&&!window.videojs[this.La].canPlaySource(a)?U(this,[a]):(this.F.src=a.src,this.xc=a.type||"",this.H(function(){window.videojs[this.La].prototype.hasOwnProperty("setSource")?T(this,"setSource",a):T(this,"src",a.src);"auto"==this.m.preload&&this.load();this.m.autoplay&&this.play()})));return this};
+function U(a,c){var d=a.selectSource(c);d?d.o===a.La?a.src(d.source):Q(a,d.o,d.source):(a.setTimeout(function(){this.error({code:4,message:this.t(this.options().notSupportedMessage)})},0),a.Na())}s.load=function(){T(this,"load");return this};s.currentSrc=function(){return S(this,"currentSrc")||this.F.src||""};s.zd=function(){return this.xc||""};s.Ha=function(a){return a!==b?(T(this,"setPreload",a),this.m.preload=a,this):S(this,"preload")};
+s.autoplay=function(a){return a!==b?(T(this,"setAutoplay",a),this.m.autoplay=a,this):S(this,"autoplay")};s.loop=function(a){return a!==b?(T(this,"setLoop",a),this.m.loop=a,this):S(this,"loop")};s.poster=function(a){if(a===b)return this.Pc;a||(a="");this.Pc=a;T(this,"setPoster",a);this.l("posterchange");return this};
+s.controls=function(a){return a!==b?(a=!!a,this.Db!==a&&((this.Db=a)?(this.r("vjs-controls-disabled"),this.n("vjs-controls-enabled"),this.l("controlsenabled")):(this.r("vjs-controls-enabled"),this.n("vjs-controls-disabled"),this.l("controlsdisabled"))),this):this.Db};t.Player.prototype.Zb;s=t.Player.prototype;
+s.usingNativeControls=function(a){return a!==b?(a=!!a,this.Zb!==a&&((this.Zb=a)?(this.n("vjs-using-native-controls"),this.l("usingnativecontrols")):(this.r("vjs-using-native-controls"),this.l("usingcustomcontrols"))),this):this.Zb};s.da=k;s.error=function(a){if(a===b)return this.da;if(a===k)return this.da=a,this.r("vjs-error"),this;this.da=a instanceof t.D?a:new t.D(a);this.l("error");this.n("vjs-error");t.log.error("(CODE:"+this.da.code+" "+t.D.Za[this.da.code]+")",this.da.message,this.da);return this};
+s.ended=function(){return S(this,"ended")};s.seeking=function(){return S(this,"seeking")};s.ua=f;s.reportUserActivity=function(){this.ua=f};s.Yb=f;s.userActive=function(a){return a!==b?(a=!!a,a!==this.Yb&&((this.Yb=a)?(this.ua=f,this.r("vjs-user-inactive"),this.n("vjs-user-active"),this.l("useractive")):(this.ua=l,this.o&&this.o.Q("mousemove",function(a){a.stopPropagation();a.preventDefault()}),this.r("vjs-user-active"),this.n("vjs-user-inactive"),this.l("userinactive"))),this):this.Yb};
+s.playbackRate=function(a){return a!==b?(T(this,"setPlaybackRate",a),this):this.o&&this.o.featuresPlaybackRate?S(this,"playbackRate"):1};s.Hc=l;function P(a,c){return c!==b?(a.Hc=!!c,a):a.Hc}t.Qa=t.a.extend();t.Qa.prototype.m={Ie:"play",children:{playToggle:{},currentTimeDisplay:{},timeDivider:{},durationDisplay:{},remainingTimeDisplay:{},liveDisplay:{},progressControl:{},fullscreenToggle:{},volumeControl:{},muteToggle:{},playbackRateMenuButton:{}}};t.Qa.prototype.e=function(){return t.e("div",{className:"vjs-control-bar"})};
+t.ec=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});t.ec.prototype.e=function(){var a=t.a.prototype.e.call(this,"div",{className:"vjs-live-controls vjs-control"});this.v=t.e("div",{className:"vjs-live-display",innerHTML:'<span class="vjs-control-text">'+this.t("Stream Type")+"</span>"+this.t("LIVE"),"aria-live":"off"});a.appendChild(this.v);return a};t.hc=t.u.extend({i:function(a,c){t.u.call(this,a,c);this.c(a,"play",this.Tb);this.c(a,"pause",this.Sb)}});s=t.hc.prototype;s.la="Play";
+s.S=function(){return"vjs-play-control "+t.u.prototype.S.call(this)};s.s=function(){this.d.paused()?this.d.play():this.d.pause()};s.Tb=function(){this.r("vjs-paused");this.n("vjs-playing");this.b.children[0].children[0].innerHTML=this.t("Pause")};s.Sb=function(){this.r("vjs-playing");this.n("vjs-paused");this.b.children[0].children[0].innerHTML=this.t("Play")};t.nb=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.c(a,"timeupdate",this.ia)}});
+t.nb.prototype.e=function(){var a=t.a.prototype.e.call(this,"div",{className:"vjs-current-time vjs-time-controls vjs-control"});this.v=t.e("div",{className:"vjs-current-time-display",innerHTML:'<span class="vjs-control-text">Current Time </span>0:00',"aria-live":"off"});a.appendChild(this.v);return a};t.nb.prototype.ia=function(){var a=this.d.ib?this.d.F.currentTime:this.d.currentTime();this.v.innerHTML='<span class="vjs-control-text">'+this.t("Current Time")+"</span> "+t.Da(a,this.d.duration())};
+t.ob=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.c(a,"timeupdate",this.ia)}});t.ob.prototype.e=function(){var a=t.a.prototype.e.call(this,"div",{className:"vjs-duration vjs-time-controls vjs-control"});this.v=t.e("div",{className:"vjs-duration-display",innerHTML:'<span class="vjs-control-text">'+this.t("Duration Time")+"</span> 0:00","aria-live":"off"});a.appendChild(this.v);return a};
+t.ob.prototype.ia=function(){var a=this.d.duration();a&&(this.v.innerHTML='<span class="vjs-control-text">'+this.t("Duration Time")+"</span> "+t.Da(a))};t.nc=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});t.nc.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-time-divider",innerHTML:"<div><span>/</span></div>"})};t.vb=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.c(a,"timeupdate",this.ia)}});
+t.vb.prototype.e=function(){var a=t.a.prototype.e.call(this,"div",{className:"vjs-remaining-time vjs-time-controls vjs-control"});this.v=t.e("div",{className:"vjs-remaining-time-display",innerHTML:'<span class="vjs-control-text">'+this.t("Remaining Time")+"</span> -0:00","aria-live":"off"});a.appendChild(this.v);return a};t.vb.prototype.ia=function(){this.d.duration()&&(this.v.innerHTML='<span class="vjs-control-text">'+this.t("Remaining Time")+"</span> -"+t.Da(this.d.remainingTime()))};
+t.Ra=t.u.extend({i:function(a,c){t.u.call(this,a,c)}});t.Ra.prototype.la="Fullscreen";t.Ra.prototype.S=function(){return"vjs-fullscreen-control "+t.u.prototype.S.call(this)};t.Ra.prototype.s=function(){this.d.isFullscreen()?(this.d.exitFullscreen(),this.Cb.innerHTML=this.t("Fullscreen")):(this.d.requestFullscreen(),this.Cb.innerHTML=this.t("Non-Fullscreen"))};t.ub=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});t.ub.prototype.m={children:{seekBar:{}}};
+t.ub.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-progress-control vjs-control"})};t.kc=t.R.extend({i:function(a,c){t.R.call(this,a,c);this.c(a,"timeupdate",this.ta);a.H(t.bind(this,this.ta))}});s=t.kc.prototype;s.m={children:{loadProgressBar:{},playProgressBar:{},seekHandle:{}},barName:"playProgressBar",handleName:"seekHandle"};s.Oc="timeupdate";s.e=function(){return t.R.prototype.e.call(this,"div",{className:"vjs-progress-holder","aria-label":"video progress bar"})};
+s.ta=function(){var a=this.d.ib?this.d.F.currentTime:this.d.currentTime();this.b.setAttribute("aria-valuenow",t.round(100*this.Lb(),2));this.b.setAttribute("aria-valuetext",t.Da(a,this.d.duration()))};s.Lb=function(){return this.d.currentTime()/this.d.duration()};s.gb=function(a){t.R.prototype.gb.call(this,a);this.d.ib=f;this.xe=!this.d.paused();this.d.pause()};s.fa=function(a){a=H(this,a)*this.d.duration();a==this.d.duration()&&(a-=0.1);this.d.currentTime(a)};
+s.ra=function(a){t.R.prototype.ra.call(this,a);this.d.ib=l;this.xe&&this.d.play()};s.Zc=function(){this.d.currentTime(this.d.currentTime()+5)};s.Yc=function(){this.d.currentTime(this.d.currentTime()-5)};t.rb=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.c(a,"progress",this.update)}});t.rb.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-load-progress",innerHTML:'<span class="vjs-control-text"><span>'+this.t("Loaded")+"</span>: 0%</span>"})};
+t.rb.prototype.update=function(){var a,c,d,e,g=this.d.buffered();a=this.d.duration();var h,j=this.d;h=j.buffered();j=j.duration();h=h.end(h.length-1);h>j&&(h=j);j=this.b.children;this.b.style.width=100*(h/a||0)+"%";for(a=0;a<g.length;a++)c=g.start(a),d=g.end(a),(e=j[a])||(e=this.b.appendChild(t.e())),e.style.left=100*(c/h||0)+"%",e.style.width=100*((d-c)/h||0)+"%";for(a=j.length;a>g.length;a--)this.b.removeChild(j[a-1])};t.gc=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});
+t.gc.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-play-progress",innerHTML:'<span class="vjs-control-text"><span>'+this.t("Progress")+"</span>: 0%</span>"})};t.Sa=t.$.extend({i:function(a,c){t.$.call(this,a,c);this.c(a,"timeupdate",this.ia)}});t.Sa.prototype.defaultValue="00:00";t.Sa.prototype.e=function(){return t.$.prototype.e.call(this,"div",{className:"vjs-seek-handle","aria-live":"off"})};
+t.Sa.prototype.ia=function(){var a=this.d.ib?this.d.F.currentTime:this.d.currentTime();this.b.innerHTML='<span class="vjs-control-text">'+t.Da(a,this.d.duration())+"</span>"};t.yb=t.a.extend({i:function(a,c){t.a.call(this,a,c);a.o&&a.o.featuresVolumeControl===l&&this.n("vjs-hidden");this.c(a,"loadstart",function(){a.o.featuresVolumeControl===l?this.n("vjs-hidden"):this.r("vjs-hidden")})}});t.yb.prototype.m={children:{volumeBar:{}}};
+t.yb.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-volume-control vjs-control"})};t.xb=t.R.extend({i:function(a,c){t.R.call(this,a,c);this.c(a,"volumechange",this.ta);a.H(t.bind(this,this.ta))}});s=t.xb.prototype;s.ta=function(){this.b.setAttribute("aria-valuenow",t.round(100*this.d.volume(),2));this.b.setAttribute("aria-valuetext",t.round(100*this.d.volume(),2)+"%")};s.m={children:{volumeLevel:{},volumeHandle:{}},barName:"volumeLevel",handleName:"volumeHandle"};
+s.Oc="volumechange";s.e=function(){return t.R.prototype.e.call(this,"div",{className:"vjs-volume-bar","aria-label":"volume level"})};s.fa=function(a){this.d.muted()&&this.d.muted(l);this.d.volume(H(this,a))};s.Lb=function(){return this.d.muted()?0:this.d.volume()};s.Zc=function(){this.d.volume(this.d.volume()+0.1)};s.Yc=function(){this.d.volume(this.d.volume()-0.1)};t.oc=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});
+t.oc.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-volume-level",innerHTML:'<span class="vjs-control-text"></span>'})};t.zb=t.$.extend();t.zb.prototype.defaultValue="00:00";t.zb.prototype.e=function(){return t.$.prototype.e.call(this,"div",{className:"vjs-volume-handle"})};
+t.ka=t.u.extend({i:function(a,c){t.u.call(this,a,c);this.c(a,"volumechange",this.update);a.o&&a.o.featuresVolumeControl===l&&this.n("vjs-hidden");this.c(a,"loadstart",function(){a.o.featuresVolumeControl===l?this.n("vjs-hidden"):this.r("vjs-hidden")})}});t.ka.prototype.e=function(){return t.u.prototype.e.call(this,"div",{className:"vjs-mute-control vjs-control",innerHTML:'<div><span class="vjs-control-text">'+this.t("Mute")+"</span></div>"})};
+t.ka.prototype.s=function(){this.d.muted(this.d.muted()?l:f)};t.ka.prototype.update=function(){var a=this.d.volume(),c=3;0===a||this.d.muted()?c=0:0.33>a?c=1:0.67>a&&(c=2);this.d.muted()?this.b.children[0].children[0].innerHTML!=this.t("Unmute")&&(this.b.children[0].children[0].innerHTML=this.t("Unmute")):this.b.children[0].children[0].innerHTML!=this.t("Mute")&&(this.b.children[0].children[0].innerHTML=this.t("Mute"));for(a=0;4>a;a++)t.r(this.b,"vjs-vol-"+a);t.n(this.b,"vjs-vol-"+c)};
+t.wa=t.L.extend({i:function(a,c){t.L.call(this,a,c);this.c(a,"volumechange",this.update);a.o&&a.o.featuresVolumeControl===l&&this.n("vjs-hidden");this.c(a,"loadstart",function(){a.o.featuresVolumeControl===l?this.n("vjs-hidden"):this.r("vjs-hidden")});this.n("vjs-menu-button")}});t.wa.prototype.Aa=function(){var a=new t.ja(this.d,{uc:"div"}),c=new t.xb(this.d,this.m.volumeBar);c.c("focus",function(){a.n("vjs-lock-showing")});c.c("blur",function(){E(a)});a.U(c);return a};
+t.wa.prototype.s=function(){t.ka.prototype.s.call(this);t.L.prototype.s.call(this)};t.wa.prototype.e=function(){return t.u.prototype.e.call(this,"div",{className:"vjs-volume-menu-button vjs-menu-button vjs-control",innerHTML:'<div><span class="vjs-control-text">'+this.t("Mute")+"</span></div>"})};t.wa.prototype.update=t.ka.prototype.update;t.ic=t.L.extend({i:function(a,c){t.L.call(this,a,c);this.cd();this.bd();this.c(a,"loadstart",this.cd);this.c(a,"ratechange",this.bd)}});s=t.ic.prototype;s.la="Playback Rate";
+s.className="vjs-playback-rate";s.e=function(){var a=t.L.prototype.e.call(this);this.Kc=t.e("div",{className:"vjs-playback-rate-value",innerHTML:1});a.appendChild(this.Kc);return a};s.Aa=function(){var a=new t.ja(this.j()),c=this.j().options().playbackRates;if(c)for(var d=c.length-1;0<=d;d--)a.U(new t.tb(this.j(),{rate:c[d]+"x"}));return a};s.ta=function(){this.w().setAttribute("aria-valuenow",this.j().playbackRate())};
+s.s=function(){for(var a=this.j().playbackRate(),c=this.j().options().playbackRates,d=c[0],e=0;e<c.length;e++)if(c[e]>a){d=c[e];break}this.j().playbackRate(d)};function ea(a){return a.j().o&&a.j().o.featuresPlaybackRate&&a.j().options().playbackRates&&0<a.j().options().playbackRates.length}s.cd=function(){ea(this)?this.r("vjs-hidden"):this.n("vjs-hidden")};s.bd=function(){ea(this)&&(this.Kc.innerHTML=this.j().playbackRate()+"x")};
+t.tb=t.J.extend({uc:"button",i:function(a,c){var d=this.label=c.rate,e=this.Rc=parseFloat(d,10);c.label=d;c.selected=1===e;t.J.call(this,a,c);this.c(a,"ratechange",this.update)}});t.tb.prototype.s=function(){t.J.prototype.s.call(this);this.j().playbackRate(this.Rc)};t.tb.prototype.update=function(){this.selected(this.j().playbackRate()==this.Rc)};t.jc=t.u.extend({i:function(a,c){t.u.call(this,a,c);this.update();a.c("posterchange",t.bind(this,this.update))}});s=t.jc.prototype;
+s.dispose=function(){this.j().k("posterchange",this.update);t.u.prototype.dispose.call(this)};s.e=function(){var a=t.e("div",{className:"vjs-poster",tabIndex:-1});t.fd||(this.Ib=t.e("img"),a.appendChild(this.Ib));return a};s.update=function(){var a=this.j().poster();this.ga(a);a?this.b.style.display="":this.Z()};s.ga=function(a){var c;this.Ib?this.Ib.src=a:(c="",a&&(c='url("'+a+'")'),this.b.style.backgroundImage=c)};s.s=function(){this.d.play()};t.fc=t.a.extend({i:function(a,c){t.a.call(this,a,c)}});
+t.fc.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-loading-spinner"})};t.lb=t.u.extend();t.lb.prototype.e=function(){return t.u.prototype.e.call(this,"div",{className:"vjs-big-play-button",innerHTML:'<span aria-hidden="true"></span>',"aria-label":"play video"})};t.lb.prototype.s=function(){this.d.play()};t.pb=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.update();this.c(a,"error",this.update)}});
+t.pb.prototype.e=function(){var a=t.a.prototype.e.call(this,"div",{className:"vjs-error-display"});this.v=t.e("div");a.appendChild(this.v);return a};t.pb.prototype.update=function(){this.j().error()&&(this.v.innerHTML=this.t(this.j().error().message))};
+t.p=t.a.extend({i:function(a,c,d){c=c||{};c.Tc=l;t.a.call(this,a,c,d);this.featuresProgressEvents||(this.Lc=f,this.Qc=this.setInterval(function(){var a=this.j().bufferedPercent();this.vd!=a&&this.j().l("progress");this.vd=a;1===a&&this.clearInterval(this.Qc)},500));this.featuresTimeupdateEvents||(a=this.d,this.Rb=f,this.c(a,"play",this.ad),this.c(a,"pause",this.kb),this.Q("timeupdate",function(){this.featuresTimeupdateEvents=f;fa(this)}));var e;e=this.j();a=function(){if(e.controls()&&!e.usingNativeControls()){var a;
+this.c("mousedown",this.s);this.c("touchstart",function(){a=this.d.userActive()});this.c("touchmove",function(){a&&this.j().reportUserActivity()});this.c("touchend",function(a){a.preventDefault()});G(this);this.c("tap",this.ce)}};this.H(a);this.c(e,"controlsenabled",a);this.c(e,"controlsdisabled",this.he);this.H(function(){this.networkState&&0<this.networkState()&&this.j().l("loadstart")})}});s=t.p.prototype;
+s.he=function(){this.k("tap");this.k("touchstart");this.k("touchmove");this.k("touchleave");this.k("touchcancel");this.k("touchend");this.k("click");this.k("mousedown")};s.s=function(a){0===a.button&&this.j().controls()&&(this.j().paused()?this.j().play():this.j().pause())};s.ce=function(){this.j().userActive(!this.j().userActive())};function fa(a){a.Rb=l;a.kb();a.k("play",a.ad);a.k("pause",a.kb)}s.ad=function(){this.wc&&this.kb();this.wc=this.setInterval(function(){this.j().l("timeupdate")},250)};
+s.kb=function(){this.clearInterval(this.wc);this.j().l("timeupdate")};s.dispose=function(){this.Lc&&(this.Lc=l,this.clearInterval(this.Qc));this.Rb&&fa(this);t.a.prototype.dispose.call(this)};s.Wb=function(){this.Rb&&this.j().l("timeupdate")};s.Vc=m();t.p.prototype.featuresVolumeControl=f;t.p.prototype.featuresFullscreenResize=l;t.p.prototype.featuresPlaybackRate=l;t.p.prototype.featuresProgressEvents=l;t.p.prototype.featuresTimeupdateEvents=l;
+t.p.$b=function(a){a.Ia=function(c,d){var e=a.Wc;e||(e=a.Wc=[]);d===b&&(d=e.length);e.splice(d,0,c)};a.jb=function(c){for(var d=a.Wc||[],e,g=0;g<d.length;g++)if(e=d[g].Wa(c))return d[g];return k};a.rc=function(c){var d=a.jb(c);return d?d.Wa(c):""};a.prototype.Ja=function(c){var d=a.jb(c);this.Ba();this.k("dispose",this.Ba);this.vc=c;this.Xb=d.Mb(c,this);this.c("dispose",this.Ba);return this};a.prototype.Ba=function(){this.Xb&&this.Xb.dispose&&this.Xb.dispose()}};
+t.g=t.p.extend({i:function(a,c,d){t.p.call(this,a,c,d);for(d=t.g.qb.length-1;0<=d;d--)this.c(t.g.qb[d],this.Fd);(c=c.source)&&(this.b.currentSrc!==c.src||a.I&&3===a.I.Md)&&this.Ja(c);if(t.wb&&a.options().nativeControlsForTouch===f){var e,g,h,j;e=this;g=this.j();c=g.controls();e.b.controls=!!c;h=function(){e.b.controls=f};j=function(){e.b.controls=l};g.c("controlsenabled",h);g.c("controlsdisabled",j);c=function(){g.k("controlsenabled",h);g.k("controlsdisabled",j)};e.c("dispose",c);g.c("usingcustomcontrols",
+c);g.usingNativeControls(f)}a.H(function(){this.I&&(this.m.autoplay&&this.paused())&&(delete this.I.poster,this.play())});this.Na()}});s=t.g.prototype;s.dispose=function(){t.g.Gb(this.b);t.p.prototype.dispose.call(this)};
+s.e=function(){var a=this.d,c=a.I,d;if(!c||this.movingMediaElementInDOM===l)c?(d=c.cloneNode(l),t.g.Gb(c),c=d,a.I=k):(c=t.e("video"),d=videojs.W.pa({},a.se),(!t.wb||a.options().nativeControlsForTouch!==f)&&delete d.controls,t.Uc(c,t.h.z(d,{id:a.id()+"_html5_api","class":"vjs-tech"}))),c.player=a,t.Nb(c,a.w());d=["autoplay","preload","loop","muted"];for(var e=d.length-1;0<=e;e--){var g=d[e],h={};"undefined"!==typeof a.m[g]&&(h[g]=a.m[g]);t.Uc(c,h)}return c};
+s.Fd=function(a){"error"==a.type&&this.error()?this.j().error(this.error().code):(a.bubbles=l,this.j().l(a))};s.play=function(){this.b.play()};s.pause=function(){this.b.pause()};s.paused=function(){return this.b.paused};s.currentTime=function(){return this.b.currentTime};s.Wb=function(a){try{this.b.currentTime=a}catch(c){t.log(c,"Video is not ready. (Video.js)")}};s.duration=function(){return this.b.duration||0};s.buffered=function(){return this.b.buffered};s.volume=function(){return this.b.volume};
+s.oe=function(a){this.b.volume=a};s.muted=function(){return this.b.muted};s.le=function(a){this.b.muted=a};s.width=function(){return this.b.offsetWidth};s.height=function(){return this.b.offsetHeight};s.Ka=function(){return"function"==typeof this.b.webkitEnterFullScreen&&(/Android/.test(t.N)||!/Chrome|Mac OS X 10.5/.test(t.N))?f:l};
+s.Ac=function(){var a=this.b;"webkitDisplayingFullscreen"in a&&this.Q("webkitbeginfullscreen",function(){this.d.isFullscreen(f);this.Q("webkitendfullscreen",function(){this.d.isFullscreen(l);this.d.l("fullscreenchange")});this.d.l("fullscreenchange")});a.paused&&a.networkState<=a.ze?(this.b.play(),this.setTimeout(function(){a.pause();a.webkitEnterFullScreen()},0)):a.webkitEnterFullScreen()};s.Gd=function(){this.b.webkitExitFullScreen()};s.src=function(a){if(a===b)return this.b.src;this.ga(a)};
+s.ga=function(a){this.b.src=a};s.load=function(){this.b.load()};s.currentSrc=function(){return this.b.currentSrc};s.poster=function(){return this.b.poster};s.Vc=function(a){this.b.poster=a};s.Ha=function(){return this.b.Ha};s.ne=function(a){this.b.Ha=a};s.autoplay=function(){return this.b.autoplay};s.ie=function(a){this.b.autoplay=a};s.controls=function(){return this.b.controls};s.loop=function(){return this.b.loop};s.ke=function(a){this.b.loop=a};s.error=function(){return this.b.error};
+s.seeking=function(){return this.b.seeking};s.ended=function(){return this.b.ended};s.playbackRate=function(){return this.b.playbackRate};s.me=function(a){this.b.playbackRate=a};s.networkState=function(){return this.b.networkState};t.g.isSupported=function(){try{t.A.volume=0.5}catch(a){return l}return!!t.A.canPlayType};t.p.$b(t.g);t.g.V={};
+t.g.V.Wa=function(a){function c(a){try{return t.A.canPlayType(a)}catch(c){return""}}return a.type?c(a.type):a.src?(a=(a=a.src.match(/\.([^.\/\?]+)(\?[^\/]+)?$/i))&&a[1],c("video/"+a)):""};t.g.V.Mb=function(a,c){c.ga(a.src)};t.g.V.dispose=m();t.g.Ia(t.g.V);t.g.xd=function(){var a=t.A.volume;t.A.volume=a/2+0.1;return a!==t.A.volume};t.g.wd=function(){var a=t.A.playbackRate;t.A.playbackRate=a/2+0.1;return a!==t.A.playbackRate};t.g.prototype.featuresVolumeControl=t.g.xd();
+t.g.prototype.featuresPlaybackRate=t.g.wd();t.g.prototype.movingMediaElementInDOM=!t.kd;t.g.prototype.featuresFullscreenResize=f;t.g.prototype.featuresProgressEvents=f;var V,ga=/^application\/(?:x-|vnd\.apple\.)mpegurl/i,ha=/^video\/mp4/i;
+t.g.Nc=function(){4<=t.ac&&(V||(V=t.A.constructor.prototype.canPlayType),t.A.constructor.prototype.canPlayType=function(a){return a&&ga.test(a)?"maybe":V.call(this,a)});t.od&&(V||(V=t.A.constructor.prototype.canPlayType),t.A.constructor.prototype.canPlayType=function(a){return a&&ha.test(a)?"maybe":V.call(this,a)})};t.g.we=function(){var a=t.A.constructor.prototype.canPlayType;t.A.constructor.prototype.canPlayType=V;V=k;return a};t.g.Nc();t.g.qb="loadstart suspend abort error emptied stalled loadedmetadata loadeddata canplay canplaythrough playing waiting seeking seeked ended durationchange timeupdate progress play pause ratechange volumechange".split(" ");
+t.g.Gb=function(a){if(a){a.player=k;for(a.parentNode&&a.parentNode.removeChild(a);a.hasChildNodes();)a.removeChild(a.firstChild);a.removeAttribute("src");if("function"===typeof a.load)try{a.load()}catch(c){}}};
+t.f=t.p.extend({i:function(a,c,d){t.p.call(this,a,c,d);var e=c.source;d=c.parentEl;var g=this.b=t.e("div",{id:a.id()+"_temp_flash"}),h=a.id()+"_flash_api",j=a.m,j=t.h.z({readyFunction:"videojs.Flash.onReady",eventProxyFunction:"videojs.Flash.onEvent",errorEventProxyFunction:"videojs.Flash.onError",autoplay:j.autoplay,preload:j.Ha,loop:j.loop,muted:j.muted},c.flashVars),p=t.h.z({wmode:"opaque",bgcolor:"#000000"},c.params),h=t.h.z({id:h,name:h,"class":"vjs-tech"},c.attributes);e&&this.H(function(){this.Ja(e)});
+t.Nb(g,d);c.startTime&&this.H(function(){this.load();this.play();this.currentTime(c.startTime)});t.jd&&this.H(function(){this.c("mousemove",function(){this.j().l({type:"mousemove",bubbles:l})})});a.c("stageclick",a.reportUserActivity);this.b=t.f.zc(c.swf,g,j,p,h)}});s=t.f.prototype;s.dispose=function(){t.p.prototype.dispose.call(this)};s.play=function(){this.b.vjs_play()};s.pause=function(){this.b.vjs_pause()};s.src=function(a){return a===b?this.currentSrc():this.ga(a)};
+s.ga=function(a){a=t.Jd(a);this.b.vjs_src(a);if(this.d.autoplay()){var c=this;this.setTimeout(function(){c.play()},0)}};t.f.prototype.setCurrentTime=function(a){this.Ud=a;this.b.vjs_setProperty("currentTime",a);t.p.prototype.Wb.call(this)};t.f.prototype.currentTime=function(){return this.seeking()?this.Ud||0:this.b.vjs_getProperty("currentTime")};t.f.prototype.currentSrc=function(){return this.vc?this.vc.src:this.b.vjs_getProperty("currentSrc")};t.f.prototype.load=function(){this.b.vjs_load()};
+t.f.prototype.poster=function(){this.b.vjs_getProperty("poster")};t.f.prototype.setPoster=m();t.f.prototype.buffered=function(){return t.Eb(0,this.b.vjs_getProperty("buffered"))};t.f.prototype.Ka=r(l);t.f.prototype.Ac=r(l);function ia(){var a=W[X],c=a.charAt(0).toUpperCase()+a.slice(1);ka["set"+c]=function(c){return this.b.vjs_setProperty(a,c)}}function la(a){ka[a]=function(){return this.b.vjs_getProperty(a)}}
+var ka=t.f.prototype,W="rtmpConnection rtmpStream preload defaultPlaybackRate playbackRate autoplay loop mediaGroup controller controls volume muted defaultMuted".split(" "),ma="error networkState readyState seeking initialTime duration startOffsetTime paused played seekable ended videoTracks audioTracks videoWidth videoHeight textTracks".split(" "),X;for(X=0;X<W.length;X++)la(W[X]),ia();for(X=0;X<ma.length;X++)la(ma[X]);t.f.isSupported=function(){return 10<=t.f.version()[0]};t.p.$b(t.f);t.f.V={};
+t.f.V.Wa=function(a){return!a.type?"":a.type.replace(/;.*/,"").toLowerCase()in t.f.Id?"maybe":""};t.f.V.Mb=function(a,c){c.ga(a.src)};t.f.V.dispose=m();t.f.Ia(t.f.V);t.f.Id={"video/flv":"FLV","video/x-flv":"FLV","video/mp4":"MP4","video/m4v":"MP4"};t.f.onReady=function(a){var c;if(c=(a=t.w(a))&&a.parentNode&&a.parentNode.player)a.player=c,t.f.checkReady(c.o)};t.f.checkReady=function(a){a.w()&&(a.w().vjs_getProperty?a.Na():this.setTimeout(function(){t.f.checkReady(a)},50))};
+t.f.onEvent=function(a,c){t.w(a).player.l(c)};t.f.onError=function(a,c){var d=t.w(a).player,e="FLASH: "+c;"srcnotfound"==c?d.error({code:4,message:e}):d.error(e)};
+t.f.version=function(){var a="0,0,0";try{a=(new window.ActiveXObject("ShockwaveFlash.ShockwaveFlash")).GetVariable("$version").replace(/\D+/g,",").match(/^,?(.+),?$/)[1]}catch(c){try{navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin&&(a=(navigator.plugins["Shockwave Flash 2.0"]||navigator.plugins["Shockwave Flash"]).description.replace(/\D+/g,",").match(/^,?(.+),?$/)[1])}catch(d){}}return a.split(",")};
+t.f.zc=function(a,c,d,e,g){a=t.f.Ld(a,d,e,g);a=t.e("div",{innerHTML:a}).childNodes[0];d=c.parentNode;c.parentNode.replaceChild(a,c);var h=d.childNodes[0];setTimeout(function(){h.style.display="block"},1E3);return a};
+t.f.Ld=function(a,c,d,e){var g="",h="",j="";c&&t.h.Y(c,function(a,c){g+=a+"="+c+"&amp;"});d=t.h.z({movie:a,flashvars:g,allowScriptAccess:"always",allowNetworking:"all"},d);t.h.Y(d,function(a,c){h+='<param name="'+a+'" value="'+c+'" />'});e=t.h.z({data:a,width:"100%",height:"100%"},e);t.h.Y(e,function(a,c){j+=a+'="'+c+'" '});return'<object type="application/x-shockwave-flash" '+j+">"+h+"</object>"};t.f.qe={"rtmp/mp4":"MP4","rtmp/flv":"FLV"};t.f.Je=function(a,c){return a+"&"+c};
+t.f.pe=function(a){var c={tc:"",$c:""};if(!a)return c;var d=a.indexOf("&"),e;-1!==d?e=d+1:(d=e=a.lastIndexOf("/")+1,0===d&&(d=e=a.length));c.tc=a.substring(0,d);c.$c=a.substring(e,a.length);return c};t.f.Rd=function(a){return a in t.f.qe};t.f.qd=/^rtmp[set]?:\/\//i;t.f.Qd=function(a){return t.f.qd.test(a)};t.f.Vb={};t.f.Vb.Wa=function(a){return t.f.Rd(a.type)||t.f.Qd(a.src)?"maybe":""};t.f.Vb.Mb=function(a,c){var d=t.f.pe(a.src);c.setRtmpConnection(d.tc);c.setRtmpStream(d.$c)};t.f.Ia(t.f.Vb);
+t.pd=t.a.extend({i:function(a,c,d){t.a.call(this,a,c,d);if(!a.m.sources||0===a.m.sources.length){c=0;for(d=a.m.techOrder;c<d.length;c++){var e=t.ba(d[c]),g=window.videojs[e];if(g&&g.isSupported()){Q(a,e);break}}}else a.src(a.m.sources)}});t.Player.prototype.textTracks=function(){return this.Ma=this.Ma||[]};
+function na(a,c,d,e,g){var h=a.Ma=a.Ma||[];g=g||{};g.kind=c;g.label=d;g.language=e;c=t.ba(c||"subtitles");var j=new window.videojs[c+"Track"](a,g);h.push(j);j.Fb()&&a.H(function(){this.setTimeout(function(){Y(j.j(),j.id())},0)})}function Y(a,c,d){for(var e=a.Ma,g=0,h=e.length,j,p;g<h;g++)j=e[g],j.id()===c?(j.show(),p=j):d&&(j.M()==d&&0<j.mode())&&j.disable();(c=p?p.M():d?d:l)&&a.l(c+"trackchange")}
+t.B=t.a.extend({i:function(a,c){t.a.call(this,a,c);this.K=c.id||"vjs_"+c.kind+"_"+c.language+"_"+t.q++;this.Xc=c.src;this.Cd=c["default"]||c.dflt;this.ue=c.title;this.bb=c.srclang;this.Sd=c.label;this.ca=[];this.Ab=[];this.qa=this.sa=0;a.c("dispose",t.bind(this,this.yc,this.K))}});s=t.B.prototype;s.M=n("G");s.src=n("Xc");s.Fb=n("Cd");s.title=n("ue");s.language=n("bb");s.label=n("Sd");s.yd=n("ca");s.rd=n("Ab");s.readyState=n("sa");s.mode=n("qa");
+s.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-"+this.G+" vjs-text-track"})};s.show=function(){oa(this);this.qa=2;t.a.prototype.show.call(this)};s.Z=function(){oa(this);this.qa=1;t.a.prototype.Z.call(this)};s.disable=function(){2==this.qa&&this.Z();this.yc();this.qa=0};function oa(a){0===a.sa&&a.load();0===a.qa&&(a.d.c("timeupdate",t.bind(a,a.update,a.K)),a.d.c("ended",t.bind(a,a.reset,a.K)),("captions"===a.G||"subtitles"===a.G)&&a.d.na("textTrackDisplay").U(a))}
+s.yc=function(){this.d.k("timeupdate",t.bind(this,this.update,this.K));this.d.k("ended",t.bind(this,this.reset,this.K));this.reset();this.d.na("textTrackDisplay").removeChild(this)};
+s.load=function(){0===this.sa&&(this.sa=1,t.ye(this.Xc,t.bind(this,function(a,c,d){if(a)this.error=a,this.sa=3,this.l("error");else{var e,g;a=d.split("\n");c="";d=1;for(var h=a.length;d<h;d++)if(c=t.trim(a[d])){-1==c.indexOf("--\x3e")?(e=c,c=t.trim(a[++d])):e=this.ca.length;e={id:e,index:this.ca.length};g=c.split(/[\t ]+/);e.startTime=pa(g[0]);e.Ca=pa(g[2]);for(g=[];a[++d]&&(c=t.trim(a[d]));)g.push(c);e.text=g.join("<br/>");this.ca.push(e)}this.sa=2;this.l("loaded")}})))};
+function pa(a){var c=a.split(":");a=0;var d,e,g;3==c.length?(d=c[0],e=c[1],c=c[2]):(d=0,e=c[0],c=c[1]);c=c.split(/\s+/);c=c.splice(0,1)[0];c=c.split(/\.|,/);g=parseFloat(c[1]);c=c[0];a+=3600*parseFloat(d);a+=60*parseFloat(e);a+=parseFloat(c);g&&(a+=g/1E3);return a}
+s.update=function(){if(0<this.ca.length){var a=this.d.options().trackTimeOffset||0,a=this.d.currentTime()+a;if(this.Ub===b||a<this.Ub||this.cb<=a){var c=this.ca,d=this.d.duration(),e=0,g=l,h=[],j,p,q,w;a>=this.cb||this.cb===b?w=this.Jb!==b?this.Jb:0:(g=f,w=this.Qb!==b?this.Qb:c.length-1);for(;;){q=c[w];if(q.Ca<=a)e=Math.max(e,q.Ca),q.Ua&&(q.Ua=l);else if(a<q.startTime){if(d=Math.min(d,q.startTime),q.Ua&&(q.Ua=l),!g)break}else g?(h.splice(0,0,q),p===b&&(p=w),j=w):(h.push(q),j===b&&(j=w),p=w),d=Math.min(d,
+q.Ca),e=Math.max(e,q.startTime),q.Ua=f;if(g)if(0===w)break;else w--;else if(w===c.length-1)break;else w++}this.Ab=h;this.cb=d;this.Ub=e;this.Jb=j;this.Qb=p;j=this.Ab;p="";a=0;for(c=j.length;a<c;a++)p+='<span class="vjs-tt-cue">'+j[a].text+"</span>";this.b.innerHTML=p;this.l("cuechange")}}};s.reset=function(){this.cb=0;this.Ub=this.d.duration();this.Qb=this.Jb=0};t.cc=t.B.extend();t.cc.prototype.G="captions";t.lc=t.B.extend();t.lc.prototype.G="subtitles";t.dc=t.B.extend();t.dc.prototype.G="chapters";
+t.mc=t.a.extend({i:function(a,c,d){t.a.call(this,a,c,d);if(a.m.tracks&&0<a.m.tracks.length){c=this.d;a=a.m.tracks;for(var e=0;e<a.length;e++)d=a[e],na(c,d.kind,d.label,d.language,d)}}});t.mc.prototype.e=function(){return t.a.prototype.e.call(this,"div",{className:"vjs-text-track-display"})};t.aa=t.J.extend({i:function(a,c){var d=this.ha=c.track;c.label=d.label();c.selected=d.Fb();t.J.call(this,a,c);this.c(a,d.M()+"trackchange",this.update)}});
+t.aa.prototype.s=function(){t.J.prototype.s.call(this);Y(this.d,this.ha.K,this.ha.M())};t.aa.prototype.update=function(){this.selected(2==this.ha.mode())};t.sb=t.aa.extend({i:function(a,c){c.track={M:function(){return c.kind},j:a,label:function(){return c.kind+" off"},Fb:r(l),mode:r(l)};t.aa.call(this,a,c);this.selected(f)}});t.sb.prototype.s=function(){t.aa.prototype.s.call(this);Y(this.d,this.ha.K,this.ha.M())};
+t.sb.prototype.update=function(){for(var a=this.d.textTracks(),c=0,d=a.length,e,g=f;c<d;c++)e=a[c],e.M()==this.ha.M()&&2==e.mode()&&(g=l);this.selected(g)};t.T=t.L.extend({i:function(a,c){t.L.call(this,a,c);1>=this.P.length&&this.Z()}});t.T.prototype.za=function(){var a=[],c;a.push(new t.sb(this.d,{kind:this.G}));for(var d=0;d<this.d.textTracks().length;d++)c=this.d.textTracks()[d],c.M()===this.G&&a.push(new t.aa(this.d,{track:c}));return a};
+t.Oa=t.T.extend({i:function(a,c,d){t.T.call(this,a,c,d);this.b.setAttribute("aria-label","Captions Menu")}});t.Oa.prototype.G="captions";t.Oa.prototype.la="Captions";t.Oa.prototype.className="vjs-captions-button";t.Ta=t.T.extend({i:function(a,c,d){t.T.call(this,a,c,d);this.b.setAttribute("aria-label","Subtitles Menu")}});t.Ta.prototype.G="subtitles";t.Ta.prototype.la="Subtitles";t.Ta.prototype.className="vjs-subtitles-button";
+t.Pa=t.T.extend({i:function(a,c,d){t.T.call(this,a,c,d);this.b.setAttribute("aria-label","Chapters Menu")}});s=t.Pa.prototype;s.G="chapters";s.la="Chapters";s.className="vjs-chapters-button";s.za=function(){for(var a=[],c,d=0;d<this.d.textTracks().length;d++)c=this.d.textTracks()[d],c.M()===this.G&&a.push(new t.aa(this.d,{track:c}));return a};
+s.Aa=function(){for(var a=this.d.textTracks(),c=0,d=a.length,e,g,h=this.P=[];c<d;c++)if(e=a[c],e.M()==this.G)if(0===e.readyState())e.load(),e.c("loaded",t.bind(this,this.Aa));else{g=e;break}a=this.Fa;a===b&&(a=new t.ja(this.d),a.ma().appendChild(t.e("li",{className:"vjs-menu-title",innerHTML:t.ba(this.G),re:-1})));if(g){e=g.ca;for(var j,c=0,d=e.length;c<d;c++)j=e[c],j=new t.mb(this.d,{track:g,cue:j}),h.push(j),a.U(j);this.U(a)}0<this.P.length&&this.show();return a};
+t.mb=t.J.extend({i:function(a,c){var d=this.ha=c.track,e=this.cue=c.cue,g=a.currentTime();c.label=e.text;c.selected=e.startTime<=g&&g<e.Ca;t.J.call(this,a,c);d.c("cuechange",t.bind(this,this.update))}});t.mb.prototype.s=function(){t.J.prototype.s.call(this);this.d.currentTime(this.cue.startTime);this.update(this.cue.startTime)};t.mb.prototype.update=function(){var a=this.cue,c=this.d.currentTime();this.selected(a.startTime<=c&&c<a.Ca)};
+t.h.z(t.Qa.prototype.m.children,{subtitlesButton:{},captionsButton:{},chaptersButton:{}});
+if("undefined"!==typeof window.JSON&&"function"===typeof window.JSON.parse)t.JSON=window.JSON;else{t.JSON={};var Z=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g;t.JSON.parse=function(a,c){function d(a,e){var j,p,q=a[e];if(q&&"object"===typeof q)for(j in q)Object.prototype.hasOwnProperty.call(q,j)&&(p=d(q,j),p!==b?q[j]=p:delete q[j]);return c.call(a,e,q)}var e;a=String(a);Z.lastIndex=0;Z.test(a)&&(a=a.replace(Z,function(a){return"\\u"+("0000"+
+a.charCodeAt(0).toString(16)).slice(-4)}));if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return e=eval("("+a+")"),"function"===typeof c?d({"":e},""):e;throw new SyntaxError("JSON.parse(): invalid or malformed JSON data");}}
+t.qc=function(){var a,c,d,e;a=document.getElementsByTagName("video");c=document.getElementsByTagName("audio");var g=[];if(a&&0<a.length){d=0;for(e=a.length;d<e;d++)g.push(a[d])}if(c&&0<c.length){d=0;for(e=c.length;d<e;d++)g.push(c[d])}if(g&&0<g.length){d=0;for(e=g.length;d<e;d++)if((c=g[d])&&c.getAttribute)c.player===b&&(a=c.getAttribute("data-setup"),a!==k&&videojs(c));else{t.Bb();break}}else t.dd||t.Bb()};t.Bb=function(){setTimeout(t.qc,1)};
+"complete"===document.readyState?t.dd=f:t.Q(window,"load",function(){t.dd=f});t.Bb();t.ge=function(a,c){t.Player.prototype[a]=c};var qa=this;function $(a,c){var d=a.split("."),e=qa;!(d[0]in e)&&e.execScript&&e.execScript("var "+d[0]);for(var g;d.length&&(g=d.shift());)!d.length&&c!==b?e[g]=c:e=e[g]?e[g]:e[g]={}};$("videojs",t);$("_V_",t);$("videojs.options",t.options);$("videojs.players",t.Ga);$("videojs.TOUCH_ENABLED",t.wb);$("videojs.cache",t.ya);$("videojs.Component",t.a);t.a.prototype.player=t.a.prototype.j;t.a.prototype.options=t.a.prototype.options;t.a.prototype.init=t.a.prototype.i;t.a.prototype.dispose=t.a.prototype.dispose;t.a.prototype.createEl=t.a.prototype.e;t.a.prototype.contentEl=t.a.prototype.ma;t.a.prototype.el=t.a.prototype.w;t.a.prototype.addChild=t.a.prototype.U;
+t.a.prototype.getChild=t.a.prototype.na;t.a.prototype.getChildById=t.a.prototype.Kd;t.a.prototype.children=t.a.prototype.children;t.a.prototype.initChildren=t.a.prototype.Gc;t.a.prototype.removeChild=t.a.prototype.removeChild;t.a.prototype.on=t.a.prototype.c;t.a.prototype.off=t.a.prototype.k;t.a.prototype.one=t.a.prototype.Q;t.a.prototype.trigger=t.a.prototype.l;t.a.prototype.triggerReady=t.a.prototype.Na;t.a.prototype.show=t.a.prototype.show;t.a.prototype.hide=t.a.prototype.Z;
+t.a.prototype.width=t.a.prototype.width;t.a.prototype.height=t.a.prototype.height;t.a.prototype.dimensions=t.a.prototype.Dd;t.a.prototype.ready=t.a.prototype.H;t.a.prototype.addClass=t.a.prototype.n;t.a.prototype.removeClass=t.a.prototype.r;t.a.prototype.buildCSSClass=t.a.prototype.S;t.a.prototype.localize=t.a.prototype.t;t.a.prototype.setInterval=t.a.prototype.setInterval;t.a.prototype.setTimeout=t.a.prototype.setTimeout;t.Player.prototype.ended=t.Player.prototype.ended;
+t.Player.prototype.enterFullWindow=t.Player.prototype.Bc;t.Player.prototype.exitFullWindow=t.Player.prototype.Hb;t.Player.prototype.preload=t.Player.prototype.Ha;t.Player.prototype.remainingTime=t.Player.prototype.remainingTime;t.Player.prototype.supportsFullScreen=t.Player.prototype.Ka;t.Player.prototype.currentType=t.Player.prototype.zd;t.Player.prototype.requestFullScreen=t.Player.prototype.requestFullScreen;t.Player.prototype.requestFullscreen=t.Player.prototype.requestFullscreen;
+t.Player.prototype.cancelFullScreen=t.Player.prototype.cancelFullScreen;t.Player.prototype.exitFullscreen=t.Player.prototype.exitFullscreen;t.Player.prototype.isFullScreen=t.Player.prototype.isFullScreen;t.Player.prototype.isFullscreen=t.Player.prototype.isFullscreen;$("videojs.MediaLoader",t.pd);$("videojs.TextTrackDisplay",t.mc);$("videojs.ControlBar",t.Qa);$("videojs.Button",t.u);$("videojs.PlayToggle",t.hc);$("videojs.FullscreenToggle",t.Ra);$("videojs.BigPlayButton",t.lb);
+$("videojs.LoadingSpinner",t.fc);$("videojs.CurrentTimeDisplay",t.nb);$("videojs.DurationDisplay",t.ob);$("videojs.TimeDivider",t.nc);$("videojs.RemainingTimeDisplay",t.vb);$("videojs.LiveDisplay",t.ec);$("videojs.ErrorDisplay",t.pb);$("videojs.Slider",t.R);$("videojs.ProgressControl",t.ub);$("videojs.SeekBar",t.kc);$("videojs.LoadProgressBar",t.rb);$("videojs.PlayProgressBar",t.gc);$("videojs.SeekHandle",t.Sa);$("videojs.VolumeControl",t.yb);$("videojs.VolumeBar",t.xb);$("videojs.VolumeLevel",t.oc);
+$("videojs.VolumeMenuButton",t.wa);$("videojs.VolumeHandle",t.zb);$("videojs.MuteToggle",t.ka);$("videojs.PosterImage",t.jc);$("videojs.Menu",t.ja);$("videojs.MenuItem",t.J);$("videojs.MenuButton",t.L);$("videojs.PlaybackRateMenuButton",t.ic);t.L.prototype.createItems=t.L.prototype.za;t.T.prototype.createItems=t.T.prototype.za;t.Pa.prototype.createItems=t.Pa.prototype.za;$("videojs.SubtitlesButton",t.Ta);$("videojs.CaptionsButton",t.Oa);$("videojs.ChaptersButton",t.Pa);
+$("videojs.MediaTechController",t.p);t.p.withSourceHandlers=t.p.$b;t.p.prototype.featuresVolumeControl=t.p.prototype.Ge;t.p.prototype.featuresFullscreenResize=t.p.prototype.Ce;t.p.prototype.featuresPlaybackRate=t.p.prototype.De;t.p.prototype.featuresProgressEvents=t.p.prototype.Ee;t.p.prototype.featuresTimeupdateEvents=t.p.prototype.Fe;t.p.prototype.setPoster=t.p.prototype.Vc;$("videojs.Html5",t.g);t.g.Events=t.g.qb;t.g.isSupported=t.g.isSupported;t.g.canPlaySource=t.g.rc;t.g.patchCanPlayType=t.g.Nc;
+t.g.unpatchCanPlayType=t.g.we;t.g.prototype.setCurrentTime=t.g.prototype.Wb;t.g.prototype.setVolume=t.g.prototype.oe;t.g.prototype.setMuted=t.g.prototype.le;t.g.prototype.setPreload=t.g.prototype.ne;t.g.prototype.setAutoplay=t.g.prototype.ie;t.g.prototype.setLoop=t.g.prototype.ke;t.g.prototype.enterFullScreen=t.g.prototype.Ac;t.g.prototype.exitFullScreen=t.g.prototype.Gd;t.g.prototype.playbackRate=t.g.prototype.playbackRate;t.g.prototype.setPlaybackRate=t.g.prototype.me;
+t.g.registerSourceHandler=t.g.Ia;t.g.selectSourceHandler=t.g.jb;t.g.prototype.setSource=t.g.prototype.Ja;t.g.prototype.disposeSourceHandler=t.g.prototype.Ba;$("videojs.Flash",t.f);t.f.isSupported=t.f.isSupported;t.f.canPlaySource=t.f.rc;t.f.onReady=t.f.onReady;t.f.embed=t.f.zc;t.f.version=t.f.version;t.f.prototype.setSource=t.f.prototype.Ja;t.f.registerSourceHandler=t.f.Ia;t.f.selectSourceHandler=t.f.jb;t.f.prototype.setSource=t.f.prototype.Ja;t.f.prototype.disposeSourceHandler=t.f.prototype.Ba;
+$("videojs.TextTrack",t.B);t.B.prototype.label=t.B.prototype.label;t.B.prototype.kind=t.B.prototype.M;t.B.prototype.mode=t.B.prototype.mode;t.B.prototype.cues=t.B.prototype.yd;t.B.prototype.activeCues=t.B.prototype.rd;$("videojs.CaptionsTrack",t.cc);$("videojs.SubtitlesTrack",t.lc);$("videojs.ChaptersTrack",t.dc);$("videojs.autoSetup",t.qc);$("videojs.plugin",t.ge);$("videojs.createTimeRange",t.Eb);$("videojs.util",t.W);t.W.mergeOptions=t.W.pa;t.addLanguage=t.sd;})();
diff --git a/sitemap.xml b/sitemap.xml
new file mode 100644
index 0000000..13a14b4
--- /dev/null
+++ b/sitemap.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset
+      xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
+            http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
+
+<url>
+  <loc>http://bithub.com/</loc>
+</url>
+<url>
+  <loc>http://bithub.com/login</loc>
+</url>
+<url>
+  <loc>http://bithub.com/register/startup</loc>
+</url>
+<url>
+  <loc>http://bithub.com/terms_of_service</loc>
+</url>
+<url>
+  <loc>http://bithub.com/privacy_policy</loc>
+</url>
+</urlset>
\ No newline at end of file
diff --git a/smoketest/specs/smoke_spec.js b/smoketest/specs/smoke_spec.js
new file mode 100644
index 0000000..6578c96
--- /dev/null
+++ b/smoketest/specs/smoke_spec.js
@@ -0,0 +1,249 @@
+
+var Q = require('q');
+
+var getRandomInt = function(min, max) {
+	return Math.floor(Math.random() * (max - min)) + min; 
+}
+
+var  waitForTimeout = function(timeout){
+	return function(){
+		var deferred = Q.defer();
+		setTimeout(function(){
+			deferred.resolve();
+		}, timeout);
+		return deferred.promise;
+	}
+};
+
+describe('Smoketest', function() {
+
+	var integrationCode;
+
+	it('Will open the index page', function() {
+		return browser.url('/');
+	}); 
+
+	it('Will enter the data for a new user', function(){
+		return Q.all([
+			browser.setValue('[name="account[name]"]', "Mihael"),
+			browser.setValue('[name="account[email]"]', "konjevic+" + getRandomInt(1, 20000) + "@gmail.com"),
+			browser.setValue('[name="account[password]"]', "Welcome123"),
+			browser.setValue('[name="account[password_confirmation]"]', "Welcome123"),
+		]);
+	});
+
+	it('Will submit a new user form', function(){
+		return browser.submitForm('#new_account');
+	});
+
+	it('Will wait until the admin page is loaded', function(){
+		return browser.waitForExist('[can-click="createAndEditHub"]')
+	});
+
+	it('Will click a button to create a new hub', function(){
+		return browser.click('[can-click="createAndEditHub"]');
+	});
+
+	it('Will wait until sidebar is loaded', function(){
+		return browser.waitForExist('bh-sidebar [data-feed="rss"]');
+	});
+
+	it('Will enter data for a new RSS feed', function(){
+		return browser.click('bh-sidebar [data-feed="rss"]').then(function(){
+			return browser.setValue('[can-value="map.config.url"]', 'http://retroaktive.me/rss');
+		});
+	});
+
+	it('Will save a new RSS feed', function(){
+		return browser.click('.save-service');
+	});
+
+	it('Will wait until data is loaded', function(){
+		return browser.frame(0).then(function(){
+			return browser.waitForExist('bh-bit',  60 * 1000  /* 1 minute */);
+		}).then(function(){
+			return browser.frameParent();
+		});
+	});
+
+	it('Will click the add a Twitter feed button', function(){
+		return browser.click('bh-sidebar [data-feed="twitter"]');
+	});
+	
+	it('Will select a hashtag search', function(){
+		return browser.selectByValue('[can-value="type_name"]', 'hashtag');
+	});
+
+	it('Will wait until the OAuth button is visible', function(){
+		return browser.waitForExist('button.oauthorize');
+	});
+
+	it('Will click the OAuth button', function(){
+		return browser.click('button.oauthorize');
+	});
+
+	it('Will switch to the popup', function(){
+		return browser.windowHandles().then(function(handles){
+			var popupHandle = handles.value[1];
+			return browser.window(popupHandle);
+		});
+	});
+
+	it('Will wait until the login form is available', function(){
+		return browser.waitForExist('[name="session[username_or_email]"]');
+	})
+
+	it('Will enter the login data', function(){
+		return Q.all([
+			browser.setValue('[name="session[username_or_email]"]', 'MirkoSlavko1337'),
+			browser.setValue('[name="session[password]"]', 'hunter2.io')
+		]);
+	});
+
+	it('Will click the login button', function(){
+		return browser.click('#allow');
+	});
+
+	it('Will switch to the original window', function(){
+		return browser.windowHandles().then(function(handles){
+			var popupHandle = handles.value[0];
+			return browser.window(popupHandle);
+		});
+	});
+
+	it('Will wait until the hashtag form field is available', function(){
+		return browser.waitForExist('[can-value="map.config.hashtag"]');
+	});
+
+	it('Will enter the hashtag', function(){
+		return browser.setValue('[can-value="map.config.hashtag"]', 'canjs');
+	});
+
+	it('Will save a new Twitter feed', function(){
+		return browser.click('.save-service');
+	});
+
+	it('Will wait until Twitter items are available', function(){
+		return browser.waitForExist('[src="images/social-empty/twitter.png"]', 1000000);
+	})
+
+	it('Will switch to the moderation tab', function(){
+		return browser.click('a=Moderation').then(function(){ // Click Moderation link
+			return browser.waitForExist('label=No. I want all items blocked by default.');
+		});
+	});
+
+	it('Will wait a second before continuing', waitForTimeout(1000));
+
+	it('Will change the embed default', function(){
+		return browser.click('label=No. I want all items blocked by default.');
+	});
+	
+	it('Will wait a second before continuing', waitForTimeout(1000));
+	
+	it('Will save the embed default', function(){
+		return browser.click('bh-moderation .btn-save-moderation');
+	});
+
+	it('Will wait until items are blocked', function(){
+		return browser.frame(0).then(function(){
+			return browser.waitForExist('bh-bit .blocked');
+		});
+	});
+	
+	it('Will wait a second before continuing', waitForTimeout(1000));
+
+	it('Will wait for toggleApproveBit element to exist', function(){
+		return browser.waitForExist('[can-click="toggleApproveBit"]');
+	});
+	
+	it('Will move the mouse over the toggleApproveBit element', function(){
+		return browser.execute(function(){
+			$('[can-click="toggleApproveBit"]:first').click();
+			return true;
+		}).then(function(){
+			return browser.frameParent();
+		});
+	});
+
+	it('Will wait a second before continuing', waitForTimeout(1000));
+	
+	it('Will switch to the integration tab', function(){
+		return browser.click('a=Integration & Design').then(function(){
+			return browser.waitForExist('.cc-body');
+		});
+	});
+
+	it('Will enter CC number', function(){
+		return browser.click('[can-value="cc.number"]').then(function(){
+			return browser.keys('4242').then(function(){
+				return browser.click('[can-value="cc.number"]').then(function(){
+					return browser.keys('4242').then(function(){
+						return browser.click('[can-value="cc.number"]').then(function(){
+							return browser.keys('4242').then(function(){
+								return browser.click('[can-value="cc.number"]').then(function(){
+									return browser.keys('4242');
+								});
+							});
+						});
+					});
+				});
+			});
+		});
+	});
+
+	it('Will wait a second before continuing', waitForTimeout(1000));
+
+	it('Will enter Expiration month', function(){
+		return browser.click('[can-value="cc.expiration"]', function(){
+			return browser.keys('01');
+		});
+	});
+
+	it('Will enter Expiration year', function(){
+		return browser.click('[can-value="cc.expiration"]', function(){
+			return browser.keys('2016');
+		});
+	});
+
+	it('Will enter CC data', function(){
+		return browser.setValue('[can-value="cc.cvc"]', '123');
+	});
+
+	it('Will click the Publish hub button', function(){
+		return browser.click('[can-click="createSubscriptionAndPublishHub"]');
+	});
+
+	it('Will wait for the integration to be available', function(){
+		return browser.waitForExist('[can-value="defaultIntegrationCode"]');
+	});
+
+	it('Will read the integration code', function(){
+		return browser.getValue('[can-value="defaultIntegrationCode"]').then(function(val){
+			integrationCode = val;
+		});
+	});
+
+	it('Will wait a second before continuing', waitForTimeout(1000));
+	
+	it('Will create a new page with the embed', function(){
+		return browser.newWindow('about:blank').then(function(){
+			return browser.execute(function(code){
+				document.write(code);
+				setTimeout(function(){
+					document.dispatchEvent(new Event('DOMContentLoaded'));
+				}, 1000);
+			}, integrationCode);
+		});
+	});
+
+	it('Will wait a second before continuing', waitForTimeout(1000));
+
+	it('Will wait until the embed is loaded', function(){
+		return browser.frame(0).then(function(){
+			return browser.waitForExist('bh-bit',  60 * 1000  /* 1 minute */);
+		});
+	});
+
+	it('Will wait ten seconds before exiting', waitForTimeout(10000));
+});
diff --git a/smoketest/specs/support/jasmine.json b/smoketest/specs/support/jasmine.json
new file mode 100644
index 0000000..a5f2932
--- /dev/null
+++ b/smoketest/specs/support/jasmine.json
@@ -0,0 +1,9 @@
+{
+  "spec_dir": "spec",
+  "spec_files": [
+    "**/*[sS]pec.js"
+  ],
+  "helpers": [
+    "helpers/**/*.js"
+  ]
+}
diff --git a/smoketest/wdio.conf.js b/smoketest/wdio.conf.js
new file mode 100644
index 0000000..a9e2500
--- /dev/null
+++ b/smoketest/wdio.conf.js
@@ -0,0 +1,136 @@
+exports.config = {
+    
+    //
+    // ==================
+    // Specify Test Files
+    // ==================
+    // Define which test specs should run. The pattern is relative to the directory
+    // from which `wdio` was called. Notice that, if you are calling `wdio` from an
+    // NPM script (see https://docs.npmjs.com/cli/run-script) then the current working
+    // directory is where your package.json resides, so `wdio` will be called from there.
+    //
+    specs: [
+        './specs/**/*.js'
+    ],
+    // Patterns to exclude.
+    exclude: [
+        // 'path/to/excluded/files'
+    ],
+    //
+    // ============
+    // Capabilities
+    // ============
+    // Define your capabilities here. WebdriverIO can run multiple capabilties at the same
+    // time. Depending on the number of capabilities, WebdriverIO launches several test
+    // sessions. Within your capabilities you can overwrite the spec and exclude option in
+    // order to group specific specs to a specific capability.
+    //
+    // If you have trouble getting all important capabilities together, check out the
+    // Sauce Labs platform configurator - a great tool to configure your capabilities:
+    // https://docs.saucelabs.com/reference/platforms-configurator
+    //
+    capabilities: [{
+        browserName: 'chrome'
+    }],
+    //
+    // ===================
+    // Test Configurations
+    // ===================
+    // Define all options that are relevant for the WebdriverIO instance here
+    //
+    // Level of logging verbosity.
+    logLevel: 'verbose',
+    //
+    // Enables colors for log output.
+    coloredLogs: true,
+    //
+    // Saves a screenshot to a given path if a command fails.
+    screenshotPath: './errorShots/',
+    //
+    // Set a base URL in order to shorten url command calls. If your url parameter starts
+    // with "/", the base url gets prepended.
+    baseUrl: 'http://dev.bithub.com',
+    //
+    // Default timeout for all waitForXXX commands.
+    waitforTimeout: 100000,
+    //
+    // Initialize the browser instance with a WebdriverIO plugin. The object should have the
+    // plugin name as key and the desired plugin options as property. Make sure you have
+    // the plugin installed before running any tests. The following plugins are currently
+    // available:
+    // WebdriverCSS: https://github.com/webdriverio/webdrivercss
+    // WebdriverRTC: https://github.com/webdriverio/webdriverrtc
+    // Browserevent: https://github.com/webdriverio/browserevent
+    // plugins: {
+    //     webdrivercss: {
+    //         screenshotRoot: 'my-shots',
+    //         failedComparisonsRoot: 'diffs',
+    //         misMatchTolerance: 0.05,
+    //         screenWidth: [320,480,640,1024]
+    //     },
+    //     webdriverrtc: {},
+    //     browserevent: {}
+    // },
+    //
+    // Framework you want to run your specs with.
+    // The following are supported: mocha, jasmine and cucumber
+    // see also: http://webdriver.io/guide/testrunner/frameworks.html
+    //
+    // Make sure you have the node package for the specific framework installed before running
+    // any tests. If not please install the following package:
+    // Mocha: `$ npm install mocha`
+    // Jasmine: `$ npm install jasmine`
+    // Cucumber: `$ npm install cucumber`
+    framework: 'jasmine',
+    //
+    // Test reporter for stdout.
+    // The following are supported: dot (default), spec and xunit
+    // see also: http://webdriver.io/guide/testrunner/reporters.html
+    reporter: 'spec',
+    
+    //
+    // Options to be passed to Jasmine.
+    jasmineNodeOpts: {
+        //
+        // Jasmine default timeout
+        defaultTimeoutInterval: 100000,
+        //
+        // The Jasmine framework allows it to intercept each assertion in order to log the state of the application
+        // or website depending on the result. For example it is pretty handy to take a screenshot everytime
+        // an assertion fails.
+        expectationResultHandler: function(passed, assertion) {
+            // do something
+        }
+    },
+    
+    //
+    // =====
+    // Hooks
+    // =====
+    // Run functions before or after the test. If one of them returns with a promise, WebdriverIO
+    // will wait until that promise got resolved to continue.
+    // see also: http://webdriver.io/guide/testrunner/hooks.html
+    //
+    // Gets executed before all workers get launched.
+    onPrepare: function() {
+        // do something
+    },
+    //
+    // Gets executed before test execution begins. At this point you will have access to all global
+    // variables like `browser`. It is the perfect place to define custom commands.
+    before: function() {
+        // do something
+    },
+    //
+    // Gets executed after all tests are done. You still have access to all global variables from
+    // the test.
+    after: function() {
+        // do something
+    },
+    //
+    // Gets executed after all workers got shut down and the process is about to exit. It is not
+    // possible to defer the end of the process using a promise.
+    onComplete: function() {
+        // do something
+    }
+};
diff --git a/stealconfig.js b/stealconfig.js
new file mode 100755
index 0000000..a9c1261
--- /dev/null
+++ b/stealconfig.js
@@ -0,0 +1,89 @@
+(function () {
+
+	require('./bower.json!bower');
+
+	// Using `this` for web workers while maintaining compatibility with browser
+	// targeted script loaders such as Browserify or Webpack where the only way to
+	// get to the global object is via `window`.
+	// taking from HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+	var supportsUnknownElements = false;
+
+	(function () {
+		try {
+			var a = document.createElement('a');
+			a.innerHTML = '<xyz></xyz>';
+
+			supportsUnknownElements = a.childNodes.length == 1 || (function () {
+				// assign a false positive if unable to shiv
+				(document.createElement)('a');
+				var frag = document.createDocumentFragment();
+				return (
+					typeof frag.cloneNode == 'undefined' ||
+						typeof frag.createDocumentFragment == 'undefined' ||
+						typeof frag.createElement == 'undefined'
+				);
+			}());
+		} catch (e) {
+			// assign a false positive if detection fails => unable to shiv
+			supportsUnknownElements = true;
+		}
+	}());
+
+
+	System.config({
+		map: {
+			"can/util/util": "can/util/jquery/jquery",
+			"jquery/jquery": "jquery",
+			'funcunit/funcunit' : 'funcunit',
+			"moment/moment" : "moment",
+			"selectize/selectize" : "selectize",
+			"sifter.js" : "sifter",
+			"microplugin.js" : "microplugin",
+			"chart/chart" : "chart",
+			"randomcolor/randomcolor" : "randomcolor",
+			"opensourced-bithub/opensourced-bithub" : "opensourced-bithub",
+			"jquerypayment/jquerypayment" : "jquerypayment"
+		},
+		paths: {
+			"jquery": "bower_components/jquery/jquery.js",
+			"can/*": "bower_components/canjs/steal/can/*.js",
+			"lodash/*": "bower_components/lodash-amd/modern/*.js",
+			'funcunit' : 'bower_components/funcunit/dist/funcunit.js',
+			"moment" : "bower_components/moment/moment.js",
+			"sifter" : 'bower_components/sifter/sifter.js',
+			"microplugin" : 'bower_components/microplugin/src/microplugin.js',
+			"selectize" : "bower_components/selectize/dist/js/selectize.js",
+			"chart" : "bower_components/Chart.js/Chart.js",
+			"randomcolor" : "bower_components/randomcolor/randomColor.js",
+			"opensourced-bithub/*" : "node_modules/opensourced-bithub/*.js",
+			"jquerypayment" : "bower_components/jquery.payment/lib/jquery.payment.js"
+		},
+		meta: {
+			jquery: {
+				exports: "jQuery",
+				deps: supportsUnknownElements ? undefined : ["can/lib/html5shiv.js"]
+			},
+			jquerypayment : {
+				deps : ["jquery"]
+			},
+			funcunit : {
+				exports : 'FuncUnit',
+				deps : ['jquery']
+			},
+			stripe : {
+				exports: "Stripe"
+			},
+			chart : {
+				exports: "Chart"
+			}
+		},
+		ext: {
+			ejs: "can/view/ejs/system",
+			mustache: "can/view/mustache/system",
+			stache: "can/view/stache/system"
+		}
+	});
+})();
+
+
+System.buildConfig = {map: {"can/util/util" : "can/util/domless/domless"}};
diff --git a/style/app.less b/style/app.less
new file mode 100644
index 0000000..7b60eb3
--- /dev/null
+++ b/style/app.less
@@ -0,0 +1,245 @@
+.menu {
+	float: right;
+	margin-top: 25px;
+	li {
+		float: left;
+	}
+
+}
+
+.sidebar-wrap {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 0;
+	bottom: 0;
+	z-index: 1000;
+	bh-sidebar {
+		width: 550px;
+		height: 100%;
+		margin-left: -500px;
+		-webkit-transition: margin-left 0.3s ease-in-out;
+		-moz-transition: margin-left 0.3s ease-in-out;
+		-o-transition: margin-left 0.3s ease-in-out;
+		transition: margin-left 0.3s ease-in-out;
+		&.is-expanded {
+			margin-left: 0;
+		}
+	}
+}
+
+#content {
+	position: absolute;
+	top: 0;
+	left: 50px;
+	right: 0;
+	bottom: 0;
+	overflow: hidden;
+	-webkit-transition: left 0.35s ease-in;
+	-moz-transition: left 0.35s ease-in;
+	-o-transition: left 0.35s ease-in;
+	transition: left 0.35s ease-in;
+	.embed-preset {
+		padding: 15px;
+		border-bottom: 1px solid #cecdcd;
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		height: 50px;
+		.admin-embed-filter {
+			float: right;
+			margin-top: -5px;
+			width: 430px;
+			select {
+				float: left;
+				width: 205px;
+				margin-left: 10px;
+			}
+		}
+	}
+  .folders-wrapper {
+      position: absolute;
+      top: 50px;
+      height: 50px;
+      left: 0;
+      right: 0;
+      border-bottom: 1px solid #cecdcd;
+      background: #e5e7e6;
+      ul {
+          .clearfix;
+          list-style: none;
+          margin: 0;
+          padding: 0;
+          li {
+              width: 25%;
+              height: 50px;
+              float: left;
+              border-right: 1px solid #cecdcd;
+              &:last-child {
+                  border-right: none;
+              }
+              a {
+                  display: block;
+                  text-align: center;
+                  line-height: 50px;
+                  height: 50px;
+                  text-transform: uppercase;
+                  color: #646665;
+                  font-size: 120%;
+                  &:hover, &.active {
+                      background: #ee3928;
+                      border-color: #ee3928;
+                      color: white;
+                      text-decoration: none;
+                  }
+              }
+          }
+      }
+  }
+	.iframe-wrapper {
+		position: absolute;
+		top: 50px;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+  .iframe-wrapper-admin-embed {
+      top: 100px;
+  }
+	iframe {
+		height: 100%;
+		width: 100%;
+		border: none;
+	}
+	background: #f6f6f6;
+	&.content-dark {
+		background: #111;
+		color: white;
+		.embed-preset {
+			border-bottom-color: #333;
+		}
+	}
+}
+#content.sidebar-is-expanded {
+	left: 550px;
+}
+
+.bithub-form {
+	.form-wrapper {
+		background: #fafafa;
+		border-radius: 3px;
+		padding: 15px;
+		border: 1px solid #249cb8;
+		box-shadow: 0 0 20px rgba(0,0,0,0.1);
+	}
+	h3 {
+		color: white;
+		background: #249cb8;
+		margin: -15px -15px 15px;
+		padding: 10px 15px;
+		font-size: 14px;
+		font-weight: bold;
+		.fa {
+			float: right;
+			color: #B7CFD4;
+			cursor: pointer;
+			&:hover {
+				color: white;
+			}
+		}
+	}
+	.buttons-wrap {
+		margin: 15px -15px 0;
+		border-top: 1px solid #ddd;
+		padding: 15px 15px 0;
+	}
+	.form-group-without-margin {
+		margin-bottom: -15px;
+		.panel {
+			border-bottom: none;
+		}
+		.loader {
+			height: 50px;
+			line-height: 50px;
+		}
+	}
+	.suggestions-wrapper {
+		margin-top: -15px;
+		.panel {
+			border-top: none;
+		}
+	}
+	.loader {
+		display: block;
+		height: 20px;
+		line-height: 20px;
+	}
+}
+
+.switch-organizations-link, .user-account-link {
+    ul {
+        position: absolute;
+        border: 1px solid #ccc;
+        background: white;
+        display: none;
+        border-radius: 3px;
+        margin-top: -1px;
+        z-index: 10001;
+        border-top-left-radius: 0;
+        border-top-right-radius: 0;
+        min-width: 149px;
+        li {
+            float: none;
+            a {
+                display: block;
+                text-align: left;
+            }
+        }
+    }
+    &:hover {
+        > a {
+            position: relative;
+            background: #ccc;
+            border-bottom: none;
+            z-index: 10000;
+            color: black;
+        }
+        ul {
+            display: block;
+        }
+    }
+}
+@media (max-width: 600px) {
+  .sidebar-wrap, .admin-embed-filter, .bithub-main-menu, .btn-add-hub {
+      display: none;
+  }
+  #content, #content.sidebar-is-expanded {
+      left: 0;
+  }
+  bh-hub-list {
+      .connected-services {
+          display: none;
+      }
+      .name {
+          width: 70%;
+      }
+      .btn-analytics-link, .btn-delete-hub {
+          display: none;
+      }
+  }
+  .full-width-embed-title {
+      display: none;
+  }
+  .narrow-width-embed-title {
+      display: block;
+  }
+}
+@media (min-width: 601px){
+    .narrow-width-embed-title {
+        display: none;
+    }
+    .full-width-embed-title {
+        display: block;
+    }
+}
diff --git a/style/embed.less b/style/embed.less
new file mode 100644
index 0000000..9c7ec3b
--- /dev/null
+++ b/style/embed.less
@@ -0,0 +1,23 @@
+.powered-by {
+	border-radius: 3px;
+	background: rgba(0,0,0,0.8);
+	color: white;
+	position: fixed;
+	bottom: 5px;
+	left: 50%;
+	width: 200px;
+	height: 30px;
+	margin-left: -100px;
+	line-height: 30px;
+	padding: 0 5px;
+	text-align: center;
+	z-index: 10000;
+	a {
+		font-weight: bold;
+	}
+}
+@media (max-width: 600px){
+    .admin-embed bh-bit .bit-wrap .admin-panel {
+        display: block !important;
+    }
+}
diff --git a/style/hub/animations.less b/style/hub/animations.less
new file mode 100644
index 0000000..f784ce8
--- /dev/null
+++ b/style/hub/animations.less
@@ -0,0 +1,3158 @@
+@charset "UTF-8";
+/*!
+Animate.css - http://daneden.me/animate
+Licensed under the MIT license - http://opensource.org/licenses/MIT
+
+Copyright (c) 2014 Daniel Eden
+*/
+
+.animated {
+  -webkit-animation-duration: 1s;
+          animation-duration: 1s;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
+}
+
+.animated.infinite {
+  -webkit-animation-iteration-count: infinite;
+          animation-iteration-count: infinite;
+}
+
+.animated.hinge {
+  -webkit-animation-duration: 2s;
+          animation-duration: 2s;
+}
+
+@-webkit-keyframes bounce {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+            transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+            transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -15px, 0);
+            transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0,-4px,0);
+            transform: translate3d(0,-4px,0);
+  }
+}
+
+@keyframes bounce {
+  0%, 20%, 53%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    -webkit-transform: translate3d(0,0,0);
+            transform: translate3d(0,0,0);
+  }
+
+  40%, 43% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -30px, 0);
+            transform: translate3d(0, -30px, 0);
+  }
+
+  70% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
+    -webkit-transform: translate3d(0, -15px, 0);
+            transform: translate3d(0, -15px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0,-4px,0);
+            transform: translate3d(0,-4px,0);
+  }
+}
+
+.bounce {
+  -webkit-animation-name: bounce;
+          animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+      -ms-transform-origin: center bottom;
+          transform-origin: center bottom;
+}
+
+@-webkit-keyframes flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+@keyframes flash {
+  0%, 50%, 100% {
+    opacity: 1;
+  }
+
+  25%, 75% {
+    opacity: 0;
+  }
+}
+
+.flash {
+  -webkit-animation-name: flash;
+          animation-name: flash;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes pulse {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+            transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes pulse {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.05, 1.05, 1.05);
+            transform: scale3d(1.05, 1.05, 1.05);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+.pulse {
+  -webkit-animation-name: pulse;
+          animation-name: pulse;
+}
+
+@-webkit-keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+            transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+            transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+            transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(.95, 1.05, 1);
+            transform: scale3d(.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, .95, 1);
+            transform: scale3d(1.05, .95, 1);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes rubberBand {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    -webkit-transform: scale3d(1.25, 0.75, 1);
+            transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(0.75, 1.25, 1);
+            transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    -webkit-transform: scale3d(1.15, 0.85, 1);
+            transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    -webkit-transform: scale3d(.95, 1.05, 1);
+            transform: scale3d(.95, 1.05, 1);
+  }
+
+  75% {
+    -webkit-transform: scale3d(1.05, .95, 1);
+            transform: scale3d(1.05, .95, 1);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+.rubberBand {
+  -webkit-animation-name: rubberBand;
+          animation-name: rubberBand;
+}
+
+@-webkit-keyframes shake {
+  0%, 100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+
+  10%, 30%, 50%, 70%, 90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+            transform: translate3d(-10px, 0, 0);
+  }
+
+  20%, 40%, 60%, 80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+            transform: translate3d(10px, 0, 0);
+  }
+}
+
+@keyframes shake {
+  0%, 100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+
+  10%, 30%, 50%, 70%, 90% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+            transform: translate3d(-10px, 0, 0);
+  }
+
+  20%, 40%, 60%, 80% {
+    -webkit-transform: translate3d(10px, 0, 0);
+            transform: translate3d(10px, 0, 0);
+  }
+}
+
+.shake {
+  -webkit-animation-name: shake;
+          animation-name: shake;
+}
+
+@-webkit-keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+            transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+            transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+            transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+            transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+            transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+@keyframes swing {
+  20% {
+    -webkit-transform: rotate3d(0, 0, 1, 15deg);
+            transform: rotate3d(0, 0, 1, 15deg);
+  }
+
+  40% {
+    -webkit-transform: rotate3d(0, 0, 1, -10deg);
+            transform: rotate3d(0, 0, 1, -10deg);
+  }
+
+  60% {
+    -webkit-transform: rotate3d(0, 0, 1, 5deg);
+            transform: rotate3d(0, 0, 1, 5deg);
+  }
+
+  80% {
+    -webkit-transform: rotate3d(0, 0, 1, -5deg);
+            transform: rotate3d(0, 0, 1, -5deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+            transform: rotate3d(0, 0, 1, 0deg);
+  }
+}
+
+.swing {
+  -webkit-transform-origin: top center;
+      -ms-transform-origin: top center;
+          transform-origin: top center;
+  -webkit-animation-name: swing;
+          animation-name: swing;
+}
+
+@-webkit-keyframes tada {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  10%, 20% {
+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%, 50%, 70%, 90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%, 60%, 80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes tada {
+  0% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+
+  10%, 20% {
+    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
+  }
+
+  30%, 50%, 70%, 90% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
+  }
+
+  40%, 60%, 80% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
+  }
+
+  100% {
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+.tada {
+  -webkit-animation-name: tada;
+          animation-name: tada;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes wobble {
+  0% {
+    -webkit-transform: none;
+            transform: none;
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes wobble {
+  0% {
+    -webkit-transform: none;
+            transform: none;
+  }
+
+  15% {
+    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
+  }
+
+  30% {
+    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
+  }
+
+  45% {
+    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
+  }
+
+  60% {
+    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.wobble {
+  -webkit-animation-name: wobble;
+          animation-name: wobble;
+}
+
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+            transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+            transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+            transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+            transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+            transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+            transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+            transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+            transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+            transform: scale3d(1, 1, 1);
+  }
+}
+
+.bounceIn {
+  -webkit-animation-name: bounceIn;
+          animation-name: bounceIn;
+  -webkit-animation-duration: .75s;
+          animation-duration: .75s;
+}
+
+@-webkit-keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+            transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+            transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+            transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+            transform: translate3d(0, 5px, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes bounceInDown {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -3000px, 0);
+            transform: translate3d(0, -3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 25px, 0);
+            transform: translate3d(0, 25px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, -10px, 0);
+            transform: translate3d(0, -10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, 5px, 0);
+            transform: translate3d(0, 5px, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.bounceInDown {
+  -webkit-animation-name: bounceInDown;
+          animation-name: bounceInDown;
+}
+
+@-webkit-keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+            transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+            transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+            transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+            transform: translate3d(5px, 0, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-3000px, 0, 0);
+            transform: translate3d(-3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(25px, 0, 0);
+            transform: translate3d(25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(-10px, 0, 0);
+            transform: translate3d(-10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(5px, 0, 0);
+            transform: translate3d(5px, 0, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.bounceInLeft {
+  -webkit-animation-name: bounceInLeft;
+          animation-name: bounceInLeft;
+}
+
+@-webkit-keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+            transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+            transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+            transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+            transform: translate3d(-5px, 0, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes bounceInRight {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(3000px, 0, 0);
+            transform: translate3d(3000px, 0, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(-25px, 0, 0);
+            transform: translate3d(-25px, 0, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(10px, 0, 0);
+            transform: translate3d(10px, 0, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(-5px, 0, 0);
+            transform: translate3d(-5px, 0, 0);
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.bounceInRight {
+  -webkit-animation-name: bounceInRight;
+          animation-name: bounceInRight;
+}
+
+@-webkit-keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+            transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+            transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+            transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+            transform: translate3d(0, -5px, 0);
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounceInUp {
+  0%, 60%, 75%, 90%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 3000px, 0);
+            transform: translate3d(0, 3000px, 0);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+            transform: translate3d(0, -20px, 0);
+  }
+
+  75% {
+    -webkit-transform: translate3d(0, 10px, 0);
+            transform: translate3d(0, 10px, 0);
+  }
+
+  90% {
+    -webkit-transform: translate3d(0, -5px, 0);
+            transform: translate3d(0, -5px, 0);
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounceInUp {
+  -webkit-animation-name: bounceInUp;
+          animation-name: bounceInUp;
+}
+
+@-webkit-keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(.9, .9, .9);
+            transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+            transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+}
+
+@keyframes bounceOut {
+  20% {
+    -webkit-transform: scale3d(.9, .9, .9);
+            transform: scale3d(.9, .9, .9);
+  }
+
+  50%, 55% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+            transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+}
+
+.bounceOut {
+  -webkit-animation-name: bounceOut;
+          animation-name: bounceOut;
+  -webkit-animation-duration: .75s;
+          animation-duration: .75s;
+}
+
+@-webkit-keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+            transform: translate3d(0, 10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+            transform: translate3d(0, -20px, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes bounceOutDown {
+  20% {
+    -webkit-transform: translate3d(0, 10px, 0);
+            transform: translate3d(0, 10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, -20px, 0);
+            transform: translate3d(0, -20px, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.bounceOutDown {
+  -webkit-animation-name: bounceOutDown;
+          animation-name: bounceOutDown;
+}
+
+@-webkit-keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+            transform: translate3d(20px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(20px, 0, 0);
+            transform: translate3d(20px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.bounceOutLeft {
+  -webkit-animation-name: bounceOutLeft;
+          animation-name: bounceOutLeft;
+}
+
+@-webkit-keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+            transform: translate3d(-20px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    -webkit-transform: translate3d(-20px, 0, 0);
+            transform: translate3d(-20px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.bounceOutRight {
+  -webkit-animation-name: bounceOutRight;
+          animation-name: bounceOutRight;
+}
+
+@-webkit-keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+            transform: translate3d(0, -10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+            transform: translate3d(0, 20px, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes bounceOutUp {
+  20% {
+    -webkit-transform: translate3d(0, -10px, 0);
+            transform: translate3d(0, -10px, 0);
+  }
+
+  40%, 45% {
+    opacity: 1;
+    -webkit-transform: translate3d(0, 20px, 0);
+            transform: translate3d(0, 20px, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.bounceOutUp {
+  -webkit-animation-name: bounceOutUp;
+          animation-name: bounceOutUp;
+}
+
+@-webkit-keyframes fadeIn {
+  0% {opacity: 0;}
+  100% {opacity: 1;}
+}
+
+@keyframes fadeIn {
+  0% {opacity: 0;}
+  100% {opacity: 1;}
+}
+
+.fadeIn {
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+}
+
+@-webkit-keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInDown {
+  -webkit-animation-name: fadeInDown;
+          animation-name: fadeInDown;
+}
+
+@-webkit-keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInDownBig {
+  -webkit-animation-name: fadeInDownBig;
+          animation-name: fadeInDownBig;
+}
+
+@-webkit-keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInLeft {
+  -webkit-animation-name: fadeInLeft;
+          animation-name: fadeInLeft;
+}
+
+@-webkit-keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInLeftBig {
+  -webkit-animation-name: fadeInLeftBig;
+          animation-name: fadeInLeftBig;
+}
+
+@-webkit-keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInRight {
+  -webkit-animation-name: fadeInRight;
+          animation-name: fadeInRight;
+}
+
+@-webkit-keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInRightBig {
+  -webkit-animation-name: fadeInRightBig;
+          animation-name: fadeInRightBig;
+}
+
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInUp {
+  -webkit-animation-name: fadeInUp;
+          animation-name: fadeInUp;
+}
+
+@-webkit-keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.fadeInUpBig {
+  -webkit-animation-name: fadeInUpBig;
+          animation-name: fadeInUpBig;
+}
+
+@-webkit-keyframes fadeOut {
+  0% {opacity: 1;}
+  100% {opacity: 0;}
+}
+
+@keyframes fadeOut {
+  0% {opacity: 1;}
+  100% {opacity: 0;}
+}
+
+.fadeOut {
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+}
+
+@-webkit-keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+}
+
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 100%, 0);
+            transform: translate3d(0, 100%, 0);
+  }
+}
+
+.fadeOutDown {
+  -webkit-animation-name: fadeOutDown;
+          animation-name: fadeOutDown;
+}
+
+@-webkit-keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+}
+
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, 2000px, 0);
+            transform: translate3d(0, 2000px, 0);
+  }
+}
+
+.fadeOutDownBig {
+  -webkit-animation-name: fadeOutDownBig;
+          animation-name: fadeOutDownBig;
+}
+
+@-webkit-keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+}
+
+.fadeOutLeft {
+  -webkit-animation-name: fadeOutLeft;
+          animation-name: fadeOutLeft;
+}
+
+@-webkit-keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(-2000px, 0, 0);
+            transform: translate3d(-2000px, 0, 0);
+  }
+}
+
+.fadeOutLeftBig {
+  -webkit-animation-name: fadeOutLeftBig;
+          animation-name: fadeOutLeftBig;
+}
+
+@-webkit-keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}
+
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+}
+
+.fadeOutRight {
+  -webkit-animation-name: fadeOutRight;
+          animation-name: fadeOutRight;
+}
+
+@-webkit-keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+}
+
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(2000px, 0, 0);
+            transform: translate3d(2000px, 0, 0);
+  }
+}
+
+.fadeOutRightBig {
+  -webkit-animation-name: fadeOutRightBig;
+          animation-name: fadeOutRightBig;
+}
+
+@-webkit-keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+}
+
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -100%, 0);
+            transform: translate3d(0, -100%, 0);
+  }
+}
+
+.fadeOutUp {
+  -webkit-animation-name: fadeOutUp;
+          animation-name: fadeOutUp;
+}
+
+@-webkit-keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+}
+
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(0, -2000px, 0);
+            transform: translate3d(0, -2000px, 0);
+  }
+}
+
+.fadeOutUpBig {
+  -webkit-animation-name: fadeOutUpBig;
+          animation-name: fadeOutUpBig;
+}
+
+@-webkit-keyframes flip {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+            animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+            animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+            transform: perspective(400px) scale3d(.95, .95, .95);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+}
+
+@keyframes flip {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
+    -webkit-animation-timing-function: ease-out;
+            animation-timing-function: ease-out;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
+    -webkit-animation-timing-function: ease-out;
+            animation-timing-function: ease-out;
+  }
+
+  50% {
+    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
+            transform: perspective(400px) scale3d(.95, .95, .95);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+    -webkit-animation-timing-function: ease-in;
+            animation-timing-function: ease-in;
+  }
+}
+
+.animated.flip {
+  -webkit-backface-visibility: visible;
+          backface-visibility: visible;
+  -webkit-animation-name: flip;
+          animation-name: flip;
+}
+
+@-webkit-keyframes flipInX {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+}
+
+@keyframes flipInX {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+}
+
+.flipInX {
+  -webkit-backface-visibility: visible !important;
+          backface-visibility: visible !important;
+  -webkit-animation-name: flipInX;
+          animation-name: flipInX;
+}
+
+@-webkit-keyframes flipInY {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+}
+
+@keyframes flipInY {
+  0% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+    opacity: 0;
+  }
+
+  40% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
+    -webkit-transition-timing-function: ease-in;
+            transition-timing-function: ease-in;
+  }
+
+  60% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
+  }
+
+  100% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+}
+
+.flipInY {
+  -webkit-backface-visibility: visible !important;
+          backface-visibility: visible !important;
+  -webkit-animation-name: flipInY;
+          animation-name: flipInY;
+}
+
+@-webkit-keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutX {
+  0% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutX {
+  -webkit-animation-name: flipOutX;
+          animation-name: flipOutX;
+  -webkit-animation-duration: .75s;
+          animation-duration: .75s;
+  -webkit-backface-visibility: visible !important;
+          backface-visibility: visible !important;
+}
+
+@-webkit-keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes flipOutY {
+  0% {
+    -webkit-transform: perspective(400px);
+            transform: perspective(400px);
+  }
+
+  30% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
+    opacity: 0;
+  }
+}
+
+.flipOutY {
+  -webkit-backface-visibility: visible !important;
+          backface-visibility: visible !important;
+  -webkit-animation-name: flipOutY;
+          animation-name: flipOutY;
+  -webkit-animation-duration: .75s;
+          animation-duration: .75s;
+}
+
+@-webkit-keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+            transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+            transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+            transform: skewX(-5deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes lightSpeedIn {
+  0% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
+            transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+
+  60% {
+    -webkit-transform: skewX(20deg);
+            transform: skewX(20deg);
+    opacity: 1;
+  }
+
+  80% {
+    -webkit-transform: skewX(-5deg);
+            transform: skewX(-5deg);
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.lightSpeedIn {
+  -webkit-animation-name: lightSpeedIn;
+          animation-name: lightSpeedIn;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+}
+
+@-webkit-keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+            transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+@keyframes lightSpeedOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
+            transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+
+.lightSpeedOut {
+  -webkit-animation-name: lightSpeedOut;
+          animation-name: lightSpeedOut;
+  -webkit-animation-timing-function: ease-in;
+          animation-timing-function: ease-in;
+}
+
+@-webkit-keyframes rotateIn {
+  0% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+            transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateIn {
+  0% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, -200deg);
+            transform: rotate3d(0, 0, 1, -200deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateIn {
+  -webkit-animation-name: rotateIn;
+          animation-name: rotateIn;
+}
+
+@-webkit-keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownLeft {
+  -webkit-animation-name: rotateInDownLeft;
+          animation-name: rotateInDownLeft;
+}
+
+@-webkit-keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInDownRight {
+  -webkit-animation-name: rotateInDownRight;
+          animation-name: rotateInDownRight;
+}
+
+@-webkit-keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpLeft {
+  -webkit-animation-name: rotateInUpLeft;
+          animation-name: rotateInUpLeft;
+}
+
+@-webkit-keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+            transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+@keyframes rotateInUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -90deg);
+            transform: rotate3d(0, 0, 1, -90deg);
+    opacity: 0;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: none;
+            transform: none;
+    opacity: 1;
+  }
+}
+
+.rotateInUpRight {
+  -webkit-animation-name: rotateInUpRight;
+          animation-name: rotateInUpRight;
+}
+
+@-webkit-keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+            transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOut {
+  0% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    -webkit-transform: rotate3d(0, 0, 1, 200deg);
+            transform: rotate3d(0, 0, 1, 200deg);
+    opacity: 0;
+  }
+}
+
+.rotateOut {
+  -webkit-animation-name: rotateOut;
+          animation-name: rotateOut;
+}
+
+@-webkit-keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 45deg);
+            transform: rotate3d(0, 0, 1, 45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownLeft {
+  -webkit-animation-name: rotateOutDownLeft;
+          animation-name: rotateOutDownLeft;
+}
+
+@-webkit-keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutDownRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutDownRight {
+  -webkit-animation-name: rotateOutDownRight;
+          animation-name: rotateOutDownRight;
+}
+
+@-webkit-keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpLeft {
+  0% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: left bottom;
+            transform-origin: left bottom;
+    -webkit-transform: rotate3d(0, 0, 1, -45deg);
+            transform: rotate3d(0, 0, 1, -45deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpLeft {
+  -webkit-animation-name: rotateOutUpLeft;
+          animation-name: rotateOutUpLeft;
+}
+
+@-webkit-keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+            transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+@keyframes rotateOutUpRight {
+  0% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform-origin: right bottom;
+            transform-origin: right bottom;
+    -webkit-transform: rotate3d(0, 0, 1, 90deg);
+            transform: rotate3d(0, 0, 1, 90deg);
+    opacity: 0;
+  }
+}
+
+.rotateOutUpRight {
+  -webkit-animation-name: rotateOutUpRight;
+          animation-name: rotateOutUpRight;
+}
+
+@-webkit-keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+  }
+
+  20%, 60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+            transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+  }
+
+  40%, 80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+            transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 700px, 0);
+            transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+@keyframes hinge {
+  0% {
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+  }
+
+  20%, 60% {
+    -webkit-transform: rotate3d(0, 0, 1, 80deg);
+            transform: rotate3d(0, 0, 1, 80deg);
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+  }
+
+  40%, 80% {
+    -webkit-transform: rotate3d(0, 0, 1, 60deg);
+            transform: rotate3d(0, 0, 1, 60deg);
+    -webkit-transform-origin: top left;
+            transform-origin: top left;
+    -webkit-animation-timing-function: ease-in-out;
+            animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+
+  100% {
+    -webkit-transform: translate3d(0, 700px, 0);
+            transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+
+.hinge {
+  -webkit-animation-name: hinge;
+          animation-name: hinge;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+@keyframes rollIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+
+.rollIn {
+  -webkit-animation-name: rollIn;
+          animation-name: rollIn;
+}
+
+/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
+
+@-webkit-keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+@keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
+  }
+}
+
+.rollOut {
+  -webkit-animation-name: rollOut;
+          animation-name: rollOut;
+}
+
+@-webkit-keyframes zoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+@keyframes zoomIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  50% {
+    opacity: 1;
+  }
+}
+
+.zoomIn {
+  -webkit-animation-name: zoomIn;
+          animation-name: zoomIn;
+}
+
+@-webkit-keyframes zoomInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInDown {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInDown {
+  -webkit-animation-name: zoomInDown;
+          animation-name: zoomInDown;
+}
+
+@-webkit-keyframes zoomInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInLeft {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInLeft {
+  -webkit-animation-name: zoomInLeft;
+          animation-name: zoomInLeft;
+}
+
+@-webkit-keyframes zoomInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInRight {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInRight {
+  -webkit-animation-name: zoomInRight;
+          animation-name: zoomInRight;
+}
+
+@-webkit-keyframes zoomInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomInUp {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomInUp {
+  -webkit-animation-name: zoomInUp;
+          animation-name: zoomInUp;
+}
+
+@-webkit-keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+            transform: scale3d(.3, .3, .3);
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+.zoomOut {
+  -webkit-animation-name: zoomOut;
+          animation-name: zoomOut;
+}
+
+@-webkit-keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+            transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
+    -webkit-transform-origin: center bottom;
+            transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutDown {
+  -webkit-animation-name: zoomOutDown;
+          animation-name: zoomOutDown;
+}
+
+@-webkit-keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+            transform: scale(.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+            transform-origin: left center;
+  }
+}
+
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
+            transform: scale(.1) translate3d(-2000px, 0, 0);
+    -webkit-transform-origin: left center;
+            transform-origin: left center;
+  }
+}
+
+.zoomOutLeft {
+  -webkit-animation-name: zoomOutLeft;
+          animation-name: zoomOutLeft;
+}
+
+@-webkit-keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+            transform: scale(.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+            transform-origin: right center;
+  }
+}
+
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
+            transform: scale(.1) translate3d(2000px, 0, 0);
+    -webkit-transform-origin: right center;
+            transform-origin: right center;
+  }
+}
+
+.zoomOutRight {
+  -webkit-animation-name: zoomOutRight;
+          animation-name: zoomOutRight;
+}
+
+@-webkit-keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+            transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
+    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
+  }
+
+  100% {
+    opacity: 0;
+    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
+    -webkit-transform-origin: center bottom;
+            transform-origin: center bottom;
+    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+  }
+}
+
+.zoomOutUp {
+  -webkit-animation-name: zoomOutUp;
+          animation-name: zoomOutUp;
+}
+
+@-webkit-keyframes slideInDown {
+  0% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+}
+
+@keyframes slideInDown {
+  0% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+}
+
+.slideInDown {
+  -webkit-animation-name: slideInDown;
+          animation-name: slideInDown;
+}
+
+@-webkit-keyframes slideInLeft {
+  0% {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+
+@keyframes slideInLeft {
+  0% {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+
+.slideInLeft {
+  -webkit-animation-name: slideInLeft;
+          animation-name: slideInLeft;
+}
+
+@-webkit-keyframes slideInRight {
+  0% {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+
+@keyframes slideInRight {
+  0% {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+}
+
+.slideInRight {
+  -webkit-animation-name: slideInRight;
+          animation-name: slideInRight;
+}
+
+@-webkit-keyframes slideInUp {
+  0% {
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+}
+
+@keyframes slideInUp {
+  0% {
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+    visibility: visible;
+  }
+
+  100% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+}
+
+.slideInUp {
+  -webkit-animation-name: slideInUp;
+          animation-name: slideInUp;
+}
+
+@-webkit-keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+  }
+}
+
+@keyframes slideOutDown {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateY(100%);
+            transform: translateY(100%);
+  }
+}
+
+.slideOutDown {
+  -webkit-animation-name: slideOutDown;
+          animation-name: slideOutDown;
+}
+
+@-webkit-keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+  }
+}
+
+@keyframes slideOutLeft {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+  }
+}
+
+.slideOutLeft {
+  -webkit-animation-name: slideOutLeft;
+          animation-name: slideOutLeft;
+}
+
+@-webkit-keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+  }
+}
+
+@keyframes slideOutRight {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+  }
+}
+
+.slideOutRight {
+  -webkit-animation-name: slideOutRight;
+          animation-name: slideOutRight;
+}
+
+@-webkit-keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+  }
+}
+
+@keyframes slideOutUp {
+  0% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+
+  100% {
+    visibility: hidden;
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+  }
+}
+
+.slideOutUp {
+  -webkit-animation-name: slideOutUp;
+          animation-name: slideOutUp;
+}
diff --git a/style/hub/bithub-social-icons.less b/style/hub/bithub-social-icons.less
new file mode 100644
index 0000000..299c328
--- /dev/null
+++ b/style/hub/bithub-social-icons.less
@@ -0,0 +1,52 @@
+@font-face {
+  font-family: 'bh-bits';
+  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
+     url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+[class^="bh-icon-"], [class*=" bh-icon-"] {
+  font-family: 'bh-bits';
+  speak: none;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.bh-icon-flickr:before {
+  content: "\e600";
+}
+.bh-icon-vimeo:before {
+  content: "\e601";
+}
+.bh-icon-twitter:before {
+  content: "\e602";
+}
+.bh-icon-facebook:before {
+  content: "\e603";
+}
+.bh-icon-googleplus:before {
+  content: "\e604";
+}
+.bh-icon-pinterest:before {
+  content: "\e605";
+}
+.bh-icon-tumblr:before {
+  content: "\e606";
+}
+.bh-icon-instagram:before {
+  content: "\e607";
+}
+.bh-icon-rss:before {
+  content: "\e608";
+}
+.bh-icon-youtube:before {
+  content: "\e609";
+}
\ No newline at end of file
diff --git a/style/hub/bithub-variables.less b/style/hub/bithub-variables.less
new file mode 100644
index 0000000..9af10ad
--- /dev/null
+++ b/style/hub/bithub-variables.less
@@ -0,0 +1,870 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-darker:            lighten(#000, 13.5%); // #222
+@gray-dark:              lighten(#000, 20%);   // #333
+@gray:                   lighten(#000, 33.5%); // #555
+@gray-light:             lighten(#000, 80.7%); // #777
+@gray-lighter:           lighten(#000, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+// custom brand colors
+@white: #fff;
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg:               @white;
+//** Global text color on `<body>`.
+@text-color:            @gray-dark;
+
+//** Global textual link color.
+@link-color:            @brand-primary;
+//** Link hover color set via `darken()` function.
+@link-hover-color:      darken(@link-color, 15%);
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+
+@font-family-sans-serif:  "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          16px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5:            @font-size-base;
+@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
+
+@font-weight-base: 300;
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family:    inherit;
+@headings-font-weight:    @font-weight-base;
+@headings-line-height:    1.1;
+@headings-color:          inherit;
+
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+@icon-font-path:          "../fonts/";
+//** File name for all font files.
+@icon-font-name:          "glyphicons-halflings-regular";
+//** Element ID within SVG icon file.
+@icon-font-svg-id:        "glyphicons_halflingsregular";
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   12px;
+
+@padding-large-vertical:    10px;
+@padding-large-horizontal:  16px;
+
+@padding-small-vertical:    5px;
+@padding-small-horizontal:  10px;
+
+@padding-xs-vertical:       1px;
+@padding-xs-horizontal:     5px;
+
+@line-height-large:         1.33;
+@line-height-small:         1.5;
+
+@border-radius-base:        4px;
+@border-radius-large:       6px;
+@border-radius-small:       3px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color:    #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg:       @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base:          4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large:         5px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding:            8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding:  5px;
+
+//** Default background color used for all tables.
+@table-bg:                      transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent:               #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover:                #f5f5f5;
+@table-bg-active:               @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color:            #ddd;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight:                normal;
+@btn-shadow: 0px 3px;
+
+@btn-default-color:              #333;
+@btn-default-bg:                 #fff;
+@btn-default-border:             #ccc;
+@btn-default-shadow:rgba(191, 191, 191, 1);
+
+@btn-primary-color:              #fff;
+@btn-primary-bg:                 @brand-primary;
+@btn-primary-border:             darken(@btn-primary-bg, 5%);
+@btn-primary-shadow:rgba(56, 78, 51, 1);
+
+@btn-success-color:              #fff;
+@btn-success-bg:                 @brand-success;
+@btn-success-border:             darken(@btn-success-bg, 5%);
+@btn-success-shadow:rgba(68, 157, 68, 1);
+
+@btn-info-color:                 #fff;
+@btn-info-bg:                    @brand-info;
+@btn-info-border:                darken(@btn-info-bg, 5%);
+@btn-info-shadow:rgba(49, 176, 213, 1);
+
+@btn-warning-color:              #fff;
+@btn-warning-bg:                 @brand-warning;
+@btn-warning-border:             darken(@btn-warning-bg, 5%);
+@btn-warning-shadow:rgba(236, 151, 31, 1);
+
+@btn-danger-color:               #fff;
+@btn-danger-bg:                  @brand-danger;
+@btn-danger-border:              darken(@btn-danger-bg, 5%);
+@btn-danger-shadow:rgba(201, 48, 44, 1);
+
+@btn-link-disabled-color:        @gray-light;
+
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg:                       #fff;
+//** `<input disabled>` background color
+@input-bg-disabled:              @gray-lighter;
+
+//** Text color for `<input>`s
+@input-color:                    @gray;
+//** `<input>` border color
+@input-border:                   #ccc;
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
+@input-border-radius:            @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large:      @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small:      @border-radius-small;
+
+//** Border color for inputs on focus
+@input-border-focus:             #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder:        #999;
+
+//** Default `.form-control` height
+@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+//** Small `.form-control` height
+@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@legend-color:                   @gray-dark;
+@legend-border-color:            #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg:           @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg:                    #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border:                rgba(0,0,0,.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border:       #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg:            #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color:            @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color:      darken(@gray-dark, 5%);
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg:         #f5f5f5;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color:     @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg:        @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color:   @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color:          @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color:           #000;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar:            1000;
+@zindex-dropdown:          1000;
+@zindex-popover:           1060;
+@zindex-tooltip:           1070;
+@zindex-navbar-fixed:      1030;
+@zindex-modal-background:  1040;
+@zindex-modal:             1050;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs:                  480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min:              @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone:               @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm:                  768px;
+@screen-sm-min:              @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet:              @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md:                  992px;
+@screen-md-min:              @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop:             @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg:                  1200px;
+@screen-lg-min:              @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop:          @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max:              (@screen-sm-min - 1);
+@screen-sm-max:              (@screen-md-min - 1);
+@screen-md-max:              (@screen-lg-min - 1);
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns:              12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width:         30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint:     @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+
+// Grid Helper Definitions
+@grid-min-value: 5px;
+@grid-low-value: 10px;
+@grid-med-value: 20px;
+@grid-max-value: 30px;
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet:             ((720px + @grid-gutter-width));
+//** For `@screen-sm-min` and up.
+@container-sm:                 @container-tablet;
+
+// Medium screen / desktop
+@container-desktop:            ((940px + @grid-gutter-width));
+//** For `@screen-md-min` and up.
+@container-md:                 @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop:      ((1140px + @grid-gutter-width));
+//** For `@screen-lg-min` and up.
+@container-lg:                 @container-large-desktop;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height:                    50px;
+@navbar-margin-bottom:             @line-height-computed;
+@navbar-border-radius:             @border-radius-base;
+@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height:       340px;
+
+@navbar-default-color:             #777;
+@navbar-default-bg:                #f8f8f8;
+@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color:                #777;
+@navbar-default-link-hover-color:          #333;
+@navbar-default-link-hover-bg:             transparent;
+@navbar-default-link-active-color:         #555;
+@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
+@navbar-default-link-disabled-color:       #ccc;
+@navbar-default-link-disabled-bg:          transparent;
+
+// Navbar brand label
+@navbar-default-brand-color:               @navbar-default-link-color;
+@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg:            transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg:           #ddd;
+@navbar-default-toggle-icon-bar-bg:        #888;
+@navbar-default-toggle-border-color:       #ddd;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color:                      @white;
+@navbar-inverse-bg:                         @gray;
+@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 @white;
+@navbar-inverse-link-hover-color:           lighten(@gray-light, 15%);
+@navbar-inverse-link-hover-bg:              transparent;
+@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color:        #444;
+@navbar-inverse-link-disabled-bg:           transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color:          #fff;
+@navbar-inverse-brand-hover-bg:             transparent;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            #333;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #333;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding:                          10px 15px;
+@nav-link-hover-bg:                         @gray-lighter;
+
+@nav-disabled-link-color:                   @gray-light;
+@nav-disabled-link-hover-color:             @gray-light;
+
+//== Tabs
+@nav-tabs-border-color:                     #ddd;
+
+@nav-tabs-link-hover-border-color:          @gray-lighter;
+
+@nav-tabs-active-link-hover-bg:             @body-bg;
+@nav-tabs-active-link-hover-color:          @gray;
+@nav-tabs-active-link-hover-border-color:   #ddd;
+
+@nav-tabs-justified-link-border-color:            #ddd;
+@nav-tabs-justified-active-link-border-color:     @body-bg;
+
+//== Pills
+@nav-pills-border-radius:                   @border-radius-base;
+@nav-pills-active-link-hover-bg:            @component-active-bg;
+@nav-pills-active-link-hover-color:         @component-active-color;
+
+
+//== Pagination
+//
+//##
+
+@pagination-color:                     @link-color;
+@pagination-bg:                        #fff;
+@pagination-border:                    #ddd;
+
+@pagination-hover-color:               @link-hover-color;
+@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-border:              #ddd;
+
+@pagination-active-color:              #fff;
+@pagination-active-bg:                 @brand-primary;
+@pagination-active-border:             @brand-primary;
+
+@pagination-disabled-color:            @gray-light;
+@pagination-disabled-bg:               #fff;
+@pagination-disabled-border:           #ddd;
+
+
+//== Pager
+//
+//##
+
+@pager-bg:                             @pagination-bg;
+@pager-border:                         @pagination-border;
+@pager-border-radius:                  15px;
+
+@pager-hover-bg:                       @pagination-hover-bg;
+
+@pager-active-bg:                      @pagination-active-bg;
+@pager-active-color:                   @pagination-active-color;
+
+@pager-disabled-color:                 @pagination-disabled-color;
+
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding:              30px;
+@jumbotron-color:                inherit;
+@jumbotron-bg:                   @gray-lighter;
+@jumbotron-heading-color:        inherit;
+@jumbotron-font-size:            ceil((@font-size-base * 1.5));
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text:             #3c763d;
+@state-success-bg:               #dff0d8;
+@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text:                #31708f;
+@state-info-bg:                  #d9edf7;
+@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text:             #8a6d3b;
+@state-warning-bg:               #fcf8e3;
+@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+
+@state-danger-text:              #a94442;
+@state-danger-bg:                #f2dede;
+@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width:           200px;
+//** Tooltip text color
+@tooltip-color:               #fff;
+//** Tooltip background color
+@tooltip-bg:                  #000;
+@tooltip-opacity:             .9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width:         5px;
+//** Tooltip arrow color
+@tooltip-arrow-color:         @tooltip-bg;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg:                          #fff;
+//** Popover maximum width
+@popover-max-width:                   276px;
+//** Popover border color
+@popover-border-color:                rgba(0,0,0,.2);
+//** Popover fallback border color
+@popover-fallback-border-color:       #ccc;
+
+//** Popover title background color
+@popover-title-bg:                    darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width:                 10px;
+//** Popover arrow color
+@popover-arrow-color:                 @popover-bg;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width:           (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg:            @gray-light;
+//** Primary label background color
+@label-primary-bg:            @brand-primary;
+//** Success label background color
+@label-success-bg:            @brand-success;
+//** Info label background color
+@label-info-bg:               @brand-info;
+//** Warning label background color
+@label-warning-bg:            @brand-warning;
+//** Danger label background color
+@label-danger-bg:             @brand-danger;
+
+//** Default label text color
+@label-color:                 #fff;
+//** Default text color of a linked label
+@label-link-hover-color:      #fff;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding:         15px;
+
+//** Padding applied to the modal title
+@modal-title-padding:         15px;
+//** Modal title line-height
+@modal-title-line-height:     @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg:                             #fff;
+//** Modal content border color
+@modal-content-border-color:                   rgba(0,0,0,.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color:          #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg:           #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity:      .5;
+//** Modal header border color
+@modal-header-border-color:   #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color:   @modal-header-border-color;
+
+@modal-lg:                    900px;
+@modal-md:                    600px;
+@modal-sm:                    300px;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding:               15px;
+@alert-border-radius:         @border-radius-base;
+@alert-link-font-weight:      bold;
+
+@alert-success-bg:            @state-success-bg;
+@alert-success-text:          @state-success-text;
+@alert-success-border:        @state-success-border;
+
+@alert-info-bg:               @state-info-bg;
+@alert-info-text:             @state-info-text;
+@alert-info-border:           @state-info-border;
+
+@alert-warning-bg:            @state-warning-bg;
+@alert-warning-text:          @state-warning-text;
+@alert-warning-border:        @state-warning-border;
+
+@alert-danger-bg:             @state-danger-bg;
+@alert-danger-text:           @state-danger-text;
+@alert-danger-border:         @state-danger-border;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg:                 #f5f5f5;
+//** Progress bar text color
+@progress-bar-color:          #fff;
+//** Variable for setting rounded corners on progress bar.
+@progress-border-radius:      @border-radius-base;
+
+//** Default progress bar color
+@progress-bar-bg:             @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg:     @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg:     @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg:      @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg:        @brand-info;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg:                 #fff;
+//** `.list-group-item` border color
+@list-group-border:             #ddd;
+//** List group border radius
+@list-group-border-radius:      @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg:           #f5f5f5;
+//** Text color of active list items
+@list-group-active-color:       @component-active-color;
+//** Background color of active list items
+@list-group-active-bg:          @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border:      @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color:      @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg:         @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color: @list-group-disabled-color;
+
+@list-group-link-color:         #555;
+@list-group-link-hover-color:   @list-group-link-color;
+@list-group-link-heading-color: #333;
+
+
+//== Panels
+//
+//##
+
+@panel-bg:                    #fff;
+@panel-body-padding:          15px;
+@panel-heading-padding:       10px 15px;
+@panel-footer-padding:        @panel-heading-padding;
+@panel-border-radius:         @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border:          #ddd;
+@panel-footer-bg:             #f5f5f5;
+
+@panel-default-text:          @gray-dark;
+@panel-default-border:        #ddd;
+@panel-default-heading-bg:    #f5f5f5;
+
+@panel-primary-text:          #fff;
+@panel-primary-border:        @brand-primary;
+@panel-primary-heading-bg:    @brand-primary;
+
+@panel-success-text:          @state-success-text;
+@panel-success-border:        @state-success-border;
+@panel-success-heading-bg:    @state-success-bg;
+
+@panel-info-text:             @state-info-text;
+@panel-info-border:           @state-info-border;
+@panel-info-heading-bg:       @state-info-bg;
+
+@panel-warning-text:          @state-warning-text;
+@panel-warning-border:        @state-warning-border;
+@panel-warning-heading-bg:    @state-warning-bg;
+
+@panel-danger-text:           @state-danger-text;
+@panel-danger-border:         @state-danger-border;
+@panel-danger-heading-bg:     @state-danger-bg;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding:           4px;
+//** Thumbnail background color
+@thumbnail-bg:                @body-bg;
+//** Thumbnail border color
+@thumbnail-border:            #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius:     @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color:     @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding:   9px;
+
+
+//== Wells
+//
+//##
+
+@well-bg:                     #f5f5f5;
+@well-border:                 darken(@well-bg, 7%);
+
+
+//== Badges
+//
+//##
+
+@badge-color:                 #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color:      #fff;
+@badge-bg:                    @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color:          @link-color;
+//** Badge background color in active nav link
+@badge-active-bg:             #fff;
+
+@badge-font-weight:           bold;
+@badge-line-height:           1;
+@badge-border-radius:         10px;
+
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical:   8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg:                 #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color:              #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color:       @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator:          "/";
+
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color:                      #fff;
+@carousel-control-width:                      15%;
+@carousel-control-opacity:                    .5;
+@carousel-control-font-size:                  20px;
+
+@carousel-indicator-active-bg:                #fff;
+@carousel-indicator-border-color:             #fff;
+
+@carousel-caption-color:                      #fff;
+
+
+//== Close
+//
+//##
+
+@close-font-weight:           bold;
+@close-color:                 #000;
+@close-text-shadow:           0 1px 0 #fff;
+
+
+//== Code
+//
+//##
+
+@code-color:                  #c7254e;
+@code-bg:                     #f9f2f4;
+
+@kbd-color:                   #fff;
+@kbd-bg:                      #333;
+
+@pre-bg:                      #f5f5f5;
+@pre-color:                   @gray-dark;
+@pre-border-color:            #ccc;
+@pre-scrollable-max-height:   340px;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+//** Text muted color
+@text-muted:                  @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color:           @gray-light;
+//** Headings small color
+@headings-small-color:        @gray-light;
+//** Blockquote small color
+@blockquote-small-color:      @gray-light;
+//** Blockquote font size
+@blockquote-font-size:        (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color:     @gray-lighter;
+//** Page header border color
+@page-header-border-color:    @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset:        @component-offset-horizontal;
+//** Horizontal line color.
+@hr-border:                   @gray-lighter;
\ No newline at end of file
diff --git a/style/hub/custom-bits.less b/style/hub/custom-bits.less
new file mode 100644
index 0000000..c0d89d6
--- /dev/null
+++ b/style/hub/custom-bits.less
@@ -0,0 +1,197 @@
+bh-bits {
+	display: block;
+}
+.bit-container {
+	display: inline-block;
+	padding:  1rem;
+	width:  100%;
+}
+// Default "Clear" Theme
+.bit {
+	.border-radius(5px);
+	background-color: @white;
+	border: 1px solid @gray-light;
+	&:extend(.b_margin--lowVert all);
+	.clearfix;
+	.box-shadow(0 0 20px rgba(0,0,0,0));
+	&:hover {
+		.box-shadow(0 0 20px rgba(0,0,0,.15));
+	}
+	// header
+	.bit-header,
+	.bit-footer {
+		padding: 10px 0;
+		.clearfix
+	}
+	.bit-footer {
+		border-top: 1px solid lighten(@gray-light, 5%);
+		padding: 10px;
+		figcaption {
+			float: left;
+		}
+
+	}
+	.bit-avatar {
+		float: left;
+		margin-right: 10px;
+		.bit-avatar--img {
+			width: 35px;
+			height: 35px;
+			border-radius: 50%;
+		}
+	}
+	.bh-icon {
+		font-size: 1.5em;
+		float: right;
+		margin-top: 6px;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	.bh-icon-twitter {
+		color: #55acee;
+	}
+	.bh-icon-youtube {
+		color: #cc181e;
+	}
+	.bh-icon-facebook {
+		color: #3b5998;
+	}
+	.bh-icon-instagram {
+		color: #3f729b;
+	}
+	.bh-icon-flickr {
+		color: #FF0084;
+	}
+	.bh-icon-googleplus {
+		color: #d73d32;
+	}
+	.bh-icon-tumblr {
+		color: #2d4661;
+	}
+	.share-fb {
+		width: 70px;
+	}
+	.share-tw {
+		width: 76px;
+		margin-right:20px;
+	}
+	// Content
+	.bit-content--media {
+		max-height: 350px;
+		overflow-y: auto;
+		overflow-x: hidden;
+	}
+	.img-responsive {
+		margin:0 auto;
+	}
+}
+// In the inspector, apply the wrapper class to the body to see the design variations.
+// This will need to be cleaned up or implemented differently later.
+
+// Bitovi Style w/ Borders
+.theme-2 {
+	.bit {
+		.bit-header {
+			border-bottom: 1px solid @gray-lighter;
+		}
+		.bit-footer {
+			border-top: 1px solid @gray-lighter;
+		} 
+	}
+}
+// Bitovi Style with Gray header and footer
+.theme-3 {
+	.bit {
+		border: 1px solid @gray-light;
+		&:hover {
+			.box-shadow(0 0 20px rgba(0,0,0,.3));
+		}
+		// Content 
+		.bit-content {
+			&:extend(.b_padding--lowVert all);
+		}
+		.bit-header,
+		.bit-footer {
+			background-color: #f0f0f0;
+		}
+		.bit-header {
+			border-bottom: 1px solid @gray-light;
+		}
+		.bit-footer {
+			border-top: 1px solid @gray-light;
+		} 
+	}
+}
+// BitHub Style Theme
+.theme-4 {
+	.bit {
+		border: 1px solid #f0f0f0;
+		&:hover {
+			.box-shadow(0 0 20px rgba(73,149,187,.5));
+			border: 1px solid @white;
+		}
+		// Content 
+		.bit-content {
+			&:extend(.b_padding--lowVert all);
+		}
+		.bit-header,
+		.bit-footer {
+			background-color: #71bee5;
+		}
+		.bit-header {
+			.bit-avatar {
+				.bit-avatar--img {
+					border: 2px solid @white
+				}
+			}
+		}
+		.bit-header,
+		.bit-header a,
+		.bh-icon-twitter,
+		.bh-icon-youtube,
+		.bh-icon-facebook,
+		.bh-icon-instagram,
+		.bh-icon-flickr,
+		.bh-icon-googleplus,
+		.bh-icon-tumblr {
+			color: @white;
+		} 
+	}
+}
+// Dark Colors 
+.theme-5 {
+	.bit {
+		border: 1px solid @gray-darker;
+		&:hover {
+			.box-shadow(0 0 20px rgba(0,0,0,.3));
+			border: 1px solid @white;
+		}   
+		// Content 
+		.bit-content {
+			&:extend(.b_padding--lowVert all);
+		}
+		.bit-header,
+		.bit-footer {
+			background-color: @gray-dark;
+		}
+		.bit-header {
+			.bit-avatar {
+				.bit-avatar--img {
+					border: 2px solid @white
+				}
+			}
+		}
+		.bit-header,
+		.bit-header a,
+		.bh-icon-twitter,
+		.bh-icon-youtube,
+		.bh-icon-facebook,
+		.bh-icon-instagram,
+		.bh-icon-flickr,
+		.bh-icon-googleplus,
+		.bh-icon-tumblr {
+			color: @white;
+		} 
+	}
+}
diff --git a/style/hub/custom-grid.less b/style/hub/custom-grid.less
new file mode 100644
index 0000000..fae7772
--- /dev/null
+++ b/style/hub/custom-grid.less
@@ -0,0 +1,117 @@
+.no-gutter {
+  padding-left: 0 !important;
+  padding-right: 0 !important;  
+  [class*="row"] {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+.block-level {
+  display: block;
+}
+.b_padding--lowAll,
+.b_padding--medAll,
+.b_padding--maxAll,
+.b_padding--minVert,
+.b_padding--lowVert,
+.b_padding--medVert,
+.b_padding--maxVert,
+.b_padding--minHorz,
+.b_padding--lowHorz,
+.b_padding--medHorz,
+.b_padding--maxHorz {
+  &:extend(.clearfix all);
+}
+/* Grid Helpers */
+.b_padding--lowAll {
+    padding: @grid-low-value;
+}
+.b_padding--medAll {
+    padding: @grid-med-value;
+}
+.b_padding--maxAll {
+    padding: @grid-max-value;
+}
+.b_padding--minVert{
+    padding-top: @grid-min-value;
+    padding-bottom: @grid-min-value;
+}
+.b_padding--lowVert{
+    padding-top: @grid-low-value;
+    padding-bottom: @grid-low-value;
+}
+.b_padding--medVert {
+    padding-top: @grid-med-value;
+    padding-bottom: @grid-med-value;
+}
+.b_padding--maxVert {
+    padding-top: @grid-max-value;
+    padding-bottom: @grid-max-value;
+}
+.b_padding--minHorz {
+    padding-right: @grid-min-value;
+    padding-left: @grid-min-value;
+}
+.b_padding--lowHorz {
+    padding-right: @grid-low-value;
+    padding-left: @grid-low-value;
+}
+.b_padding--medHorz {
+    padding-right: @grid-med-value;
+    padding-left: @grid-med-value;
+}
+.b_padding--maxHorz {
+    padding-right: @grid-max-value;
+    padding-left: @grid-max-value;
+}
+// Margin 
+.b_margin--lowAll {
+    margin: @grid-low-value;
+}
+.b_margin--medAll {
+    margin: @grid-med-value;
+}
+.b_margin--maxAll {
+    margin: @grid-max-value;
+}
+.b_margin--minVert{
+    margin-top: @grid-min-value;
+    margin-bottom: @grid-min-value;
+}
+.b_margin--lowVert{
+    margin-top: @grid-low-value;
+    margin-bottom: @grid-low-value;
+}
+.b_margin--medVert {
+    margin-top: @grid-med-value;
+    margin-bottom: @grid-med-value;
+}
+.b_margin--maxVert {
+    margin-top: @grid-max-value;
+    margin-bottom: @grid-max-value;
+}
+.b_margin--minHorz {
+    margin-right: @grid-min-value;
+    margin-left: @grid-min-value;
+}
+.b_margin--lowHorz {
+    margin-right: @grid-low-value;
+    margin-left: @grid-low-value;
+}
+.b_margin--medHorz {
+    margin-right: @grid-med-value;
+    margin-left: @grid-med-value;
+}
+.b_margin--maxHorz {
+    margin-right: @grid-max-value;
+    margin-left: @grid-max-value;
+}
+// Center Column
+.col-centered{
+    float: none;
+    margin: 0 auto;
+}
+.reset {
+  margin:0;
+  padding:0;
+}
\ No newline at end of file
diff --git a/style/hub/custom-mixins.less b/style/hub/custom-mixins.less
new file mode 100644
index 0000000..97f0264
--- /dev/null
+++ b/style/hub/custom-mixins.less
@@ -0,0 +1,71 @@
+.strong, strong, b {
+	font-weight: 700;
+}
+.truncate {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.border {
+	border: 1px solid #ccc;
+}
+.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
+  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+          box-shadow: @shadow;
+}
+.no-box-shadow {
+	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
+	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
+	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
+}
+.text-smoothing, .font-smoothing {
+	-webkit-font-smoothing: antialiased;
+}
+.border-radius (@radius: @baseBorderRadius) {
+  border-radius: @radius;
+  -moz-border-radius: @radius;
+  -webkit-border-radius: @radius;
+}
+.hide {
+	display: none;
+}
+br, .clear {
+	float: none;
+	clear: both;
+}
+// gray to transparent, gray top
+.bevel-gradient-top {
+background: -moz-linear-gradient(top,  rgba(204,204,204,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  rgba(204,204,204,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  rgba(204,204,204,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  rgba(204,204,204,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
+background: linear-gradient(to bottom,  rgba(204,204,204,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6cccccc', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
+
+}
+// gray to transparent, gray bottom
+.bevel-gradient-bottom {
+background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(204,204,204,0.65) 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(204,204,204,0.65))); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%); /* IE10+ */
+background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(204,204,204,0.65) 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6cccccc',GradientType=0 ); /* IE6-9 */
+
+}
+
+ // Additional responsive classes for hiding/showing
+ @media (max-width: @screen-xs) {
+ 	//@screen-xs
+ 	.visible-less-xs {
+ 		display: inline-block;
+ 	}
+ 	.hidden-less-xs {
+ 		.responsive-invisibility();
+ 	}
+ }
+
+ // Retina displays
+ @retina: ~"only screen and (-webkit-min-device-pixel-ratio: 2),  only screen and (min--moz-device-pixel-ratio: 2),  only screen and (-o-min-device-pixel-ratio: 2/1),  only screen and (min-device-pixel-ratio: 2),only screen and (-webkit-device-pixel-ratio:1.5)";
\ No newline at end of file
diff --git a/style/site.less b/style/site.less
new file mode 100644
index 0000000..d53d48a
--- /dev/null
+++ b/style/site.less
@@ -0,0 +1,397 @@
+html.site {
+	height:100%;
+	body {
+		height: 100%;
+		background: url(/images/background.png);
+		background-repeat: repeat-x;
+	}
+
+	#wrapper {
+		min-height: 100%;
+		position: relative;
+	}
+
+	.header {
+		height: 60px;
+		position: relative;
+		background: #e7e7e7;
+		border-bottom: 1px solid #ddd;
+		ul {
+			float: right;
+			position: relative;
+			margin-top: 20px;
+			li {
+				float: left;
+				padding: 0 10px;
+				height: 20px;
+				line-height: 20px;
+				text-transform: uppercase;
+				font-size: 12px;
+				&:last-child {
+					padding-right: 0;
+					border-right: none;
+				}
+				a {
+					color: #454545;
+				}
+				span.email {
+					text-transform: none;
+				}
+			}
+		}
+		.logo {
+			float: left;
+			position: relative;
+			top: 15px;
+		}
+	}
+
+	.top-cta-wrap {
+		background: url(/images/header-background.png);
+		height: 343px;
+		.top-cta-container {
+			height: 100%;
+			background: url(/images/service-tiles.png);
+			background-repeat: no-repeat;
+			background-position: 50% top;
+			text-align: center;
+			h1, h2 {
+				text-shadow: 0 0 10px rgba(0,0,0,0.5);
+			}
+			h1 {
+				color: white;
+				font-size: 44px;
+				margin-bottom: 5px;
+				margin-top: 110px;
+			}
+			h2 {
+				color: #868585;
+				font-weight: normal;
+				position: relative;
+				font-size: 34px;
+				margin-top: 0;
+				margin-bottom: 20px;
+				b {
+					color: #249cb8;
+				}
+				span.small-text {
+					font-weight: normal;
+					font-size: 60%;
+					display: inline-block;
+					position: relative;
+					top: -10px;
+				}
+			}
+			a.btn-primary {
+				background: #c23315;
+				color: #eed0cd;
+				border: none;
+				display: inline-block;
+				margin-bottom: 5px;
+				text-decoration: none;
+			}
+			a.find-out-more {
+				color: #9f9e9e;
+				font-style: oblique;
+				text-decoration: underline;
+				font-size: 12px;
+			}
+		}
+	}
+
+
+	.small-header {
+		margin-bottom: 0;
+	}
+	.header-separator {
+		margin: 0 0 25px;
+		border-color: #ddd;
+	}
+	.punchline {
+		position: relative;
+		margin-top: 0px;
+		h1 {
+			float: left;
+			font-size: 247%;
+		}
+		.btn {
+			float: right;
+			position: relative;
+			top: 17px;
+		}
+	}
+
+	.widget-wrap {
+		margin-top: 40px;
+		overflow: hidden;
+		height: 250px;
+		img {
+			width: 100%;
+		}
+	}
+	.content {
+		padding-bottom: 115px;
+	}
+
+
+	.marketing-line {
+		font-size: 150%;
+		text-align: center;
+		margin: 30px 0 40px 0;
+	}
+	.steps {
+		margin-bottom: 40px;
+		margin-top: 60px;
+		.step {
+			float: left;
+			width: 30%;
+			margin-right: 5%;
+			text-align: center;
+			color: #4f4f4f;
+			h2 {
+				border-bottom: 1px solid #dfdfdf;
+				padding-bottom: 15px;
+				margin-bottom: 15px;
+			}
+			p {
+				margin-top: 15px;
+				font-size: 120%;
+			}
+			&:last-child {
+				margin-right: 0;
+				float: right;
+			}
+		}
+	}
+	.cta {
+		text-align: center;
+		margin: 10px;
+		padding-bottom: 60px;
+		.btn {
+			font-size: 200%;
+			padding: 10px 30px;
+			background: #c23315;
+			color: #eed0cd;
+			border: none;
+		}
+		span {
+			color: #888;
+			font-style: oblique;
+		}
+	}
+	.features {
+		padding-top: 25px;
+		color: #333;
+		.feature-left, .feature-right {
+			margin: 50px 0;
+			padding-bottom: 50px;
+			border-bottom: 1px solid #dfdfdf;
+			&:last-child {
+				border-bottom: none;
+				margin-bottom: 0;
+			}
+			h2 {
+				margin: 0;
+				font-size: 34px;
+				font-weight: normal;
+				line-height: 1;
+				padding: 0;
+			}
+			h3 {
+				margin: 0 0 30px;
+				font-size: 20px;
+				color: #727272;
+				font-weight: normal;
+				line-height: 1;
+				padding: 0;
+			}
+			p {
+				font-size: 130%;
+			}
+			.image-wrap {
+				text-align: center;
+			}
+		}
+	}
+
+	.footer {
+		position: absolute;
+		z-index: 11;
+		height: 115px;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		.col-xs-12 {
+			border-top: 1px solid #dfdfdf;
+		}
+		img {
+			display: block;
+			position: absolute;
+			margin-top: -9px;
+			margin-left: -56px;
+			left: 50%;
+		}
+		.service-pages-menu {
+			margin: 0 auto;
+			float: none;
+			padding-top: 48px;
+			text-align: center;
+			color: #333;    
+			li {
+				display: inline-block;
+				padding: 0 10px;
+				height: 20px;
+				line-height: 20px;
+				a {
+					color: #8d8e8f;
+				}
+			}
+		}
+	}
+
+	.static-page-heading {
+		margin-top: 0;
+		font-weight: normal;
+		color: #333;
+	}
+
+	.devise-links {
+		text-align: center;
+		li {
+			display: inline-block;
+			padding-right: 10px;
+			margin-right: 10px;
+			border-right: 1px solid #ccc;
+			&:last-child {
+				border-right: none;
+			}
+		}
+	}
+
+	.blue-cta {
+		background: #119bbb;
+		padding: 45px 115px;
+		color: #a9e3f0;
+		text-align: center;
+		p {
+			font-size: 200%;
+			line-height: 1.2em;
+			b {
+				display: block;
+				color: white;
+			}
+		}
+		a {
+			display: block;
+			color: white;
+			text-decoration: none;
+			margin: 20px auto 0;
+			border: 1px solid #9dd6e3;
+			border-radius: 2px;
+			width: 210px;
+			height: 40px;
+			line-height: 40px;
+			text-transform: uppercase;
+		}
+	}
+
+	.static-page-content {
+		.static-page-heading {
+			height: 34px;
+			line-height: 34px;
+			font-size: 250%;
+			margin-bottom: 25px;
+			margin-top: 0px;
+		}
+		p, ul, ol {
+			font-size: 120%;
+			color: #444;
+			line-height: 1.7;
+			margin-bottom: 30px;
+		}
+	}
+
+	.sidebar-menu {
+		width: 80%;
+		li {
+			background: white;
+			border: 1px solid #cecdcd;
+			margin-top: -1px;
+			&:first-child {
+				border-top-left-radius: 5px;
+				border-top-right-radius: 5px;
+			}
+			&:last-child {
+				border-bottom-left-radius: 5px;
+				border-bottom-right-radius: 5px;
+			}
+			&.active {
+				background: #f5f5f5;
+				a {
+					color: black;
+				}
+			}
+		}
+		a {
+			color: #727272;
+			padding: 10px;
+			display: block;
+		}
+	}
+	.last-container {
+		padding-bottom: 115px;
+	}
+	.page-content {
+		padding-top: 60px;
+		padding-bottom: 175px;
+	}
+
+	.pricing-list {
+		margin: 75px -30px 60px;
+
+	}
+
+	.pricing-title {
+		text-align: center;
+		margin: 0 0 60px;
+	}
+
+	.pricing-wrap {
+		background: #f5f5f5;
+		border-radius: 1px;
+		padding: 20px;
+		font-size: 130%;
+		border: 1px solid #dfdfdf;
+		text-align: center;
+		h3 {
+			margin: 0;
+			font-size: 180%;
+		}
+		.btn {
+			margin: 20px 0;
+			background: #db4222;
+			border: none;
+		}
+		.muted {
+			font-size: 80%;
+		}
+	}
+
+	.plan-primary .pricing-wrap {
+		margin: -8px -35px;
+		position: relative;
+		z-index: 2;
+		background: white;
+		box-shadow: 0 0 10px rgba(0,0,0,0.1);
+		font-size: 130%;
+		h3 {
+			font-size: 200%;
+		}
+	}
+	.faq-wrap {
+		padding: 0 150px;
+		h2 {
+			text-align: center;
+		}
+	}
+}
diff --git a/style/style.js b/style/style.js
new file mode 100644
index 0000000..49a4f2d
--- /dev/null
+++ b/style/style.js
@@ -0,0 +1 @@
+import "./style.less!";
diff --git a/style/style.less b/style/style.less
new file mode 100644
index 0000000..dd4502d
--- /dev/null
+++ b/style/style.less
@@ -0,0 +1,70 @@
+@import "../node_modules/font-awesome/less/variables.less";
+@import "variables.less";
+
+@import "../node_modules/bootstrap/less/mixins.less";
+
+// Reset and dependencies
+@import "../node_modules/bootstrap/less/normalize.less";
+@import "../node_modules/bootstrap/less/print.less";
+
+// Core CSS
+@import "../node_modules/bootstrap/less/scaffolding.less";
+@import "../node_modules/bootstrap/less/type.less";
+@import "../node_modules/bootstrap/less/code.less";
+@import "../node_modules/bootstrap/less/grid.less";
+@import "../node_modules/bootstrap/less/tables.less";
+@import "../node_modules/bootstrap/less/forms.less";
+@import "../node_modules/bootstrap/less/buttons.less";
+
+// Components
+@import "../node_modules/bootstrap/less/component-animations.less";
+@import "../node_modules/bootstrap/less/dropdowns.less";
+@import "../node_modules/bootstrap/less/button-groups.less";
+@import "../node_modules/bootstrap/less/input-groups.less";
+@import "../node_modules/bootstrap/less/navs.less";
+@import "../node_modules/bootstrap/less/navbar.less";
+@import "../node_modules/bootstrap/less/breadcrumbs.less";
+@import "../node_modules/bootstrap/less/pagination.less";
+@import "../node_modules/bootstrap/less/pager.less";
+@import "../node_modules/bootstrap/less/labels.less";
+@import "../node_modules/bootstrap/less/badges.less";
+@import "../node_modules/bootstrap/less/jumbotron.less";
+@import "../node_modules/bootstrap/less/thumbnails.less";
+@import "../node_modules/bootstrap/less/alerts.less";
+@import "../node_modules/bootstrap/less/progress-bars.less";
+@import "../node_modules/bootstrap/less/media.less";
+@import "../node_modules/bootstrap/less/list-group.less";
+@import "../node_modules/bootstrap/less/panels.less";
+@import "../node_modules/bootstrap/less/responsive-embed.less";
+@import "../node_modules/bootstrap/less/wells.less";
+@import "../node_modules/bootstrap/less/close.less";
+
+// Components w/ JavaScript
+@import "../node_modules/bootstrap/less/modals.less";
+@import "../node_modules/bootstrap/less/tooltip.less";
+@import "../node_modules/bootstrap/less/popovers.less";
+@import "../node_modules/bootstrap/less/carousel.less";
+
+// Utility classes
+@import "../node_modules/bootstrap/less/utilities.less";
+@import "../node_modules/bootstrap/less/responsive-utilities.less";
+
+
+@import "../node_modules/font-awesome/less/mixins.less";
+@import "../node_modules/font-awesome/less/path.less";
+@import "../node_modules/font-awesome/less/core.less";
+@import "../node_modules/font-awesome/less/larger.less";
+@import "../node_modules/font-awesome/less/fixed-width.less";
+@import "../node_modules/font-awesome/less/list.less";
+@import "../node_modules/font-awesome/less/bordered-pulled.less";
+@import "../node_modules/font-awesome/less/rotated-flipped.less";
+@import "../node_modules/font-awesome/less/stacked.less";
+@import "../node_modules/font-awesome/less/icons.less";
+
+@import "../node_modules/selectize/dist/less/selectize.bootstrap3.less";
+
+
+@import "app.less";
+@import "site.less";
+
+@import "hub/bithub-social-icons.less";
diff --git a/style/variables.less b/style/variables.less
new file mode 100644
index 0000000..a3a0c2b
--- /dev/null
+++ b/style/variables.less
@@ -0,0 +1,1417 @@
+//
+// Variables
+// --------------------------------------------------
+
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-base:              #000;
+@gray-darker:            lighten(@gray-base, 13.5%); // #222
+@gray-dark:              lighten(@gray-base, 20%);   // #333
+@gray:                   lighten(@gray-base, 33.5%); // #555
+@gray-light:             lighten(@gray-base, 46.7%); // #777
+@gray-lighter:           lighten(@gray-base, 93.5%); // #eee
+
+@brand-primary:         #428bca;
+@brand-success:         #5cb85c;
+@brand-info:            #5bc0de;
+@brand-warning:         #f0ad4e;
+@brand-danger:          #d9534f;
+
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg:               #fff;
+//** Global text color on `<body>`.
+@text-color:            @gray-dark;
+
+//** Global textual link color.
+@link-color:            @brand-primary;
+//** Link hover color set via `darken()` function.
+@link-hover-color:      darken(@link-color, 15%);
+//** Link hover decoration.
+@link-hover-decoration: underline;
+
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif:       Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base:        @font-family-sans-serif;
+
+@font-size-base:          14px;
+@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5:            @font-size-base;
+@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base:        1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family:    inherit;
+@headings-font-weight:    300;
+@headings-line-height:    1.1;
+@headings-color:          inherit;
+
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical:     6px;
+@padding-base-horizontal:   12px;
+
+@padding-large-vertical:    10px;
+@padding-large-horizontal:  16px;
+
+@padding-small-vertical:    5px;
+@padding-small-horizontal:  10px;
+
+@padding-xs-vertical:       1px;
+@padding-xs-horizontal:     5px;
+
+@line-height-large:         1.33;
+@line-height-small:         1.5;
+
+@border-radius-base:        2px;
+@border-radius-large:       2px;
+@border-radius-small:       2px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color:    #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg:       @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base:          4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large:         5px;
+
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding:            8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding:  5px;
+
+//** Default background color used for all tables.
+@table-bg:                      transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent:               #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover:                #f5f5f5;
+@table-bg-active:               @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color:            #ddd;
+
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight:                normal;
+
+@btn-default-color:              #333;
+@btn-default-bg:                 #fff;
+@btn-default-border:             #ccc;
+
+@btn-primary-color:              #fff;
+@btn-primary-bg:                 @brand-primary;
+@btn-primary-border:             darken(@btn-primary-bg, 5%);
+
+@btn-success-color:              #fff;
+@btn-success-bg:                 @brand-success;
+@btn-success-border:             darken(@btn-success-bg, 5%);
+
+@btn-info-color:                 #fff;
+@btn-info-bg:                    @brand-info;
+@btn-info-border:                darken(@btn-info-bg, 5%);
+
+@btn-warning-color:              #fff;
+@btn-warning-bg:                 @brand-warning;
+@btn-warning-border:             darken(@btn-warning-bg, 5%);
+
+@btn-danger-color:               #fff;
+@btn-danger-bg:                  @brand-danger;
+@btn-danger-border:              darken(@btn-danger-bg, 5%);
+
+@btn-link-disabled-color:        @gray-light;
+
+// Allows for customizing button radius independently from global border radius
+@btn-border-radius-base:         @border-radius-base;
+@btn-border-radius-large:        @border-radius-large;
+@btn-border-radius-small:        @border-radius-small;
+
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg:                       #fff;
+//** `<input disabled>` background color
+@input-bg-disabled:              @gray-lighter;
+
+//** Text color for `<input>`s
+@input-color:                    @gray;
+//** `<input>` border color
+@input-border:                   #ccc;
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
+@input-border-radius:            @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large:      @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small:      @border-radius-small;
+
+//** Border color for inputs on focus
+@input-border-focus:             #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder:        #999;
+
+//** Default `.form-control` height
+@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+//** Small `.form-control` height
+@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+@form-group-margin-bottom:       15px;
+
+@legend-color:                   @gray-dark;
+@legend-border-color:            #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg:           @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+//** Disabled cursor for form controls and buttons.
+@cursor-disabled:                not-allowed;
+
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg:                    #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border:                rgba(0,0,0,.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border:       #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg:            #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color:            @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color:      darken(@gray-dark, 5%);
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg:         #f5f5f5;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color:     @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg:        @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color:   @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color:          @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color:           #000;
+
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar:            1000;
+@zindex-dropdown:          1000;
+@zindex-popover:           1060;
+@zindex-tooltip:           1070;
+@zindex-navbar-fixed:      1030;
+@zindex-modal-background:  1040;
+@zindex-modal:             1050;
+
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs:                  480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min:              @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone:               @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm:                  768px;
+@screen-sm-min:              @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet:              @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md:                  992px;
+@screen-md-min:              @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop:             @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg:                  1200px;
+@screen-lg-min:              @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop:          @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max:              (@screen-sm-min - 1);
+@screen-sm-max:              (@screen-md-min - 1);
+@screen-md-max:              (@screen-lg-min - 1);
+
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns:              12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width:         30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint:     @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet:             (720px + @grid-gutter-width);
+//** For `@screen-sm-min` and up.
+@container-sm:                 @container-tablet;
+
+// Medium screen / desktop
+@container-desktop:            (940px + @grid-gutter-width);
+//** For `@screen-md-min` and up.
+@container-md:                 @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop:      (1140px + @grid-gutter-width);
+//** For `@screen-lg-min` and up.
+@container-lg:                 @container-large-desktop;
+
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height:                    50px;
+@navbar-margin-bottom:             @line-height-computed;
+@navbar-border-radius:             @border-radius-base;
+@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
+@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height:       340px;
+
+@navbar-default-color:             #777;
+@navbar-default-bg:                #f8f8f8;
+@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color:                #777;
+@navbar-default-link-hover-color:          #333;
+@navbar-default-link-hover-bg:             transparent;
+@navbar-default-link-active-color:         #555;
+@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
+@navbar-default-link-disabled-color:       #ccc;
+@navbar-default-link-disabled-bg:          transparent;
+
+// Navbar brand label
+@navbar-default-brand-color:               @navbar-default-link-color;
+@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg:            transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg:           #ddd;
+@navbar-default-toggle-icon-bar-bg:        #888;
+@navbar-default-toggle-border-color:       #ddd;
+
+
+// Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color:                      lighten(@gray-light, 15%);
+@navbar-inverse-bg:                         #222;
+@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color:                 lighten(@gray-light, 15%);
+@navbar-inverse-link-hover-color:           #fff;
+@navbar-inverse-link-hover-bg:              transparent;
+@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color:        #444;
+@navbar-inverse-link-disabled-bg:           transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color:                @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color:          #fff;
+@navbar-inverse-brand-hover-bg:             transparent;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg:            #333;
+@navbar-inverse-toggle-icon-bar-bg:         #fff;
+@navbar-inverse-toggle-border-color:        #333;
+
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding:                          10px 15px;
+@nav-link-hover-bg:                         @gray-lighter;
+
+@nav-disabled-link-color:                   @gray-light;
+@nav-disabled-link-hover-color:             @gray-light;
+
+//== Tabs
+@nav-tabs-border-color:                     #ddd;
+
+@nav-tabs-link-hover-border-color:          @gray-lighter;
+
+@nav-tabs-active-link-hover-bg:             @body-bg;
+@nav-tabs-active-link-hover-color:          @gray;
+@nav-tabs-active-link-hover-border-color:   #ddd;
+
+@nav-tabs-justified-link-border-color:            #ddd;
+@nav-tabs-justified-active-link-border-color:     @body-bg;
+
+//== Pills
+@nav-pills-border-radius:                   @border-radius-base;
+@nav-pills-active-link-hover-bg:            @component-active-bg;
+@nav-pills-active-link-hover-color:         @component-active-color;
+
+
+//== Pagination
+//
+//##
+
+@pagination-color:                     @link-color;
+@pagination-bg:                        #fff;
+@pagination-border:                    #ddd;
+
+@pagination-hover-color:               @link-hover-color;
+@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-border:              #ddd;
+
+@pagination-active-color:              #fff;
+@pagination-active-bg:                 @brand-primary;
+@pagination-active-border:             @brand-primary;
+
+@pagination-disabled-color:            @gray-light;
+@pagination-disabled-bg:               #fff;
+@pagination-disabled-border:           #ddd;
+
+
+//== Pager
+//
+//##
+
+@pager-bg:                             @pagination-bg;
+@pager-border:                         @pagination-border;
+@pager-border-radius:                  15px;
+
+@pager-hover-bg:                       @pagination-hover-bg;
+
+@pager-active-bg:                      @pagination-active-bg;
+@pager-active-color:                   @pagination-active-color;
+
+@pager-disabled-color:                 @pagination-disabled-color;
+
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding:              30px;
+@jumbotron-color:                inherit;
+@jumbotron-bg:                   @gray-lighter;
+@jumbotron-heading-color:        inherit;
+@jumbotron-font-size:            ceil((@font-size-base * 1.5));
+@jumbotron-heading-font-size:    ceil((@font-size-base * 4.5));
+
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text:             #3c763d;
+@state-success-bg:               #dff0d8;
+@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text:                #31708f;
+@state-info-bg:                  #d9edf7;
+@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text:             #8a6d3b;
+@state-warning-bg:               #fcf8e3;
+@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
+
+@state-danger-text:              #a94442;
+@state-danger-bg:                #f2dede;
+@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width:           200px;
+//** Tooltip text color
+@tooltip-color:               #fff;
+//** Tooltip background color
+@tooltip-bg:                  #000;
+@tooltip-opacity:             .9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width:         5px;
+//** Tooltip arrow color
+@tooltip-arrow-color:         @tooltip-bg;
+
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg:                          #fff;
+//** Popover maximum width
+@popover-max-width:                   276px;
+//** Popover border color
+@popover-border-color:                rgba(0,0,0,.2);
+//** Popover fallback border color
+@popover-fallback-border-color:       #ccc;
+
+//** Popover title background color
+@popover-title-bg:                    darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width:                 10px;
+//** Popover arrow color
+@popover-arrow-color:                 @popover-bg;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width:           (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
+
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg:            @gray-light;
+//** Primary label background color
+@label-primary-bg:            @brand-primary;
+//** Success label background color
+@label-success-bg:            @brand-success;
+//** Info label background color
+@label-info-bg:               @brand-info;
+//** Warning label background color
+@label-warning-bg:            @brand-warning;
+//** Danger label background color
+@label-danger-bg:             @brand-danger;
+
+//** Default label text color
+@label-color:                 #fff;
+//** Default text color of a linked label
+@label-link-hover-color:      #fff;
+
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding:         15px;
+
+//** Padding applied to the modal title
+@modal-title-padding:         15px;
+//** Modal title line-height
+@modal-title-line-height:     @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg:                             #fff;
+//** Modal content border color
+@modal-content-border-color:                   rgba(0,0,0,.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color:          #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg:           #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity:      .5;
+//** Modal header border color
+@modal-header-border-color:   #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color:   @modal-header-border-color;
+
+@modal-lg:                    900px;
+@modal-md:                    600px;
+@modal-sm:                    300px;
+
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding:               15px;
+@alert-border-radius:         @border-radius-base;
+@alert-link-font-weight:      bold;
+
+@alert-success-bg:            @state-success-bg;
+@alert-success-text:          @state-success-text;
+@alert-success-border:        @state-success-border;
+
+@alert-info-bg:               @state-info-bg;
+@alert-info-text:             @state-info-text;
+@alert-info-border:           @state-info-border;
+
+@alert-warning-bg:            @state-warning-bg;
+@alert-warning-text:          @state-warning-text;
+@alert-warning-border:        @state-warning-border;
+
+@alert-danger-bg:             @state-danger-bg;
+@alert-danger-text:           @state-danger-text;
+@alert-danger-border:         @state-danger-border;
+
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg:                 #f5f5f5;
+//** Progress bar text color
+@progress-bar-color:          #fff;
+//** Variable for setting rounded corners on progress bar.
+@progress-border-radius:      @border-radius-base;
+
+//** Default progress bar color
+@progress-bar-bg:             @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg:     @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg:     @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg:      @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg:        @brand-info;
+
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg:                 #fff;
+//** `.list-group-item` border color
+@list-group-border:             #ddd;
+//** List group border radius
+@list-group-border-radius:      @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg:           #f5f5f5;
+//** Text color of active list items
+@list-group-active-color:       @component-active-color;
+//** Background color of active list items
+@list-group-active-bg:          @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border:      @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color:      @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg:         @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color: @list-group-disabled-color;
+
+@list-group-link-color:         #555;
+@list-group-link-hover-color:   @list-group-link-color;
+@list-group-link-heading-color: #333;
+
+
+//== Panels
+//
+//##
+
+@panel-bg:                    #fff;
+@panel-body-padding:          15px;
+@panel-heading-padding:       10px 15px;
+@panel-footer-padding:        @panel-heading-padding;
+@panel-border-radius:         @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border:          #ddd;
+@panel-footer-bg:             #f5f5f5;
+
+@panel-default-text:          @gray-dark;
+@panel-default-border:        #ddd;
+@panel-default-heading-bg:    #f5f5f5;
+
+@panel-primary-text:          #fff;
+@panel-primary-border:        @brand-primary;
+@panel-primary-heading-bg:    @brand-primary;
+
+@panel-success-text:          @state-success-text;
+@panel-success-border:        @state-success-border;
+@panel-success-heading-bg:    @state-success-bg;
+
+@panel-info-text:             @state-info-text;
+@panel-info-border:           @state-info-border;
+@panel-info-heading-bg:       @state-info-bg;
+
+@panel-warning-text:          @state-warning-text;
+@panel-warning-border:        @state-warning-border;
+@panel-warning-heading-bg:    @state-warning-bg;
+
+@panel-danger-text:           @state-danger-text;
+@panel-danger-border:         @state-danger-border;
+@panel-danger-heading-bg:     @state-danger-bg;
+
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding:           4px;
+//** Thumbnail background color
+@thumbnail-bg:                @body-bg;
+//** Thumbnail border color
+@thumbnail-border:            #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius:     @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color:     @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding:   9px;
+
+
+//== Wells
+//
+//##
+
+@well-bg:                     #f5f5f5;
+@well-border:                 darken(@well-bg, 7%);
+
+
+//== Badges
+//
+//##
+
+@badge-color:                 #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color:      #fff;
+@badge-bg:                    @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color:          @link-color;
+//** Badge background color in active nav link
+@badge-active-bg:             #fff;
+
+@badge-font-weight:           bold;
+@badge-line-height:           1;
+@badge-border-radius:         10px;
+
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical:   8px;
+@breadcrumb-padding-horizontal: 15px;
+//** Breadcrumb background color
+@breadcrumb-bg:                 #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color:              #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color:       @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator:          "/";
+
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+
+@carousel-control-color:                      #fff;
+@carousel-control-width:                      15%;
+@carousel-control-opacity:                    .5;
+@carousel-control-font-size:                  20px;
+
+@carousel-indicator-active-bg:                #fff;
+@carousel-indicator-border-color:             #fff;
+
+@carousel-caption-color:                      #fff;
+
+
+//== Close
+//
+//##
+
+@close-font-weight:           bold;
+@close-color:                 #000;
+@close-text-shadow:           0 1px 0 #fff;
+
+
+//== Code
+//
+//##
+
+@code-color:                  #c7254e;
+@code-bg:                     #f9f2f4;
+
+@kbd-color:                   #fff;
+@kbd-bg:                      #333;
+
+@pre-bg:                      #f5f5f5;
+@pre-color:                   @gray-dark;
+@pre-border-color:            #ccc;
+@pre-scrollable-max-height:   340px;
+
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+//** Text muted color
+@text-muted:                  @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color:           @gray-light;
+//** Headings small color
+@headings-small-color:        @gray-light;
+//** Blockquote small color
+@blockquote-small-color:      @gray-light;
+//** Blockquote font size
+@blockquote-font-size:        (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color:     @gray-lighter;
+//** Page header border color
+@page-header-border-color:    @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset:        @component-offset-horizontal;
+//** Horizontal line color.
+@hr-border:                   @gray-lighter;
+
+
+
+
+// Variables
+// --------------------------
+
+@fa-font-path:        "../node_modules/font-awesome/fonts";
+//@fa-font-path:        "//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts"; // for referencing Bootstrap CDN font files directly
+@fa-css-prefix:       fa;
+@fa-version:          "4.2.0";
+@fa-border-color:     #eee;
+@fa-inverse:          #fff;
+@fa-li-width:         (30em / 14);
+
+@fa-var-adjust: "\f042";
+@fa-var-adn: "\f170";
+@fa-var-align-center: "\f037";
+@fa-var-align-justify: "\f039";
+@fa-var-align-left: "\f036";
+@fa-var-align-right: "\f038";
+@fa-var-ambulance: "\f0f9";
+@fa-var-anchor: "\f13d";
+@fa-var-android: "\f17b";
+@fa-var-angellist: "\f209";
+@fa-var-angle-double-down: "\f103";
+@fa-var-angle-double-left: "\f100";
+@fa-var-angle-double-right: "\f101";
+@fa-var-angle-double-up: "\f102";
+@fa-var-angle-down: "\f107";
+@fa-var-angle-left: "\f104";
+@fa-var-angle-right: "\f105";
+@fa-var-angle-up: "\f106";
+@fa-var-apple: "\f179";
+@fa-var-archive: "\f187";
+@fa-var-area-chart: "\f1fe";
+@fa-var-arrow-circle-down: "\f0ab";
+@fa-var-arrow-circle-left: "\f0a8";
+@fa-var-arrow-circle-o-down: "\f01a";
+@fa-var-arrow-circle-o-left: "\f190";
+@fa-var-arrow-circle-o-right: "\f18e";
+@fa-var-arrow-circle-o-up: "\f01b";
+@fa-var-arrow-circle-right: "\f0a9";
+@fa-var-arrow-circle-up: "\f0aa";
+@fa-var-arrow-down: "\f063";
+@fa-var-arrow-left: "\f060";
+@fa-var-arrow-right: "\f061";
+@fa-var-arrow-up: "\f062";
+@fa-var-arrows: "\f047";
+@fa-var-arrows-alt: "\f0b2";
+@fa-var-arrows-h: "\f07e";
+@fa-var-arrows-v: "\f07d";
+@fa-var-asterisk: "\f069";
+@fa-var-at: "\f1fa";
+@fa-var-automobile: "\f1b9";
+@fa-var-backward: "\f04a";
+@fa-var-ban: "\f05e";
+@fa-var-bank: "\f19c";
+@fa-var-bar-chart: "\f080";
+@fa-var-bar-chart-o: "\f080";
+@fa-var-barcode: "\f02a";
+@fa-var-bars: "\f0c9";
+@fa-var-beer: "\f0fc";
+@fa-var-behance: "\f1b4";
+@fa-var-behance-square: "\f1b5";
+@fa-var-bell: "\f0f3";
+@fa-var-bell-o: "\f0a2";
+@fa-var-bell-slash: "\f1f6";
+@fa-var-bell-slash-o: "\f1f7";
+@fa-var-bicycle: "\f206";
+@fa-var-binoculars: "\f1e5";
+@fa-var-birthday-cake: "\f1fd";
+@fa-var-bitbucket: "\f171";
+@fa-var-bitbucket-square: "\f172";
+@fa-var-bitcoin: "\f15a";
+@fa-var-bold: "\f032";
+@fa-var-bolt: "\f0e7";
+@fa-var-bomb: "\f1e2";
+@fa-var-book: "\f02d";
+@fa-var-bookmark: "\f02e";
+@fa-var-bookmark-o: "\f097";
+@fa-var-briefcase: "\f0b1";
+@fa-var-btc: "\f15a";
+@fa-var-bug: "\f188";
+@fa-var-building: "\f1ad";
+@fa-var-building-o: "\f0f7";
+@fa-var-bullhorn: "\f0a1";
+@fa-var-bullseye: "\f140";
+@fa-var-bus: "\f207";
+@fa-var-cab: "\f1ba";
+@fa-var-calculator: "\f1ec";
+@fa-var-calendar: "\f073";
+@fa-var-calendar-o: "\f133";
+@fa-var-camera: "\f030";
+@fa-var-camera-retro: "\f083";
+@fa-var-car: "\f1b9";
+@fa-var-caret-down: "\f0d7";
+@fa-var-caret-left: "\f0d9";
+@fa-var-caret-right: "\f0da";
+@fa-var-caret-square-o-down: "\f150";
+@fa-var-caret-square-o-left: "\f191";
+@fa-var-caret-square-o-right: "\f152";
+@fa-var-caret-square-o-up: "\f151";
+@fa-var-caret-up: "\f0d8";
+@fa-var-cc: "\f20a";
+@fa-var-cc-amex: "\f1f3";
+@fa-var-cc-discover: "\f1f2";
+@fa-var-cc-mastercard: "\f1f1";
+@fa-var-cc-paypal: "\f1f4";
+@fa-var-cc-stripe: "\f1f5";
+@fa-var-cc-visa: "\f1f0";
+@fa-var-certificate: "\f0a3";
+@fa-var-chain: "\f0c1";
+@fa-var-chain-broken: "\f127";
+@fa-var-check: "\f00c";
+@fa-var-check-circle: "\f058";
+@fa-var-check-circle-o: "\f05d";
+@fa-var-check-square: "\f14a";
+@fa-var-check-square-o: "\f046";
+@fa-var-chevron-circle-down: "\f13a";
+@fa-var-chevron-circle-left: "\f137";
+@fa-var-chevron-circle-right: "\f138";
+@fa-var-chevron-circle-up: "\f139";
+@fa-var-chevron-down: "\f078";
+@fa-var-chevron-left: "\f053";
+@fa-var-chevron-right: "\f054";
+@fa-var-chevron-up: "\f077";
+@fa-var-child: "\f1ae";
+@fa-var-circle: "\f111";
+@fa-var-circle-o: "\f10c";
+@fa-var-circle-o-notch: "\f1ce";
+@fa-var-circle-thin: "\f1db";
+@fa-var-clipboard: "\f0ea";
+@fa-var-clock-o: "\f017";
+@fa-var-close: "\f00d";
+@fa-var-cloud: "\f0c2";
+@fa-var-cloud-download: "\f0ed";
+@fa-var-cloud-upload: "\f0ee";
+@fa-var-cny: "\f157";
+@fa-var-code: "\f121";
+@fa-var-code-fork: "\f126";
+@fa-var-codepen: "\f1cb";
+@fa-var-coffee: "\f0f4";
+@fa-var-cog: "\f013";
+@fa-var-cogs: "\f085";
+@fa-var-columns: "\f0db";
+@fa-var-comment: "\f075";
+@fa-var-comment-o: "\f0e5";
+@fa-var-comments: "\f086";
+@fa-var-comments-o: "\f0e6";
+@fa-var-compass: "\f14e";
+@fa-var-compress: "\f066";
+@fa-var-copy: "\f0c5";
+@fa-var-copyright: "\f1f9";
+@fa-var-credit-card: "\f09d";
+@fa-var-crop: "\f125";
+@fa-var-crosshairs: "\f05b";
+@fa-var-css3: "\f13c";
+@fa-var-cube: "\f1b2";
+@fa-var-cubes: "\f1b3";
+@fa-var-cut: "\f0c4";
+@fa-var-cutlery: "\f0f5";
+@fa-var-dashboard: "\f0e4";
+@fa-var-database: "\f1c0";
+@fa-var-dedent: "\f03b";
+@fa-var-delicious: "\f1a5";
+@fa-var-desktop: "\f108";
+@fa-var-deviantart: "\f1bd";
+@fa-var-digg: "\f1a6";
+@fa-var-dollar: "\f155";
+@fa-var-dot-circle-o: "\f192";
+@fa-var-download: "\f019";
+@fa-var-dribbble: "\f17d";
+@fa-var-dropbox: "\f16b";
+@fa-var-drupal: "\f1a9";
+@fa-var-edit: "\f044";
+@fa-var-eject: "\f052";
+@fa-var-ellipsis-h: "\f141";
+@fa-var-ellipsis-v: "\f142";
+@fa-var-empire: "\f1d1";
+@fa-var-envelope: "\f0e0";
+@fa-var-envelope-o: "\f003";
+@fa-var-envelope-square: "\f199";
+@fa-var-eraser: "\f12d";
+@fa-var-eur: "\f153";
+@fa-var-euro: "\f153";
+@fa-var-exchange: "\f0ec";
+@fa-var-exclamation: "\f12a";
+@fa-var-exclamation-circle: "\f06a";
+@fa-var-exclamation-triangle: "\f071";
+@fa-var-expand: "\f065";
+@fa-var-external-link: "\f08e";
+@fa-var-external-link-square: "\f14c";
+@fa-var-eye: "\f06e";
+@fa-var-eye-slash: "\f070";
+@fa-var-eyedropper: "\f1fb";
+@fa-var-facebook: "\f09a";
+@fa-var-facebook-square: "\f082";
+@fa-var-fast-backward: "\f049";
+@fa-var-fast-forward: "\f050";
+@fa-var-fax: "\f1ac";
+@fa-var-female: "\f182";
+@fa-var-fighter-jet: "\f0fb";
+@fa-var-file: "\f15b";
+@fa-var-file-archive-o: "\f1c6";
+@fa-var-file-audio-o: "\f1c7";
+@fa-var-file-code-o: "\f1c9";
+@fa-var-file-excel-o: "\f1c3";
+@fa-var-file-image-o: "\f1c5";
+@fa-var-file-movie-o: "\f1c8";
+@fa-var-file-o: "\f016";
+@fa-var-file-pdf-o: "\f1c1";
+@fa-var-file-photo-o: "\f1c5";
+@fa-var-file-picture-o: "\f1c5";
+@fa-var-file-powerpoint-o: "\f1c4";
+@fa-var-file-sound-o: "\f1c7";
+@fa-var-file-text: "\f15c";
+@fa-var-file-text-o: "\f0f6";
+@fa-var-file-video-o: "\f1c8";
+@fa-var-file-word-o: "\f1c2";
+@fa-var-file-zip-o: "\f1c6";
+@fa-var-files-o: "\f0c5";
+@fa-var-film: "\f008";
+@fa-var-filter: "\f0b0";
+@fa-var-fire: "\f06d";
+@fa-var-fire-extinguisher: "\f134";
+@fa-var-flag: "\f024";
+@fa-var-flag-checkered: "\f11e";
+@fa-var-flag-o: "\f11d";
+@fa-var-flash: "\f0e7";
+@fa-var-flask: "\f0c3";
+@fa-var-flickr: "\f16e";
+@fa-var-floppy-o: "\f0c7";
+@fa-var-folder: "\f07b";
+@fa-var-folder-o: "\f114";
+@fa-var-folder-open: "\f07c";
+@fa-var-folder-open-o: "\f115";
+@fa-var-font: "\f031";
+@fa-var-forward: "\f04e";
+@fa-var-foursquare: "\f180";
+@fa-var-frown-o: "\f119";
+@fa-var-futbol-o: "\f1e3";
+@fa-var-gamepad: "\f11b";
+@fa-var-gavel: "\f0e3";
+@fa-var-gbp: "\f154";
+@fa-var-ge: "\f1d1";
+@fa-var-gear: "\f013";
+@fa-var-gears: "\f085";
+@fa-var-gift: "\f06b";
+@fa-var-git: "\f1d3";
+@fa-var-git-square: "\f1d2";
+@fa-var-github: "\f09b";
+@fa-var-github-alt: "\f113";
+@fa-var-github-square: "\f092";
+@fa-var-gittip: "\f184";
+@fa-var-glass: "\f000";
+@fa-var-globe: "\f0ac";
+@fa-var-google: "\f1a0";
+@fa-var-google-plus: "\f0d5";
+@fa-var-google-plus-square: "\f0d4";
+@fa-var-google-wallet: "\f1ee";
+@fa-var-graduation-cap: "\f19d";
+@fa-var-group: "\f0c0";
+@fa-var-h-square: "\f0fd";
+@fa-var-hacker-news: "\f1d4";
+@fa-var-hand-o-down: "\f0a7";
+@fa-var-hand-o-left: "\f0a5";
+@fa-var-hand-o-right: "\f0a4";
+@fa-var-hand-o-up: "\f0a6";
+@fa-var-hdd-o: "\f0a0";
+@fa-var-header: "\f1dc";
+@fa-var-headphones: "\f025";
+@fa-var-heart: "\f004";
+@fa-var-heart-o: "\f08a";
+@fa-var-history: "\f1da";
+@fa-var-home: "\f015";
+@fa-var-hospital-o: "\f0f8";
+@fa-var-html5: "\f13b";
+@fa-var-ils: "\f20b";
+@fa-var-image: "\f03e";
+@fa-var-inbox: "\f01c";
+@fa-var-indent: "\f03c";
+@fa-var-info: "\f129";
+@fa-var-info-circle: "\f05a";
+@fa-var-inr: "\f156";
+@fa-var-instagram: "\f16d";
+@fa-var-institution: "\f19c";
+@fa-var-ioxhost: "\f208";
+@fa-var-italic: "\f033";
+@fa-var-joomla: "\f1aa";
+@fa-var-jpy: "\f157";
+@fa-var-jsfiddle: "\f1cc";
+@fa-var-key: "\f084";
+@fa-var-keyboard-o: "\f11c";
+@fa-var-krw: "\f159";
+@fa-var-language: "\f1ab";
+@fa-var-laptop: "\f109";
+@fa-var-lastfm: "\f202";
+@fa-var-lastfm-square: "\f203";
+@fa-var-leaf: "\f06c";
+@fa-var-legal: "\f0e3";
+@fa-var-lemon-o: "\f094";
+@fa-var-level-down: "\f149";
+@fa-var-level-up: "\f148";
+@fa-var-life-bouy: "\f1cd";
+@fa-var-life-buoy: "\f1cd";
+@fa-var-life-ring: "\f1cd";
+@fa-var-life-saver: "\f1cd";
+@fa-var-lightbulb-o: "\f0eb";
+@fa-var-line-chart: "\f201";
+@fa-var-link: "\f0c1";
+@fa-var-linkedin: "\f0e1";
+@fa-var-linkedin-square: "\f08c";
+@fa-var-linux: "\f17c";
+@fa-var-list: "\f03a";
+@fa-var-list-alt: "\f022";
+@fa-var-list-ol: "\f0cb";
+@fa-var-list-ul: "\f0ca";
+@fa-var-location-arrow: "\f124";
+@fa-var-lock: "\f023";
+@fa-var-long-arrow-down: "\f175";
+@fa-var-long-arrow-left: "\f177";
+@fa-var-long-arrow-right: "\f178";
+@fa-var-long-arrow-up: "\f176";
+@fa-var-magic: "\f0d0";
+@fa-var-magnet: "\f076";
+@fa-var-mail-forward: "\f064";
+@fa-var-mail-reply: "\f112";
+@fa-var-mail-reply-all: "\f122";
+@fa-var-male: "\f183";
+@fa-var-map-marker: "\f041";
+@fa-var-maxcdn: "\f136";
+@fa-var-meanpath: "\f20c";
+@fa-var-medkit: "\f0fa";
+@fa-var-meh-o: "\f11a";
+@fa-var-microphone: "\f130";
+@fa-var-microphone-slash: "\f131";
+@fa-var-minus: "\f068";
+@fa-var-minus-circle: "\f056";
+@fa-var-minus-square: "\f146";
+@fa-var-minus-square-o: "\f147";
+@fa-var-mobile: "\f10b";
+@fa-var-mobile-phone: "\f10b";
+@fa-var-money: "\f0d6";
+@fa-var-moon-o: "\f186";
+@fa-var-mortar-board: "\f19d";
+@fa-var-music: "\f001";
+@fa-var-navicon: "\f0c9";
+@fa-var-newspaper-o: "\f1ea";
+@fa-var-openid: "\f19b";
+@fa-var-outdent: "\f03b";
+@fa-var-pagelines: "\f18c";
+@fa-var-paint-brush: "\f1fc";
+@fa-var-paper-plane: "\f1d8";
+@fa-var-paper-plane-o: "\f1d9";
+@fa-var-paperclip: "\f0c6";
+@fa-var-paragraph: "\f1dd";
+@fa-var-paste: "\f0ea";
+@fa-var-pause: "\f04c";
+@fa-var-paw: "\f1b0";
+@fa-var-paypal: "\f1ed";
+@fa-var-pencil: "\f040";
+@fa-var-pencil-square: "\f14b";
+@fa-var-pencil-square-o: "\f044";
+@fa-var-phone: "\f095";
+@fa-var-phone-square: "\f098";
+@fa-var-photo: "\f03e";
+@fa-var-picture-o: "\f03e";
+@fa-var-pie-chart: "\f200";
+@fa-var-pied-piper: "\f1a7";
+@fa-var-pied-piper-alt: "\f1a8";
+@fa-var-pinterest: "\f0d2";
+@fa-var-pinterest-square: "\f0d3";
+@fa-var-plane: "\f072";
+@fa-var-play: "\f04b";
+@fa-var-play-circle: "\f144";
+@fa-var-play-circle-o: "\f01d";
+@fa-var-plug: "\f1e6";
+@fa-var-plus: "\f067";
+@fa-var-plus-circle: "\f055";
+@fa-var-plus-square: "\f0fe";
+@fa-var-plus-square-o: "\f196";
+@fa-var-power-off: "\f011";
+@fa-var-print: "\f02f";
+@fa-var-puzzle-piece: "\f12e";
+@fa-var-qq: "\f1d6";
+@fa-var-qrcode: "\f029";
+@fa-var-question: "\f128";
+@fa-var-question-circle: "\f059";
+@fa-var-quote-left: "\f10d";
+@fa-var-quote-right: "\f10e";
+@fa-var-ra: "\f1d0";
+@fa-var-random: "\f074";
+@fa-var-rebel: "\f1d0";
+@fa-var-recycle: "\f1b8";
+@fa-var-reddit: "\f1a1";
+@fa-var-reddit-square: "\f1a2";
+@fa-var-refresh: "\f021";
+@fa-var-remove: "\f00d";
+@fa-var-renren: "\f18b";
+@fa-var-reorder: "\f0c9";
+@fa-var-repeat: "\f01e";
+@fa-var-reply: "\f112";
+@fa-var-reply-all: "\f122";
+@fa-var-retweet: "\f079";
+@fa-var-rmb: "\f157";
+@fa-var-road: "\f018";
+@fa-var-rocket: "\f135";
+@fa-var-rotate-left: "\f0e2";
+@fa-var-rotate-right: "\f01e";
+@fa-var-rouble: "\f158";
+@fa-var-rss: "\f09e";
+@fa-var-rss-square: "\f143";
+@fa-var-rub: "\f158";
+@fa-var-ruble: "\f158";
+@fa-var-rupee: "\f156";
+@fa-var-save: "\f0c7";
+@fa-var-scissors: "\f0c4";
+@fa-var-search: "\f002";
+@fa-var-search-minus: "\f010";
+@fa-var-search-plus: "\f00e";
+@fa-var-send: "\f1d8";
+@fa-var-send-o: "\f1d9";
+@fa-var-share: "\f064";
+@fa-var-share-alt: "\f1e0";
+@fa-var-share-alt-square: "\f1e1";
+@fa-var-share-square: "\f14d";
+@fa-var-share-square-o: "\f045";
+@fa-var-shekel: "\f20b";
+@fa-var-sheqel: "\f20b";
+@fa-var-shield: "\f132";
+@fa-var-shopping-cart: "\f07a";
+@fa-var-sign-in: "\f090";
+@fa-var-sign-out: "\f08b";
+@fa-var-signal: "\f012";
+@fa-var-sitemap: "\f0e8";
+@fa-var-skype: "\f17e";
+@fa-var-slack: "\f198";
+@fa-var-sliders: "\f1de";
+@fa-var-slideshare: "\f1e7";
+@fa-var-smile-o: "\f118";
+@fa-var-soccer-ball-o: "\f1e3";
+@fa-var-sort: "\f0dc";
+@fa-var-sort-alpha-asc: "\f15d";
+@fa-var-sort-alpha-desc: "\f15e";
+@fa-var-sort-amount-asc: "\f160";
+@fa-var-sort-amount-desc: "\f161";
+@fa-var-sort-asc: "\f0de";
+@fa-var-sort-desc: "\f0dd";
+@fa-var-sort-down: "\f0dd";
+@fa-var-sort-numeric-asc: "\f162";
+@fa-var-sort-numeric-desc: "\f163";
+@fa-var-sort-up: "\f0de";
+@fa-var-soundcloud: "\f1be";
+@fa-var-space-shuttle: "\f197";
+@fa-var-spinner: "\f110";
+@fa-var-spoon: "\f1b1";
+@fa-var-spotify: "\f1bc";
+@fa-var-square: "\f0c8";
+@fa-var-square-o: "\f096";
+@fa-var-stack-exchange: "\f18d";
+@fa-var-stack-overflow: "\f16c";
+@fa-var-star: "\f005";
+@fa-var-star-half: "\f089";
+@fa-var-star-half-empty: "\f123";
+@fa-var-star-half-full: "\f123";
+@fa-var-star-half-o: "\f123";
+@fa-var-star-o: "\f006";
+@fa-var-steam: "\f1b6";
+@fa-var-steam-square: "\f1b7";
+@fa-var-step-backward: "\f048";
+@fa-var-step-forward: "\f051";
+@fa-var-stethoscope: "\f0f1";
+@fa-var-stop: "\f04d";
+@fa-var-strikethrough: "\f0cc";
+@fa-var-stumbleupon: "\f1a4";
+@fa-var-stumbleupon-circle: "\f1a3";
+@fa-var-subscript: "\f12c";
+@fa-var-suitcase: "\f0f2";
+@fa-var-sun-o: "\f185";
+@fa-var-superscript: "\f12b";
+@fa-var-support: "\f1cd";
+@fa-var-table: "\f0ce";
+@fa-var-tablet: "\f10a";
+@fa-var-tachometer: "\f0e4";
+@fa-var-tag: "\f02b";
+@fa-var-tags: "\f02c";
+@fa-var-tasks: "\f0ae";
+@fa-var-taxi: "\f1ba";
+@fa-var-tencent-weibo: "\f1d5";
+@fa-var-terminal: "\f120";
+@fa-var-text-height: "\f034";
+@fa-var-text-width: "\f035";
+@fa-var-th: "\f00a";
+@fa-var-th-large: "\f009";
+@fa-var-th-list: "\f00b";
+@fa-var-thumb-tack: "\f08d";
+@fa-var-thumbs-down: "\f165";
+@fa-var-thumbs-o-down: "\f088";
+@fa-var-thumbs-o-up: "\f087";
+@fa-var-thumbs-up: "\f164";
+@fa-var-ticket: "\f145";
+@fa-var-times: "\f00d";
+@fa-var-times-circle: "\f057";
+@fa-var-times-circle-o: "\f05c";
+@fa-var-tint: "\f043";
+@fa-var-toggle-down: "\f150";
+@fa-var-toggle-left: "\f191";
+@fa-var-toggle-off: "\f204";
+@fa-var-toggle-on: "\f205";
+@fa-var-toggle-right: "\f152";
+@fa-var-toggle-up: "\f151";
+@fa-var-trash: "\f1f8";
+@fa-var-trash-o: "\f014";
+@fa-var-tree: "\f1bb";
+@fa-var-trello: "\f181";
+@fa-var-trophy: "\f091";
+@fa-var-truck: "\f0d1";
+@fa-var-try: "\f195";
+@fa-var-tty: "\f1e4";
+@fa-var-tumblr: "\f173";
+@fa-var-tumblr-square: "\f174";
+@fa-var-turkish-lira: "\f195";
+@fa-var-twitch: "\f1e8";
+@fa-var-twitter: "\f099";
+@fa-var-twitter-square: "\f081";
+@fa-var-umbrella: "\f0e9";
+@fa-var-underline: "\f0cd";
+@fa-var-undo: "\f0e2";
+@fa-var-university: "\f19c";
+@fa-var-unlink: "\f127";
+@fa-var-unlock: "\f09c";
+@fa-var-unlock-alt: "\f13e";
+@fa-var-unsorted: "\f0dc";
+@fa-var-upload: "\f093";
+@fa-var-usd: "\f155";
+@fa-var-user: "\f007";
+@fa-var-user-md: "\f0f0";
+@fa-var-users: "\f0c0";
+@fa-var-video-camera: "\f03d";
+@fa-var-vimeo-square: "\f194";
+@fa-var-vine: "\f1ca";
+@fa-var-vk: "\f189";
+@fa-var-volume-down: "\f027";
+@fa-var-volume-off: "\f026";
+@fa-var-volume-up: "\f028";
+@fa-var-warning: "\f071";
+@fa-var-wechat: "\f1d7";
+@fa-var-weibo: "\f18a";
+@fa-var-weixin: "\f1d7";
+@fa-var-wheelchair: "\f193";
+@fa-var-wifi: "\f1eb";
+@fa-var-windows: "\f17a";
+@fa-var-won: "\f159";
+@fa-var-wordpress: "\f19a";
+@fa-var-wrench: "\f0ad";
+@fa-var-xing: "\f168";
+@fa-var-xing-square: "\f169";
+@fa-var-yahoo: "\f19e";
+@fa-var-yelp: "\f1e9";
+@fa-var-yen: "\f157";
+@fa-var-youtube: "\f167";
+@fa-var-youtube-play: "\f16a";
+@fa-var-youtube-square: "\f166";
diff --git a/stylesheets/all.css b/stylesheets/all.css
new file mode 100644
index 0000000..1612430
--- /dev/null
+++ b/stylesheets/all.css
@@ -0,0 +1,1112 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic");
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block; }
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+audio,
+canvas,
+video {
+  display: inline-block; }
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+[hidden] {
+  display: none; }
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */ }
+
+/*
+ * Removes default margin.
+ */
+body {
+  margin: 0; }
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+a:focus {
+  outline: thin dotted; }
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+h1 {
+  font-size: 2em; }
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, serif;
+  font-size: 1em; }
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+/*
+ * Sets consistent quote types.
+ */
+q {
+  quotes: "\201C" "\201D" "\2018" "\2019"; }
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+img {
+  border: 0; }
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+figure {
+  margin: 0; }
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+/*
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+button,
+input {
+  line-height: normal; }
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+input[disabled] {
+  cursor: default; }
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box; }
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+  /* 2 */ }
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+/*
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+/**
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    contenteditable attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+.cf:before,
+.cf:after {
+  content: " ";
+  /* 1 */
+  display: table;
+  /* 2 */ }
+
+.cf:after {
+  clear: both; }
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+.cf {
+  *zoom: 1; }
+
+/* apply a natural box layout model to all elements, but allowing components to change */
+html {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%; }
+
+*, *:before, *:after {
+  box-sizing: inherit; }
+
+body {
+  font-family: "Source Sans Pro", sans-serif;
+  font-weight: 200;
+  width: 100%;
+  height: 100%;
+  background: #f1f1f1; }
+
+.outer-container {
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  height: 100%;
+  -webkit-overflow-scrolling: touch;
+  position: relative; }
+
+.page-container {
+  background: #d3d6db;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #d3d6db 0%, #f1f1f1 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3d6db), color-stop(100%, #f1f1f1));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #d3d6db 0%, #f1f1f1 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #d3d6db 0%, #f1f1f1 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #d3d6db 0%, #f1f1f1 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #d3d6db 0%, #f1f1f1 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d6db', endColorstr='#f1f1f1',GradientType=0 );
+  /* IE6-9 */
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+  z-index: 1000;
+  min-height: 100%;
+  padding-bottom: 115px;
+  position: relative; }
+
+body.frontpage .page-container {
+  background: white; }
+
+b, h1, h2, h3, h4, h5, h6 {
+  font-weight: 700; }
+
+header.site-header {
+  background: #b2382b;
+  height: 45px; }
+  header.site-header .hamburger {
+    float: left;
+    position: relative;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+    width: 60px;
+    height: 45px;
+    font-size: 0;
+    text-indent: -9999px;
+    appearance: none;
+    box-shadow: none;
+    border-radius: none;
+    border: none;
+    cursor: pointer;
+    transition: background 0.3s;
+    background: transparent;
+    border-right: 1px solid #ef4b43; }
+    header.site-header .hamburger:focus {
+      outline: none; }
+    header.site-header .hamburger span {
+      display: block;
+      position: absolute;
+      top: 20px;
+      left: 15px;
+      right: 16px;
+      height: 3px;
+      background: white; }
+      header.site-header .hamburger span:before, header.site-header .hamburger span:after {
+        position: absolute;
+        display: block;
+        left: 0;
+        width: 100%;
+        height: 3px;
+        background-color: #fff;
+        content: ""; }
+      header.site-header .hamburger span:before {
+        top: -6px; }
+      header.site-header .hamburger span:after {
+        bottom: -6px; }
+  header.site-header h1 {
+    font-weight: 400;
+    color: white;
+    margin: 0;
+    float: left;
+    height: 45px;
+    line-height: 45px;
+    padding: 0 15px 0;
+    font-size: 18px; }
+    header.site-header h1 a {
+      color: white;
+      text-decoration: none; }
+  header.site-header .header-menu {
+    float: right;
+    margin: 5px 15px 0 0;
+    height: 35px; }
+    header.site-header .header-menu a {
+      height: 35px;
+      line-height: 35px;
+      font-size: 14px;
+      color: white;
+      float: left;
+      font-weight: 700;
+      text-decoration: none;
+      padding: 0 10px; }
+      header.site-header .header-menu a.try-it-now {
+        border: 1px solid #ef4b43; }
+
+.pitch-wrap {
+  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6badbf+0,2e5262+100 */
+  background: #6badbf;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #6badbf 0%, #2e5262 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6badbf), color-stop(100%, #2e5262));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #6badbf 0%, #2e5262 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #6badbf 0%, #2e5262 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(top, #6badbf 0%, #2e5262 100%);
+  /* IE10+ */
+  background: linear-gradient(to bottom, #6badbf 0%, #2e5262 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6badbf', endColorstr='#2e5262',GradientType=0 );
+  /* IE6-9 */
+  text-align: center;
+  color: white;
+  padding: 25px 25px 60px;
+  font-size: 30px;
+  margin-bottom: 10px; }
+  .pitch-wrap p {
+    margin: 0 auto;
+    max-width: 760px; }
+    .pitch-wrap p.setup-cta {
+      font-size: 25px; }
+  .pitch-wrap img.full-size-arrow {
+    display: none; }
+
+.red-button, .btn-primary {
+  width: 200px;
+  height: 40px;
+  line-height: 40px;
+  display: block;
+  margin: 25px auto 0;
+  text-align: center;
+  font-weight: 700;
+  background: #f24439;
+  color: white;
+  text-decoration: none;
+  font-size: 16px;
+  border: none;
+  padding: 0; }
+  .red-button:hover, .btn-primary:hover {
+    color: white; }
+
+.browser-border {
+  border: 1px solid #71b5c5;
+  border-radius: 6px;
+  margin: 25px auto;
+  max-width: 820px;
+  position: relative;
+  padding-bottom: 45px; }
+  .browser-border a.powered-by {
+    background: #71b5c5;
+    color: white;
+    font-size: 13px;
+    padding: 5px;
+    display: block;
+    position: absolute;
+    left: 50%;
+    width: 140px;
+    margin-left: -70px;
+    bottom: -13px;
+    text-decoration: none; }
+    .browser-border a.powered-by:hover {
+      background: #f24439; }
+  .browser-border .browser-header {
+    height: 30px;
+    border-bottom: 1px solid #71b5c5;
+    position: relative;
+    padding-left: 7px; }
+    .browser-border .browser-header .browser-button {
+      float: left;
+      margin: 10px 0 0 4px;
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+      border: 2px solid #71b5c5; }
+    .browser-border .browser-header .browser-url {
+      left: 85px;
+      right: 86px;
+      height: 10px;
+      top: 10px;
+      border: 1px solid #71b5c5;
+      position: absolute; }
+  .browser-border .bithub-embed {
+    font-size: 12px;
+    color: #0a0a0d;
+    margin: 25px 0px 10px; }
+    .browser-border .bithub-embed .carousel-prev {
+      margin-left: -17px; }
+    .browser-border .bithub-embed .carousel-next {
+      margin-right: -17px; }
+
+.features-wrap {
+  text-align: center;
+  padding: 25px 25px 0;
+  font-weight: 400; }
+  .features-wrap .read-more {
+    color: #b2382b;
+    border: 1px solid #b2382b;
+    width: 120px;
+    display: block;
+    height: 35px;
+    background: white;
+    margin: 0 auto 40px;
+    font-weight: 700; }
+    .features-wrap .read-more img {
+      width: 16px;
+      display: inline-block;
+      position: relative;
+      vertical-align: middle; }
+  .features-wrap h2, .features-wrap h3, .features-wrap p {
+    color: #295364; }
+  .features-wrap p.intro {
+    max-width: 45%;
+    margin: 0 auto 15px; }
+    .features-wrap p.intro b {
+      color: #2885a3; }
+  .features-wrap h2 {
+    font-size: 36px;
+    margin: 0 0 20px;
+    letter-spacing: -1px;
+    position: relative;
+    font-weight: 700; }
+    .features-wrap h2:after {
+      content: "";
+      position: relative;
+      width: 66px;
+      height: 2px;
+      background: #295364;
+      display: block;
+      position: absolute;
+      left: 50%;
+      margin: 5px 0 0 -33px; }
+    .features-wrap h2 img {
+      display: block;
+      margin: 0 auto; }
+  .features-wrap h3 {
+    font-weight: 400;
+    font-size: 30px;
+    text-align: left; }
+  .features-wrap .feature-details-wrap {
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d6d9+0,f1f1f1+100 */
+    background: #d1d6d9;
+    /* Old browsers */
+    background: -moz-linear-gradient(top, #d1d6d9 0%, #f1f1f1 100%);
+    /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d6d9), color-stop(100%, #f1f1f1));
+    /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #d1d6d9 0%, #f1f1f1 100%);
+    /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #d1d6d9 0%, #f1f1f1 100%);
+    /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #d1d6d9 0%, #f1f1f1 100%);
+    /* IE10+ */
+    background: linear-gradient(to bottom, #d1d6d9 0%, #f1f1f1 100%);
+    /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d6d9', endColorstr='#f1f1f1',GradientType=0 );
+    /* IE6-9 */
+    /*@include background-image(linear-gradient(#d1d6d9, #f1f1f1));*/
+    margin: 20px 0 0;
+    padding: 25px 25px 55px;
+    position: relative; }
+    .features-wrap .feature-details-wrap:before {
+      content: "";
+      width: 0;
+      height: 0;
+      border-style: solid;
+      border-width: 0 15px 15px 15px;
+      border-color: transparent transparent #d1d6d9 transparent;
+      margin: -40px 0 0 -15px;
+      display: block;
+      position: absolute;
+      left: 50%; }
+    .features-wrap .feature-details-wrap p {
+      text-align: left; }
+    .features-wrap .feature-details-wrap img {
+      max-width: 100%; }
+  .features-wrap .outer-feature-details-wrap {
+    margin: -40px -25px 40px;
+    max-height: 0;
+    transition: max-height 0.5s ease-out;
+    overflow: hidden; }
+  .features-wrap .outer-feature-details-wrap--open {
+    max-height: 1000px; }
+  .features-wrap .feature-publish .outer-feature-details-wrap--open {
+    margin-bottom: 0; }
+  .features-wrap .feature-moderate h2 img {
+    width: 80px;
+    margin-bottom: 10px; }
+  .features-wrap .supported-services {
+    color: #4b5053;
+    text-align: left;
+    list-style-position: inside;
+    padding: 0; }
+
+footer.site-footer {
+  background: #0a0a0d;
+  padding: 10px 0 30px;
+  height: 115px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 10000; }
+  footer.site-footer h4 {
+    margin: 0 auto 10px;
+    border-bottom: 1px solid #899799;
+    font-weight: 400;
+    color: white;
+    text-align: center;
+    height: 45px;
+    line-height: 45px;
+    font-size: 16px;
+    width: 250px; }
+  footer.site-footer ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    justify-content: space-between;
+    margin: 0 auto;
+    width: 250px; }
+    footer.site-footer ul a {
+      color: #899799;
+      text-decoration: none;
+      font-size: 14px; }
+      footer.site-footer ul a:hover {
+        color: white; }
+
+.sidebar-menu {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 225px;
+  background: #2b4c58; }
+  .sidebar-menu nav ul {
+    list-style: none;
+    padding: 10px 0 0 0;
+    margin: 0; }
+    .sidebar-menu nav ul li {
+      height: 50px;
+      border-bottom: 1px solid #4f6a74;
+      padding-left: 25px;
+      line-height: 50px;
+      font-weight: 700; }
+      .sidebar-menu nav ul li a {
+        color: white;
+        text-decoration: none;
+        font-size: 16px; }
+
+.register-account-overlay {
+  z-index: -1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.7);
+  overflow: hidden;
+  display: none; }
+  .register-account-overlay .register-account-wrap {
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+    transform: translateY(-500px);
+    width: 330px;
+    background: white;
+    margin: 10px auto;
+    padding: 35px 35px 23px;
+    color: #295364;
+    text-align: center;
+    position: relative; }
+    .register-account-overlay .register-account-wrap .get-started-title {
+      font-size: 42px; }
+    .register-account-overlay .register-account-wrap hr {
+      border: none;
+      border-top: 1px solid #d7d7d7; }
+    .register-account-overlay .register-account-wrap .close-registration-overlay {
+      width: 16px;
+      height: 16px;
+      color: white;
+      text-align: center;
+      border: none;
+      padding: 0;
+      font-size: 15px;
+      display: block;
+      position: absolute;
+      right: 12px;
+      top: 12px;
+      background: white; }
+      .register-account-overlay .register-account-wrap .close-registration-overlay img {
+        max-width: 100%;
+        display: block; }
+    .register-account-overlay .register-account-wrap form button, .register-account-overlay .register-account-wrap form input {
+      display: block;
+      text-align: center;
+      width: 100%;
+      line-height: 45px;
+      height: 45px;
+      margin-bottom: 12px; }
+    .register-account-overlay .register-account-wrap form input {
+      border: 1px solid #d7d7d7; }
+    .register-account-overlay .register-account-wrap form button {
+      border-radius: 5px;
+      background: #b2382b;
+      color: white;
+      font-weight: 700;
+      border: none; }
+
+.register-account-overlay--shown {
+  display: block; }
+
+body.sidebar-menu-open .page-container {
+  transform: translateX(225px); }
+body.registration-open .register-account-overlay {
+  z-index: 10000; }
+  body.registration-open .register-account-overlay .register-account-wrap {
+    transform: translateY(0); }
+
+.static-container .inner-static-container {
+  max-width: 760px;
+  margin: 0 auto;
+  padding: 25px;
+  font-size: 16px; }
+  .static-container .inner-static-container > :first-child {
+    margin-top: 0; }
+.static-container img {
+  max-width: 100%;
+  display: block; }
+.static-container h1, .static-container h2, .static-container h3, .static-container h4, .static-container h5, .static-container h6 {
+  color: #295364; }
+.static-container h1 {
+  font-size: 34px; }
+.static-container h2 {
+  font-size: 24px; }
+.static-container h3 {
+  font-size: 19px; }
+.static-container h4 {
+  font-size: 16px; }
+.static-container h5 {
+  font-size: 14px; }
+.static-container h6 {
+  font-size: 13px; }
+
+.sm {
+  display: block !important; }
+
+.lg {
+  display: none !important; }
+
+.plans .plan {
+  padding: 25px 25px 90px;
+  position: relative;
+  margin: 25px 0; }
+  .plans .plan h2 {
+    font-size: 36px;
+    margin: 0; }
+    .plans .plan h2 small {
+      display: block;
+      font-size: 12px;
+      font-weight: normal; }
+  .plans .plan .btn-get-started {
+    position: absolute;
+    bottom: 25px;
+    left: 25px;
+    right: 25px;
+    height: 40px;
+    background: #617880;
+    text-align: center;
+    color: white;
+    font-size: 20px;
+    font-weight: 400;
+    line-height: 40px;
+    text-decoration: none; }
+  .plans .plan hr {
+    border: none;
+    border-top: 1px solid #c5c7c6; }
+  .plans .plan ul {
+    padding-left: 20px;
+    margin: 0; }
+.plans .plan-free {
+  border: 2px solid #859a9d; }
+.plans .plan-paid {
+  background: #375263;
+  border: 2px solid #375263;
+  color: white; }
+  .plans .plan-paid hr {
+    border-color: #417a8d; }
+  .plans .plan-paid h2 small {
+    color: white;
+    padding-bottom: 5px; }
+  .plans .plan-paid h2, .plans .plan-paid .important {
+    color: #91c0d4; }
+  .plans .plan-paid .btn-get-started {
+    background: #f24439; }
+
+@media (min-width: 760px) {
+  .browser-border .bithub-embed {
+    margin-left: 0;
+    margin-right: 0; }
+    .browser-border .bithub-embed .carousel-next {
+      margin-right: -17px; }
+    .browser-border .bithub-embed .carousel-prev {
+      margin-left: -17px; }
+
+  .sm {
+    display: none !important; }
+
+  .lg {
+    display: block !important; }
+
+  .page-container {
+    padding-bottom: 85px; }
+
+  .pitch-wrap img.full-size-arrow {
+    display: inline-block;
+    position: relative;
+    top: -15px;
+    vertical-align: middle;
+    height: 30px; }
+
+  .pitch-wrap .red-button {
+    position: relative;
+    top: -5px;
+    margin-left: 10px;
+    display: inline-block; }
+
+  header.site-header {
+    background: #0a0a0d; }
+    header.site-header .menu-wrap {
+      margin: 0 auto; }
+    header.site-header h1 {
+      background: #b2382b; }
+      header.site-header h1 a {
+        padding: 0 15px; }
+    header.site-header .header-menu {
+      margin-right: 0; }
+      header.site-header .header-menu span {
+        color: white;
+        float: left;
+        padding: 0 10px;
+        height: 35px;
+        line-height: 35px; }
+      header.site-header .header-menu a.sign-in {
+        border: 1px solid #4b5053;
+        color: #4b5053;
+        float: right;
+        margin-left: 10px;
+        margin-right: 10px; }
+        header.site-header .header-menu a.sign-in:hover {
+          color: white;
+          border-color: white; }
+      header.site-header .header-menu a.try-it-now {
+        background: #b2382b;
+        border-color: #b2382b; }
+
+  .main-menu {
+    float: left; }
+    .main-menu ul {
+      margin: 0;
+      padding: 0;
+      list-style: none; }
+      .main-menu ul li {
+        float: left;
+        margin-left: 30px; }
+        .main-menu ul li a {
+          color: #879898;
+          display: block;
+          height: 45px;
+          line-height: 45px;
+          text-decoration: none; }
+          .main-menu ul li a:hover {
+            color: white; }
+
+  .features-wrap .intro-wrap {
+    width: 250px;
+    margin: 0 auto;
+    height: 190px;
+    cursor: pointer;
+    opacity: 0.7; }
+    .features-wrap .intro-wrap:hover {
+      opacity: 1; }
+    .features-wrap .intro-wrap .intro {
+      max-width: 150px; }
+  .features-wrap .supported-services li {
+    float: left;
+    width: 33.3%; }
+  .features-wrap h3 {
+    font-size: 36px; }
+  .features-wrap .feature-details-wrap:before {
+    position: relative; }
+  .features-wrap .feature-details-wrap img {
+    float: left;
+    width: 48%;
+    margin-right: 4%;
+    margin-top: 30px; }
+  .features-wrap .outer-feature-details-wrap {
+    max-height: 10000px;
+    margin: -15px -25px 0;
+    display: none; }
+  .features-wrap .feature-wrap {
+    height: 752px; }
+    .features-wrap .feature-wrap h2 img {
+      height: 32px; }
+  .features-wrap .feature-connect .intro-wrap {
+    position: relative;
+    left: -250px; }
+  .features-wrap .feature-connect .feature-details-wrap:before {
+    margin-left: -265px; }
+  .features-wrap .feature-moderate {
+    margin-top: -752px; }
+  .features-wrap .feature-publish {
+    margin-top: -752px; }
+    .features-wrap .feature-publish .intro-wrap {
+      position: relative;
+      left: 250px; }
+    .features-wrap .feature-publish .feature-details-wrap:before {
+      margin-left: 235px; }
+  .features-wrap .inner-feature-details-wrap {
+    max-width: 850px;
+    margin: 25px auto;
+    height: 450px; }
+    .features-wrap .inner-feature-details-wrap .red-button {
+      background: #b2382b; }
+  .features-wrap .feature-description {
+    float: right;
+    width: 48%; }
+    .features-wrap .feature-description .red-button {
+      margin-left: 0; }
+
+  .active-feature-connect .feature-connect .intro-wrap {
+    opacity: 1; }
+  .active-feature-connect .feature-connect .outer-feature-details-wrap {
+    display: block; }
+
+  .active-feature-moderate .feature-moderate .intro-wrap {
+    opacity: 1; }
+  .active-feature-moderate .feature-moderate .outer-feature-details-wrap {
+    display: block; }
+
+  .active-feature-publish .feature-publish .intro-wrap {
+    opacity: 1; }
+  .active-feature-publish .feature-publish .outer-feature-details-wrap {
+    display: block; }
+
+  footer.site-footer {
+    height: 85px; }
+    footer.site-footer .inner-footer-wrap {
+      max-width: 960px;
+      margin: 0 auto;
+      padding-left: 25px; }
+    footer.site-footer h4 {
+      border-bottom: none;
+      display: inline-block;
+      margin: 0;
+      width: auto;
+      font-size: 20px; }
+      footer.site-footer h4 a {
+        color: white;
+        text-decoration: none; }
+    footer.site-footer ul {
+      display: inline-block;
+      margin: 0;
+      margin-left: 15px; }
+      footer.site-footer ul li {
+        display: inline-block;
+        margin-left: 30px; }
+
+  .plans {
+    display: flex;
+    flex-wrap: no-wrap;
+    justify-content: space-between; }
+    .plans .plan {
+      width: 48%; } }
+.panel {
+  background: white;
+  padding: 25px; }
+
+.form-group {
+  margin-bottom: 10px; }
+  .form-group label {
+    display: block;
+    font-weight: 700; }
+  .form-group input.form-control {
+    background: white;
+    border: 1px solid #d7d7d7;
+    height: 45px;
+    line-height: 45px;
+    padding: 0 10px;
+    font-size: 14px;
+    display: block;
+    width: 100%; }
+
+.checkbox label {
+  display: block;
+  margin-bottom: 10px;
+  cursor: pointer; }
+
+.btn-primary {
+  display: inline-block;
+  width: auto;
+  margin: 0;
+  padding: 0 15px;
+  font-weight: 400; }
+
+.devise-links {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  padding-top: 10px; }
+  .devise-links li {
+    display: inline-block;
+    padding: 0 5px; }
+    .devise-links li a {
+      font-size: 14px; }
+
+form .alert-info, form .alert-danger {
+  background: #FF7D74;
+  padding: 25px;
+  margin-bottom: 25px;
+  color: white; }
+  form .alert-info ul, form .alert-danger ul {
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+
+form .alert-info {
+  background: #71b5c5; }
+
+a {
+  color: #3f81a1; }
+  a:hover {
+    text-decoration: none; }
+
+/*# sourceMappingURL=all.css.map */
diff --git a/stylesheets/all.css.map b/stylesheets/all.css.map
new file mode 100644
index 0000000..6150a44
--- /dev/null
+++ b/stylesheets/all.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["sass/all.scss","sass/normalize.scss"],
+"names": [],
+"file": "all.css"
+}
\ No newline at end of file
diff --git a/stylesheets/app.css b/stylesheets/app.css
new file mode 100644
index 0000000..5dc3fd2
--- /dev/null
+++ b/stylesheets/app.css
@@ -0,0 +1,6375 @@
+@charset "UTF-8";
+/*!
+ * Bootstrap v3.3.5 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%; }
+
+body {
+  margin: 0; }
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline; }
+
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+[hidden],
+template {
+  display: none; }
+
+a {
+  background-color: transparent; }
+
+a:active,
+a:hover {
+  outline: 0; }
+
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+b,
+strong {
+  font-weight: bold; }
+
+dfn {
+  font-style: italic; }
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+mark {
+  background: #ff0;
+  color: #000; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+img {
+  border: 0; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+figure {
+  margin: 1em 40px; }
+
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+pre {
+  overflow: auto; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0; }
+
+button {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer; }
+
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+input {
+  line-height: normal; }
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+input[type="search"] {
+  -webkit-appearance: textfield;
+  box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+legend {
+  border: 0;
+  padding: 0; }
+
+textarea {
+  overflow: auto; }
+
+optgroup {
+  font-weight: bold; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    background: transparent !important;
+    color: #000 !important;
+    box-shadow: none !important;
+    text-shadow: none !important; }
+
+  a,
+  a:visited {
+    text-decoration: underline; }
+
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: ""; }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+
+  thead {
+    display: table-header-group; }
+
+  tr,
+  img {
+    page-break-inside: avoid; }
+
+  img {
+    max-width: 100% !important; }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2,
+  h3 {
+    page-break-after: avoid; }
+
+  .navbar {
+    display: none; }
+
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important; }
+
+  .label {
+    border: 1px solid #000; }
+
+  .table {
+    border-collapse: collapse !important; }
+    .table td,
+    .table th {
+      background-color: #fff !important; }
+
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important; } }
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url(font-path("bootstrap/glyphicons-halflings-regular.eot"));
+  src: url(font-path("bootstrap/glyphicons-halflings-regular.eot?#iefix")) format("embedded-opentype"), url(font-path("bootstrap/glyphicons-halflings-regular.woff2")) format("woff2"), url(font-path("bootstrap/glyphicons-halflings-regular.woff")) format("woff"), url(font-path("bootstrap/glyphicons-halflings-regular.ttf")) format("truetype"), url(font-path("bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular")) format("svg"); }
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.glyphicon-asterisk:before {
+  content: "\2a"; }
+
+.glyphicon-plus:before {
+  content: "\2b"; }
+
+.glyphicon-euro:before,
+.glyphicon-eur:before {
+  content: "\20ac"; }
+
+.glyphicon-minus:before {
+  content: "\2212"; }
+
+.glyphicon-cloud:before {
+  content: "\2601"; }
+
+.glyphicon-envelope:before {
+  content: "\2709"; }
+
+.glyphicon-pencil:before {
+  content: "\270f"; }
+
+.glyphicon-glass:before {
+  content: "\e001"; }
+
+.glyphicon-music:before {
+  content: "\e002"; }
+
+.glyphicon-search:before {
+  content: "\e003"; }
+
+.glyphicon-heart:before {
+  content: "\e005"; }
+
+.glyphicon-star:before {
+  content: "\e006"; }
+
+.glyphicon-star-empty:before {
+  content: "\e007"; }
+
+.glyphicon-user:before {
+  content: "\e008"; }
+
+.glyphicon-film:before {
+  content: "\e009"; }
+
+.glyphicon-th-large:before {
+  content: "\e010"; }
+
+.glyphicon-th:before {
+  content: "\e011"; }
+
+.glyphicon-th-list:before {
+  content: "\e012"; }
+
+.glyphicon-ok:before {
+  content: "\e013"; }
+
+.glyphicon-remove:before {
+  content: "\e014"; }
+
+.glyphicon-zoom-in:before {
+  content: "\e015"; }
+
+.glyphicon-zoom-out:before {
+  content: "\e016"; }
+
+.glyphicon-off:before {
+  content: "\e017"; }
+
+.glyphicon-signal:before {
+  content: "\e018"; }
+
+.glyphicon-cog:before {
+  content: "\e019"; }
+
+.glyphicon-trash:before {
+  content: "\e020"; }
+
+.glyphicon-home:before {
+  content: "\e021"; }
+
+.glyphicon-file:before {
+  content: "\e022"; }
+
+.glyphicon-time:before {
+  content: "\e023"; }
+
+.glyphicon-road:before {
+  content: "\e024"; }
+
+.glyphicon-download-alt:before {
+  content: "\e025"; }
+
+.glyphicon-download:before {
+  content: "\e026"; }
+
+.glyphicon-upload:before {
+  content: "\e027"; }
+
+.glyphicon-inbox:before {
+  content: "\e028"; }
+
+.glyphicon-play-circle:before {
+  content: "\e029"; }
+
+.glyphicon-repeat:before {
+  content: "\e030"; }
+
+.glyphicon-refresh:before {
+  content: "\e031"; }
+
+.glyphicon-list-alt:before {
+  content: "\e032"; }
+
+.glyphicon-lock:before {
+  content: "\e033"; }
+
+.glyphicon-flag:before {
+  content: "\e034"; }
+
+.glyphicon-headphones:before {
+  content: "\e035"; }
+
+.glyphicon-volume-off:before {
+  content: "\e036"; }
+
+.glyphicon-volume-down:before {
+  content: "\e037"; }
+
+.glyphicon-volume-up:before {
+  content: "\e038"; }
+
+.glyphicon-qrcode:before {
+  content: "\e039"; }
+
+.glyphicon-barcode:before {
+  content: "\e040"; }
+
+.glyphicon-tag:before {
+  content: "\e041"; }
+
+.glyphicon-tags:before {
+  content: "\e042"; }
+
+.glyphicon-book:before {
+  content: "\e043"; }
+
+.glyphicon-bookmark:before {
+  content: "\e044"; }
+
+.glyphicon-print:before {
+  content: "\e045"; }
+
+.glyphicon-camera:before {
+  content: "\e046"; }
+
+.glyphicon-font:before {
+  content: "\e047"; }
+
+.glyphicon-bold:before {
+  content: "\e048"; }
+
+.glyphicon-italic:before {
+  content: "\e049"; }
+
+.glyphicon-text-height:before {
+  content: "\e050"; }
+
+.glyphicon-text-width:before {
+  content: "\e051"; }
+
+.glyphicon-align-left:before {
+  content: "\e052"; }
+
+.glyphicon-align-center:before {
+  content: "\e053"; }
+
+.glyphicon-align-right:before {
+  content: "\e054"; }
+
+.glyphicon-align-justify:before {
+  content: "\e055"; }
+
+.glyphicon-list:before {
+  content: "\e056"; }
+
+.glyphicon-indent-left:before {
+  content: "\e057"; }
+
+.glyphicon-indent-right:before {
+  content: "\e058"; }
+
+.glyphicon-facetime-video:before {
+  content: "\e059"; }
+
+.glyphicon-picture:before {
+  content: "\e060"; }
+
+.glyphicon-map-marker:before {
+  content: "\e062"; }
+
+.glyphicon-adjust:before {
+  content: "\e063"; }
+
+.glyphicon-tint:before {
+  content: "\e064"; }
+
+.glyphicon-edit:before {
+  content: "\e065"; }
+
+.glyphicon-share:before {
+  content: "\e066"; }
+
+.glyphicon-check:before {
+  content: "\e067"; }
+
+.glyphicon-move:before {
+  content: "\e068"; }
+
+.glyphicon-step-backward:before {
+  content: "\e069"; }
+
+.glyphicon-fast-backward:before {
+  content: "\e070"; }
+
+.glyphicon-backward:before {
+  content: "\e071"; }
+
+.glyphicon-play:before {
+  content: "\e072"; }
+
+.glyphicon-pause:before {
+  content: "\e073"; }
+
+.glyphicon-stop:before {
+  content: "\e074"; }
+
+.glyphicon-forward:before {
+  content: "\e075"; }
+
+.glyphicon-fast-forward:before {
+  content: "\e076"; }
+
+.glyphicon-step-forward:before {
+  content: "\e077"; }
+
+.glyphicon-eject:before {
+  content: "\e078"; }
+
+.glyphicon-chevron-left:before {
+  content: "\e079"; }
+
+.glyphicon-chevron-right:before {
+  content: "\e080"; }
+
+.glyphicon-plus-sign:before {
+  content: "\e081"; }
+
+.glyphicon-minus-sign:before {
+  content: "\e082"; }
+
+.glyphicon-remove-sign:before {
+  content: "\e083"; }
+
+.glyphicon-ok-sign:before {
+  content: "\e084"; }
+
+.glyphicon-question-sign:before {
+  content: "\e085"; }
+
+.glyphicon-info-sign:before {
+  content: "\e086"; }
+
+.glyphicon-screenshot:before {
+  content: "\e087"; }
+
+.glyphicon-remove-circle:before {
+  content: "\e088"; }
+
+.glyphicon-ok-circle:before {
+  content: "\e089"; }
+
+.glyphicon-ban-circle:before {
+  content: "\e090"; }
+
+.glyphicon-arrow-left:before {
+  content: "\e091"; }
+
+.glyphicon-arrow-right:before {
+  content: "\e092"; }
+
+.glyphicon-arrow-up:before {
+  content: "\e093"; }
+
+.glyphicon-arrow-down:before {
+  content: "\e094"; }
+
+.glyphicon-share-alt:before {
+  content: "\e095"; }
+
+.glyphicon-resize-full:before {
+  content: "\e096"; }
+
+.glyphicon-resize-small:before {
+  content: "\e097"; }
+
+.glyphicon-exclamation-sign:before {
+  content: "\e101"; }
+
+.glyphicon-gift:before {
+  content: "\e102"; }
+
+.glyphicon-leaf:before {
+  content: "\e103"; }
+
+.glyphicon-fire:before {
+  content: "\e104"; }
+
+.glyphicon-eye-open:before {
+  content: "\e105"; }
+
+.glyphicon-eye-close:before {
+  content: "\e106"; }
+
+.glyphicon-warning-sign:before {
+  content: "\e107"; }
+
+.glyphicon-plane:before {
+  content: "\e108"; }
+
+.glyphicon-calendar:before {
+  content: "\e109"; }
+
+.glyphicon-random:before {
+  content: "\e110"; }
+
+.glyphicon-comment:before {
+  content: "\e111"; }
+
+.glyphicon-magnet:before {
+  content: "\e112"; }
+
+.glyphicon-chevron-up:before {
+  content: "\e113"; }
+
+.glyphicon-chevron-down:before {
+  content: "\e114"; }
+
+.glyphicon-retweet:before {
+  content: "\e115"; }
+
+.glyphicon-shopping-cart:before {
+  content: "\e116"; }
+
+.glyphicon-folder-close:before {
+  content: "\e117"; }
+
+.glyphicon-folder-open:before {
+  content: "\e118"; }
+
+.glyphicon-resize-vertical:before {
+  content: "\e119"; }
+
+.glyphicon-resize-horizontal:before {
+  content: "\e120"; }
+
+.glyphicon-hdd:before {
+  content: "\e121"; }
+
+.glyphicon-bullhorn:before {
+  content: "\e122"; }
+
+.glyphicon-bell:before {
+  content: "\e123"; }
+
+.glyphicon-certificate:before {
+  content: "\e124"; }
+
+.glyphicon-thumbs-up:before {
+  content: "\e125"; }
+
+.glyphicon-thumbs-down:before {
+  content: "\e126"; }
+
+.glyphicon-hand-right:before {
+  content: "\e127"; }
+
+.glyphicon-hand-left:before {
+  content: "\e128"; }
+
+.glyphicon-hand-up:before {
+  content: "\e129"; }
+
+.glyphicon-hand-down:before {
+  content: "\e130"; }
+
+.glyphicon-circle-arrow-right:before {
+  content: "\e131"; }
+
+.glyphicon-circle-arrow-left:before {
+  content: "\e132"; }
+
+.glyphicon-circle-arrow-up:before {
+  content: "\e133"; }
+
+.glyphicon-circle-arrow-down:before {
+  content: "\e134"; }
+
+.glyphicon-globe:before {
+  content: "\e135"; }
+
+.glyphicon-wrench:before {
+  content: "\e136"; }
+
+.glyphicon-tasks:before {
+  content: "\e137"; }
+
+.glyphicon-filter:before {
+  content: "\e138"; }
+
+.glyphicon-briefcase:before {
+  content: "\e139"; }
+
+.glyphicon-fullscreen:before {
+  content: "\e140"; }
+
+.glyphicon-dashboard:before {
+  content: "\e141"; }
+
+.glyphicon-paperclip:before {
+  content: "\e142"; }
+
+.glyphicon-heart-empty:before {
+  content: "\e143"; }
+
+.glyphicon-link:before {
+  content: "\e144"; }
+
+.glyphicon-phone:before {
+  content: "\e145"; }
+
+.glyphicon-pushpin:before {
+  content: "\e146"; }
+
+.glyphicon-usd:before {
+  content: "\e148"; }
+
+.glyphicon-gbp:before {
+  content: "\e149"; }
+
+.glyphicon-sort:before {
+  content: "\e150"; }
+
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151"; }
+
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152"; }
+
+.glyphicon-sort-by-order:before {
+  content: "\e153"; }
+
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154"; }
+
+.glyphicon-sort-by-attributes:before {
+  content: "\e155"; }
+
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156"; }
+
+.glyphicon-unchecked:before {
+  content: "\e157"; }
+
+.glyphicon-expand:before {
+  content: "\e158"; }
+
+.glyphicon-collapse-down:before {
+  content: "\e159"; }
+
+.glyphicon-collapse-up:before {
+  content: "\e160"; }
+
+.glyphicon-log-in:before {
+  content: "\e161"; }
+
+.glyphicon-flash:before {
+  content: "\e162"; }
+
+.glyphicon-log-out:before {
+  content: "\e163"; }
+
+.glyphicon-new-window:before {
+  content: "\e164"; }
+
+.glyphicon-record:before {
+  content: "\e165"; }
+
+.glyphicon-save:before {
+  content: "\e166"; }
+
+.glyphicon-open:before {
+  content: "\e167"; }
+
+.glyphicon-saved:before {
+  content: "\e168"; }
+
+.glyphicon-import:before {
+  content: "\e169"; }
+
+.glyphicon-export:before {
+  content: "\e170"; }
+
+.glyphicon-send:before {
+  content: "\e171"; }
+
+.glyphicon-floppy-disk:before {
+  content: "\e172"; }
+
+.glyphicon-floppy-saved:before {
+  content: "\e173"; }
+
+.glyphicon-floppy-remove:before {
+  content: "\e174"; }
+
+.glyphicon-floppy-save:before {
+  content: "\e175"; }
+
+.glyphicon-floppy-open:before {
+  content: "\e176"; }
+
+.glyphicon-credit-card:before {
+  content: "\e177"; }
+
+.glyphicon-transfer:before {
+  content: "\e178"; }
+
+.glyphicon-cutlery:before {
+  content: "\e179"; }
+
+.glyphicon-header:before {
+  content: "\e180"; }
+
+.glyphicon-compressed:before {
+  content: "\e181"; }
+
+.glyphicon-earphone:before {
+  content: "\e182"; }
+
+.glyphicon-phone-alt:before {
+  content: "\e183"; }
+
+.glyphicon-tower:before {
+  content: "\e184"; }
+
+.glyphicon-stats:before {
+  content: "\e185"; }
+
+.glyphicon-sd-video:before {
+  content: "\e186"; }
+
+.glyphicon-hd-video:before {
+  content: "\e187"; }
+
+.glyphicon-subtitles:before {
+  content: "\e188"; }
+
+.glyphicon-sound-stereo:before {
+  content: "\e189"; }
+
+.glyphicon-sound-dolby:before {
+  content: "\e190"; }
+
+.glyphicon-sound-5-1:before {
+  content: "\e191"; }
+
+.glyphicon-sound-6-1:before {
+  content: "\e192"; }
+
+.glyphicon-sound-7-1:before {
+  content: "\e193"; }
+
+.glyphicon-copyright-mark:before {
+  content: "\e194"; }
+
+.glyphicon-registration-mark:before {
+  content: "\e195"; }
+
+.glyphicon-cloud-download:before {
+  content: "\e197"; }
+
+.glyphicon-cloud-upload:before {
+  content: "\e198"; }
+
+.glyphicon-tree-conifer:before {
+  content: "\e199"; }
+
+.glyphicon-tree-deciduous:before {
+  content: "\e200"; }
+
+.glyphicon-cd:before {
+  content: "\e201"; }
+
+.glyphicon-save-file:before {
+  content: "\e202"; }
+
+.glyphicon-open-file:before {
+  content: "\e203"; }
+
+.glyphicon-level-up:before {
+  content: "\e204"; }
+
+.glyphicon-copy:before {
+  content: "\e205"; }
+
+.glyphicon-paste:before {
+  content: "\e206"; }
+
+.glyphicon-alert:before {
+  content: "\e209"; }
+
+.glyphicon-equalizer:before {
+  content: "\e210"; }
+
+.glyphicon-king:before {
+  content: "\e211"; }
+
+.glyphicon-queen:before {
+  content: "\e212"; }
+
+.glyphicon-pawn:before {
+  content: "\e213"; }
+
+.glyphicon-bishop:before {
+  content: "\e214"; }
+
+.glyphicon-knight:before {
+  content: "\e215"; }
+
+.glyphicon-baby-formula:before {
+  content: "\e216"; }
+
+.glyphicon-tent:before {
+  content: "\26fa"; }
+
+.glyphicon-blackboard:before {
+  content: "\e218"; }
+
+.glyphicon-bed:before {
+  content: "\e219"; }
+
+.glyphicon-apple:before {
+  content: "\f8ff"; }
+
+.glyphicon-erase:before {
+  content: "\e221"; }
+
+.glyphicon-hourglass:before {
+  content: "\231b"; }
+
+.glyphicon-lamp:before {
+  content: "\e223"; }
+
+.glyphicon-duplicate:before {
+  content: "\e224"; }
+
+.glyphicon-piggy-bank:before {
+  content: "\e225"; }
+
+.glyphicon-scissors:before {
+  content: "\e226"; }
+
+.glyphicon-bitcoin:before {
+  content: "\e227"; }
+
+.glyphicon-btc:before {
+  content: "\e227"; }
+
+.glyphicon-xbt:before {
+  content: "\e227"; }
+
+.glyphicon-yen:before {
+  content: "\00a5"; }
+
+.glyphicon-jpy:before {
+  content: "\00a5"; }
+
+.glyphicon-ruble:before {
+  content: "\20bd"; }
+
+.glyphicon-rub:before {
+  content: "\20bd"; }
+
+.glyphicon-scale:before {
+  content: "\e230"; }
+
+.glyphicon-ice-lolly:before {
+  content: "\e231"; }
+
+.glyphicon-ice-lolly-tasted:before {
+  content: "\e232"; }
+
+.glyphicon-education:before {
+  content: "\e233"; }
+
+.glyphicon-option-horizontal:before {
+  content: "\e234"; }
+
+.glyphicon-option-vertical:before {
+  content: "\e235"; }
+
+.glyphicon-menu-hamburger:before {
+  content: "\e236"; }
+
+.glyphicon-modal-window:before {
+  content: "\e237"; }
+
+.glyphicon-oil:before {
+  content: "\e238"; }
+
+.glyphicon-grain:before {
+  content: "\e239"; }
+
+.glyphicon-sunglasses:before {
+  content: "\e240"; }
+
+.glyphicon-text-size:before {
+  content: "\e241"; }
+
+.glyphicon-text-color:before {
+  content: "\e242"; }
+
+.glyphicon-text-background:before {
+  content: "\e243"; }
+
+.glyphicon-object-align-top:before {
+  content: "\e244"; }
+
+.glyphicon-object-align-bottom:before {
+  content: "\e245"; }
+
+.glyphicon-object-align-horizontal:before {
+  content: "\e246"; }
+
+.glyphicon-object-align-left:before {
+  content: "\e247"; }
+
+.glyphicon-object-align-vertical:before {
+  content: "\e248"; }
+
+.glyphicon-object-align-right:before {
+  content: "\e249"; }
+
+.glyphicon-triangle-right:before {
+  content: "\e250"; }
+
+.glyphicon-triangle-left:before {
+  content: "\e251"; }
+
+.glyphicon-triangle-bottom:before {
+  content: "\e252"; }
+
+.glyphicon-triangle-top:before {
+  content: "\e253"; }
+
+.glyphicon-console:before {
+  content: "\e254"; }
+
+.glyphicon-superscript:before {
+  content: "\e255"; }
+
+.glyphicon-subscript:before {
+  content: "\e256"; }
+
+.glyphicon-menu-left:before {
+  content: "\e257"; }
+
+.glyphicon-menu-right:before {
+  content: "\e258"; }
+
+.glyphicon-menu-down:before {
+  content: "\e259"; }
+
+.glyphicon-menu-up:before {
+  content: "\e260"; }
+
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+html {
+  font-size: 10px;
+  -webkit-tap-highlight-color: transparent; }
+
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #333333;
+  background-color: #fff; }
+
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+a {
+  color: #337ab7;
+  text-decoration: none; }
+  a:hover, a:focus {
+    color: #23527c;
+    text-decoration: underline; }
+  a:focus {
+    outline: thin dotted;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px; }
+
+figure {
+  margin: 0; }
+
+img {
+  vertical-align: middle; }
+
+.img-responsive {
+  display: block;
+  max-width: 100%;
+  height: auto; }
+
+.img-rounded {
+  border-radius: 6px; }
+
+.img-thumbnail {
+  padding: 4px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  display: inline-block;
+  max-width: 100%;
+  height: auto; }
+
+.img-circle {
+  border-radius: 50%; }
+
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eeeeee; }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+[role="button"] {
+  cursor: pointer; }
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit; }
+  h1 small,
+  h1 .small, h2 small,
+  h2 .small, h3 small,
+  h3 .small, h4 small,
+  h4 .small, h5 small,
+  h5 .small, h6 small,
+  h6 .small,
+  .h1 small,
+  .h1 .small, .h2 small,
+  .h2 .small, .h3 small,
+  .h3 .small, .h4 small,
+  .h4 .small, .h5 small,
+  .h5 .small, .h6 small,
+  .h6 .small {
+    font-weight: normal;
+    line-height: 1;
+    color: #777777; }
+
+h1, .h1,
+h2, .h2,
+h3, .h3 {
+  margin-top: 20px;
+  margin-bottom: 10px; }
+  h1 small,
+  h1 .small, .h1 small,
+  .h1 .small,
+  h2 small,
+  h2 .small, .h2 small,
+  .h2 .small,
+  h3 small,
+  h3 .small, .h3 small,
+  .h3 .small {
+    font-size: 65%; }
+
+h4, .h4,
+h5, .h5,
+h6, .h6 {
+  margin-top: 10px;
+  margin-bottom: 10px; }
+  h4 small,
+  h4 .small, .h4 small,
+  .h4 .small,
+  h5 small,
+  h5 .small, .h5 small,
+  .h5 .small,
+  h6 small,
+  h6 .small, .h6 small,
+  .h6 .small {
+    font-size: 75%; }
+
+h1, .h1 {
+  font-size: 36px; }
+
+h2, .h2 {
+  font-size: 30px; }
+
+h3, .h3 {
+  font-size: 24px; }
+
+h4, .h4 {
+  font-size: 18px; }
+
+h5, .h5 {
+  font-size: 14px; }
+
+h6, .h6 {
+  font-size: 12px; }
+
+p {
+  margin: 0 0 10px; }
+
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4; }
+  @media (min-width: 768px) {
+    .lead {
+      font-size: 21px; } }
+
+small,
+.small {
+  font-size: 85%; }
+
+mark,
+.mark {
+  background-color: #fcf8e3;
+  padding: .2em; }
+
+.text-left {
+  text-align: left; }
+
+.text-right {
+  text-align: right; }
+
+.text-center {
+  text-align: center; }
+
+.text-justify {
+  text-align: justify; }
+
+.text-nowrap {
+  white-space: nowrap; }
+
+.text-lowercase {
+  text-transform: lowercase; }
+
+.text-uppercase, .initialism {
+  text-transform: uppercase; }
+
+.text-capitalize {
+  text-transform: capitalize; }
+
+.text-muted {
+  color: #777777; }
+
+.text-primary {
+  color: #337ab7; }
+
+a.text-primary:hover,
+a.text-primary:focus {
+  color: #286090; }
+
+.text-success {
+  color: #3c763d; }
+
+a.text-success:hover,
+a.text-success:focus {
+  color: #2b542c; }
+
+.text-info {
+  color: #31708f; }
+
+a.text-info:hover,
+a.text-info:focus {
+  color: #245269; }
+
+.text-warning {
+  color: #8a6d3b; }
+
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #66512c; }
+
+.text-danger {
+  color: #a94442; }
+
+a.text-danger:hover,
+a.text-danger:focus {
+  color: #843534; }
+
+.bg-primary {
+  color: #fff; }
+
+.bg-primary {
+  background-color: #337ab7; }
+
+a.bg-primary:hover,
+a.bg-primary:focus {
+  background-color: #286090; }
+
+.bg-success {
+  background-color: #dff0d8; }
+
+a.bg-success:hover,
+a.bg-success:focus {
+  background-color: #c1e2b3; }
+
+.bg-info {
+  background-color: #d9edf7; }
+
+a.bg-info:hover,
+a.bg-info:focus {
+  background-color: #afd9ee; }
+
+.bg-warning {
+  background-color: #fcf8e3; }
+
+a.bg-warning:hover,
+a.bg-warning:focus {
+  background-color: #f7ecb5; }
+
+.bg-danger {
+  background-color: #f2dede; }
+
+a.bg-danger:hover,
+a.bg-danger:focus {
+  background-color: #e4b9b9; }
+
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eeeeee; }
+
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px; }
+  ul ul,
+  ul ol,
+  ol ul,
+  ol ol {
+    margin-bottom: 0; }
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none; }
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+  margin-left: -5px; }
+  .list-inline > li {
+    display: inline-block;
+    padding-left: 5px;
+    padding-right: 5px; }
+
+dl {
+  margin-top: 0;
+  margin-bottom: 20px; }
+
+dt,
+dd {
+  line-height: 1.42857143; }
+
+dt {
+  font-weight: bold; }
+
+dd {
+  margin-left: 0; }
+
+.dl-horizontal dd:before, .dl-horizontal dd:after {
+  content: " ";
+  display: table; }
+.dl-horizontal dd:after {
+  clear: both; }
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    clear: left;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; }
+  .dl-horizontal dd {
+    margin-left: 180px; } }
+
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #777777; }
+
+.initialism {
+  font-size: 90%; }
+
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eeeeee; }
+  blockquote p:last-child,
+  blockquote ul:last-child,
+  blockquote ol:last-child {
+    margin-bottom: 0; }
+  blockquote footer,
+  blockquote small,
+  blockquote .small {
+    display: block;
+    font-size: 80%;
+    line-height: 1.42857143;
+    color: #777777; }
+    blockquote footer:before,
+    blockquote small:before,
+    blockquote .small:before {
+      content: '\2014 \00A0'; }
+
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #eeeeee;
+  border-left: 0;
+  text-align: right; }
+  .blockquote-reverse footer:before,
+  .blockquote-reverse small:before,
+  .blockquote-reverse .small:before,
+  blockquote.pull-right footer:before,
+  blockquote.pull-right small:before,
+  blockquote.pull-right .small:before {
+    content: ''; }
+  .blockquote-reverse footer:after,
+  .blockquote-reverse small:after,
+  .blockquote-reverse .small:after,
+  blockquote.pull-right footer:after,
+  blockquote.pull-right small:after,
+  blockquote.pull-right .small:after {
+    content: '\00A0 \2014'; }
+
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
+
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px; }
+
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #fff;
+  background-color: #333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
+  kbd kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: bold;
+    box-shadow: none; }
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: #333333;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+  pre code {
+    padding: 0;
+    font-size: inherit;
+    color: inherit;
+    white-space: pre-wrap;
+    background-color: transparent;
+    border-radius: 0; }
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll; }
+
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px; }
+  .container:before, .container:after {
+    content: " ";
+    display: table; }
+  .container:after {
+    clear: both; }
+  @media (min-width: 768px) {
+    .container {
+      width: 750px; } }
+  @media (min-width: 992px) {
+    .container {
+      width: 970px; } }
+  @media (min-width: 1200px) {
+    .container {
+      width: 1170px; } }
+
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px; }
+  .container-fluid:before, .container-fluid:after {
+    content: " ";
+    display: table; }
+  .container-fluid:after {
+    clear: both; }
+
+.row {
+  margin-left: -15px;
+  margin-right: -15px; }
+  .row:before, .row:after {
+    content: " ";
+    display: table; }
+  .row:after {
+    clear: both; }
+
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px; }
+
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left; }
+
+.col-xs-1 {
+  width: 8.33333333%; }
+
+.col-xs-2 {
+  width: 16.66666667%; }
+
+.col-xs-3 {
+  width: 25%; }
+
+.col-xs-4 {
+  width: 33.33333333%; }
+
+.col-xs-5 {
+  width: 41.66666667%; }
+
+.col-xs-6 {
+  width: 50%; }
+
+.col-xs-7 {
+  width: 58.33333333%; }
+
+.col-xs-8 {
+  width: 66.66666667%; }
+
+.col-xs-9 {
+  width: 75%; }
+
+.col-xs-10 {
+  width: 83.33333333%; }
+
+.col-xs-11 {
+  width: 91.66666667%; }
+
+.col-xs-12 {
+  width: 100%; }
+
+.col-xs-pull-0 {
+  right: auto; }
+
+.col-xs-pull-1 {
+  right: 8.33333333%; }
+
+.col-xs-pull-2 {
+  right: 16.66666667%; }
+
+.col-xs-pull-3 {
+  right: 25%; }
+
+.col-xs-pull-4 {
+  right: 33.33333333%; }
+
+.col-xs-pull-5 {
+  right: 41.66666667%; }
+
+.col-xs-pull-6 {
+  right: 50%; }
+
+.col-xs-pull-7 {
+  right: 58.33333333%; }
+
+.col-xs-pull-8 {
+  right: 66.66666667%; }
+
+.col-xs-pull-9 {
+  right: 75%; }
+
+.col-xs-pull-10 {
+  right: 83.33333333%; }
+
+.col-xs-pull-11 {
+  right: 91.66666667%; }
+
+.col-xs-pull-12 {
+  right: 100%; }
+
+.col-xs-push-0 {
+  left: auto; }
+
+.col-xs-push-1 {
+  left: 8.33333333%; }
+
+.col-xs-push-2 {
+  left: 16.66666667%; }
+
+.col-xs-push-3 {
+  left: 25%; }
+
+.col-xs-push-4 {
+  left: 33.33333333%; }
+
+.col-xs-push-5 {
+  left: 41.66666667%; }
+
+.col-xs-push-6 {
+  left: 50%; }
+
+.col-xs-push-7 {
+  left: 58.33333333%; }
+
+.col-xs-push-8 {
+  left: 66.66666667%; }
+
+.col-xs-push-9 {
+  left: 75%; }
+
+.col-xs-push-10 {
+  left: 83.33333333%; }
+
+.col-xs-push-11 {
+  left: 91.66666667%; }
+
+.col-xs-push-12 {
+  left: 100%; }
+
+.col-xs-offset-0 {
+  margin-left: 0%; }
+
+.col-xs-offset-1 {
+  margin-left: 8.33333333%; }
+
+.col-xs-offset-2 {
+  margin-left: 16.66666667%; }
+
+.col-xs-offset-3 {
+  margin-left: 25%; }
+
+.col-xs-offset-4 {
+  margin-left: 33.33333333%; }
+
+.col-xs-offset-5 {
+  margin-left: 41.66666667%; }
+
+.col-xs-offset-6 {
+  margin-left: 50%; }
+
+.col-xs-offset-7 {
+  margin-left: 58.33333333%; }
+
+.col-xs-offset-8 {
+  margin-left: 66.66666667%; }
+
+.col-xs-offset-9 {
+  margin-left: 75%; }
+
+.col-xs-offset-10 {
+  margin-left: 83.33333333%; }
+
+.col-xs-offset-11 {
+  margin-left: 91.66666667%; }
+
+.col-xs-offset-12 {
+  margin-left: 100%; }
+
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left; }
+
+  .col-sm-1 {
+    width: 8.33333333%; }
+
+  .col-sm-2 {
+    width: 16.66666667%; }
+
+  .col-sm-3 {
+    width: 25%; }
+
+  .col-sm-4 {
+    width: 33.33333333%; }
+
+  .col-sm-5 {
+    width: 41.66666667%; }
+
+  .col-sm-6 {
+    width: 50%; }
+
+  .col-sm-7 {
+    width: 58.33333333%; }
+
+  .col-sm-8 {
+    width: 66.66666667%; }
+
+  .col-sm-9 {
+    width: 75%; }
+
+  .col-sm-10 {
+    width: 83.33333333%; }
+
+  .col-sm-11 {
+    width: 91.66666667%; }
+
+  .col-sm-12 {
+    width: 100%; }
+
+  .col-sm-pull-0 {
+    right: auto; }
+
+  .col-sm-pull-1 {
+    right: 8.33333333%; }
+
+  .col-sm-pull-2 {
+    right: 16.66666667%; }
+
+  .col-sm-pull-3 {
+    right: 25%; }
+
+  .col-sm-pull-4 {
+    right: 33.33333333%; }
+
+  .col-sm-pull-5 {
+    right: 41.66666667%; }
+
+  .col-sm-pull-6 {
+    right: 50%; }
+
+  .col-sm-pull-7 {
+    right: 58.33333333%; }
+
+  .col-sm-pull-8 {
+    right: 66.66666667%; }
+
+  .col-sm-pull-9 {
+    right: 75%; }
+
+  .col-sm-pull-10 {
+    right: 83.33333333%; }
+
+  .col-sm-pull-11 {
+    right: 91.66666667%; }
+
+  .col-sm-pull-12 {
+    right: 100%; }
+
+  .col-sm-push-0 {
+    left: auto; }
+
+  .col-sm-push-1 {
+    left: 8.33333333%; }
+
+  .col-sm-push-2 {
+    left: 16.66666667%; }
+
+  .col-sm-push-3 {
+    left: 25%; }
+
+  .col-sm-push-4 {
+    left: 33.33333333%; }
+
+  .col-sm-push-5 {
+    left: 41.66666667%; }
+
+  .col-sm-push-6 {
+    left: 50%; }
+
+  .col-sm-push-7 {
+    left: 58.33333333%; }
+
+  .col-sm-push-8 {
+    left: 66.66666667%; }
+
+  .col-sm-push-9 {
+    left: 75%; }
+
+  .col-sm-push-10 {
+    left: 83.33333333%; }
+
+  .col-sm-push-11 {
+    left: 91.66666667%; }
+
+  .col-sm-push-12 {
+    left: 100%; }
+
+  .col-sm-offset-0 {
+    margin-left: 0%; }
+
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%; }
+
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%; }
+
+  .col-sm-offset-3 {
+    margin-left: 25%; }
+
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%; }
+
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%; }
+
+  .col-sm-offset-6 {
+    margin-left: 50%; }
+
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%; }
+
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%; }
+
+  .col-sm-offset-9 {
+    margin-left: 75%; }
+
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%; }
+
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%; }
+
+  .col-sm-offset-12 {
+    margin-left: 100%; } }
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left; }
+
+  .col-md-1 {
+    width: 8.33333333%; }
+
+  .col-md-2 {
+    width: 16.66666667%; }
+
+  .col-md-3 {
+    width: 25%; }
+
+  .col-md-4 {
+    width: 33.33333333%; }
+
+  .col-md-5 {
+    width: 41.66666667%; }
+
+  .col-md-6 {
+    width: 50%; }
+
+  .col-md-7 {
+    width: 58.33333333%; }
+
+  .col-md-8 {
+    width: 66.66666667%; }
+
+  .col-md-9 {
+    width: 75%; }
+
+  .col-md-10 {
+    width: 83.33333333%; }
+
+  .col-md-11 {
+    width: 91.66666667%; }
+
+  .col-md-12 {
+    width: 100%; }
+
+  .col-md-pull-0 {
+    right: auto; }
+
+  .col-md-pull-1 {
+    right: 8.33333333%; }
+
+  .col-md-pull-2 {
+    right: 16.66666667%; }
+
+  .col-md-pull-3 {
+    right: 25%; }
+
+  .col-md-pull-4 {
+    right: 33.33333333%; }
+
+  .col-md-pull-5 {
+    right: 41.66666667%; }
+
+  .col-md-pull-6 {
+    right: 50%; }
+
+  .col-md-pull-7 {
+    right: 58.33333333%; }
+
+  .col-md-pull-8 {
+    right: 66.66666667%; }
+
+  .col-md-pull-9 {
+    right: 75%; }
+
+  .col-md-pull-10 {
+    right: 83.33333333%; }
+
+  .col-md-pull-11 {
+    right: 91.66666667%; }
+
+  .col-md-pull-12 {
+    right: 100%; }
+
+  .col-md-push-0 {
+    left: auto; }
+
+  .col-md-push-1 {
+    left: 8.33333333%; }
+
+  .col-md-push-2 {
+    left: 16.66666667%; }
+
+  .col-md-push-3 {
+    left: 25%; }
+
+  .col-md-push-4 {
+    left: 33.33333333%; }
+
+  .col-md-push-5 {
+    left: 41.66666667%; }
+
+  .col-md-push-6 {
+    left: 50%; }
+
+  .col-md-push-7 {
+    left: 58.33333333%; }
+
+  .col-md-push-8 {
+    left: 66.66666667%; }
+
+  .col-md-push-9 {
+    left: 75%; }
+
+  .col-md-push-10 {
+    left: 83.33333333%; }
+
+  .col-md-push-11 {
+    left: 91.66666667%; }
+
+  .col-md-push-12 {
+    left: 100%; }
+
+  .col-md-offset-0 {
+    margin-left: 0%; }
+
+  .col-md-offset-1 {
+    margin-left: 8.33333333%; }
+
+  .col-md-offset-2 {
+    margin-left: 16.66666667%; }
+
+  .col-md-offset-3 {
+    margin-left: 25%; }
+
+  .col-md-offset-4 {
+    margin-left: 33.33333333%; }
+
+  .col-md-offset-5 {
+    margin-left: 41.66666667%; }
+
+  .col-md-offset-6 {
+    margin-left: 50%; }
+
+  .col-md-offset-7 {
+    margin-left: 58.33333333%; }
+
+  .col-md-offset-8 {
+    margin-left: 66.66666667%; }
+
+  .col-md-offset-9 {
+    margin-left: 75%; }
+
+  .col-md-offset-10 {
+    margin-left: 83.33333333%; }
+
+  .col-md-offset-11 {
+    margin-left: 91.66666667%; }
+
+  .col-md-offset-12 {
+    margin-left: 100%; } }
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left; }
+
+  .col-lg-1 {
+    width: 8.33333333%; }
+
+  .col-lg-2 {
+    width: 16.66666667%; }
+
+  .col-lg-3 {
+    width: 25%; }
+
+  .col-lg-4 {
+    width: 33.33333333%; }
+
+  .col-lg-5 {
+    width: 41.66666667%; }
+
+  .col-lg-6 {
+    width: 50%; }
+
+  .col-lg-7 {
+    width: 58.33333333%; }
+
+  .col-lg-8 {
+    width: 66.66666667%; }
+
+  .col-lg-9 {
+    width: 75%; }
+
+  .col-lg-10 {
+    width: 83.33333333%; }
+
+  .col-lg-11 {
+    width: 91.66666667%; }
+
+  .col-lg-12 {
+    width: 100%; }
+
+  .col-lg-pull-0 {
+    right: auto; }
+
+  .col-lg-pull-1 {
+    right: 8.33333333%; }
+
+  .col-lg-pull-2 {
+    right: 16.66666667%; }
+
+  .col-lg-pull-3 {
+    right: 25%; }
+
+  .col-lg-pull-4 {
+    right: 33.33333333%; }
+
+  .col-lg-pull-5 {
+    right: 41.66666667%; }
+
+  .col-lg-pull-6 {
+    right: 50%; }
+
+  .col-lg-pull-7 {
+    right: 58.33333333%; }
+
+  .col-lg-pull-8 {
+    right: 66.66666667%; }
+
+  .col-lg-pull-9 {
+    right: 75%; }
+
+  .col-lg-pull-10 {
+    right: 83.33333333%; }
+
+  .col-lg-pull-11 {
+    right: 91.66666667%; }
+
+  .col-lg-pull-12 {
+    right: 100%; }
+
+  .col-lg-push-0 {
+    left: auto; }
+
+  .col-lg-push-1 {
+    left: 8.33333333%; }
+
+  .col-lg-push-2 {
+    left: 16.66666667%; }
+
+  .col-lg-push-3 {
+    left: 25%; }
+
+  .col-lg-push-4 {
+    left: 33.33333333%; }
+
+  .col-lg-push-5 {
+    left: 41.66666667%; }
+
+  .col-lg-push-6 {
+    left: 50%; }
+
+  .col-lg-push-7 {
+    left: 58.33333333%; }
+
+  .col-lg-push-8 {
+    left: 66.66666667%; }
+
+  .col-lg-push-9 {
+    left: 75%; }
+
+  .col-lg-push-10 {
+    left: 83.33333333%; }
+
+  .col-lg-push-11 {
+    left: 91.66666667%; }
+
+  .col-lg-push-12 {
+    left: 100%; }
+
+  .col-lg-offset-0 {
+    margin-left: 0%; }
+
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%; }
+
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%; }
+
+  .col-lg-offset-3 {
+    margin-left: 25%; }
+
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%; }
+
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%; }
+
+  .col-lg-offset-6 {
+    margin-left: 50%; }
+
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%; }
+
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%; }
+
+  .col-lg-offset-9 {
+    margin-left: 75%; }
+
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%; }
+
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%; }
+
+  .col-lg-offset-12 {
+    margin-left: 100%; } }
+table {
+  background-color: transparent; }
+
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777777;
+  text-align: left; }
+
+th {
+  text-align: left; }
+
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 20px; }
+  .table > thead > tr > th,
+  .table > thead > tr > td,
+  .table > tbody > tr > th,
+  .table > tbody > tr > td,
+  .table > tfoot > tr > th,
+  .table > tfoot > tr > td {
+    padding: 8px;
+    line-height: 1.42857143;
+    vertical-align: top;
+    border-top: 1px solid #ddd; }
+  .table > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #ddd; }
+  .table > caption + thead > tr:first-child > th,
+  .table > caption + thead > tr:first-child > td,
+  .table > colgroup + thead > tr:first-child > th,
+  .table > colgroup + thead > tr:first-child > td,
+  .table > thead:first-child > tr:first-child > th,
+  .table > thead:first-child > tr:first-child > td {
+    border-top: 0; }
+  .table > tbody + tbody {
+    border-top: 2px solid #ddd; }
+  .table .table {
+    background-color: #fff; }
+
+.table-condensed > thead > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > th,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > th,
+.table-condensed > tfoot > tr > td {
+  padding: 5px; }
+
+.table-bordered {
+  border: 1px solid #ddd; }
+  .table-bordered > thead > tr > th,
+  .table-bordered > thead > tr > td,
+  .table-bordered > tbody > tr > th,
+  .table-bordered > tbody > tr > td,
+  .table-bordered > tfoot > tr > th,
+  .table-bordered > tfoot > tr > td {
+    border: 1px solid #ddd; }
+  .table-bordered > thead > tr > th,
+  .table-bordered > thead > tr > td {
+    border-bottom-width: 2px; }
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+  background-color: #f9f9f9; }
+
+.table-hover > tbody > tr:hover {
+  background-color: #f5f5f5; }
+
+table col[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-column; }
+
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-cell; }
+
+.table > thead > tr > td.active,
+.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
+.table > tbody > tr > td.active,
+.table > tbody > tr > th.active,
+.table > tbody > tr.active > td,
+.table > tbody > tr.active > th,
+.table > tfoot > tr > td.active,
+.table > tfoot > tr > th.active,
+.table > tfoot > tr.active > td,
+.table > tfoot > tr.active > th {
+  background-color: #f5f5f5; }
+
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8; }
+
+.table > thead > tr > td.success,
+.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
+.table > tbody > tr > td.success,
+.table > tbody > tr > th.success,
+.table > tbody > tr.success > td,
+.table > tbody > tr.success > th,
+.table > tfoot > tr > td.success,
+.table > tfoot > tr > th.success,
+.table > tfoot > tr.success > td,
+.table > tfoot > tr.success > th {
+  background-color: #dff0d8; }
+
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
+  background-color: #d0e9c6; }
+
+.table > thead > tr > td.info,
+.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
+.table > tbody > tr > td.info,
+.table > tbody > tr > th.info,
+.table > tbody > tr.info > td,
+.table > tbody > tr.info > th,
+.table > tfoot > tr > td.info,
+.table > tfoot > tr > th.info,
+.table > tfoot > tr.info > td,
+.table > tfoot > tr.info > th {
+  background-color: #d9edf7; }
+
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
+  background-color: #c4e3f3; }
+
+.table > thead > tr > td.warning,
+.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
+.table > tbody > tr > td.warning,
+.table > tbody > tr > th.warning,
+.table > tbody > tr.warning > td,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr > td.warning,
+.table > tfoot > tr > th.warning,
+.table > tfoot > tr.warning > td,
+.table > tfoot > tr.warning > th {
+  background-color: #fcf8e3; }
+
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
+  background-color: #faf2cc; }
+
+.table > thead > tr > td.danger,
+.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
+.table > tbody > tr > td.danger,
+.table > tbody > tr > th.danger,
+.table > tbody > tr.danger > td,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr > td.danger,
+.table > tfoot > tr > th.danger,
+.table > tfoot > tr.danger > td,
+.table > tfoot > tr.danger > th {
+  background-color: #f2dede; }
+
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
+  background-color: #ebcccc; }
+
+.table-responsive {
+  overflow-x: auto;
+  min-height: 0.01%; }
+  @media screen and (max-width: 767px) {
+    .table-responsive {
+      width: 100%;
+      margin-bottom: 15px;
+      overflow-y: hidden;
+      -ms-overflow-style: -ms-autohiding-scrollbar;
+      border: 1px solid #ddd; }
+      .table-responsive > .table {
+        margin-bottom: 0; }
+        .table-responsive > .table > thead > tr > th,
+        .table-responsive > .table > thead > tr > td,
+        .table-responsive > .table > tbody > tr > th,
+        .table-responsive > .table > tbody > tr > td,
+        .table-responsive > .table > tfoot > tr > th,
+        .table-responsive > .table > tfoot > tr > td {
+          white-space: nowrap; }
+      .table-responsive > .table-bordered {
+        border: 0; }
+        .table-responsive > .table-bordered > thead > tr > th:first-child,
+        .table-responsive > .table-bordered > thead > tr > td:first-child,
+        .table-responsive > .table-bordered > tbody > tr > th:first-child,
+        .table-responsive > .table-bordered > tbody > tr > td:first-child,
+        .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+        .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+          border-left: 0; }
+        .table-responsive > .table-bordered > thead > tr > th:last-child,
+        .table-responsive > .table-bordered > thead > tr > td:last-child,
+        .table-responsive > .table-bordered > tbody > tr > th:last-child,
+        .table-responsive > .table-bordered > tbody > tr > td:last-child,
+        .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+        .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+          border-right: 0; }
+        .table-responsive > .table-bordered > tbody > tr:last-child > th,
+        .table-responsive > .table-bordered > tbody > tr:last-child > td,
+        .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+        .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+          border-bottom: 0; } }
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  min-width: 0; }
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5; }
+
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold; }
+
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  line-height: normal; }
+
+input[type="file"] {
+  display: block; }
+
+input[type="range"] {
+  display: block;
+  width: 100%; }
+
+select[multiple],
+select[size] {
+  height: auto; }
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px; }
+
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555555; }
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #555555;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
+  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
+  .form-control:focus {
+    border-color: #66afe9;
+    outline: 0;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
+  .form-control::-moz-placeholder {
+    color: #999;
+    opacity: 1; }
+  .form-control:-ms-input-placeholder {
+    color: #999; }
+  .form-control::-webkit-input-placeholder {
+    color: #999; }
+  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+    background-color: #eeeeee;
+    opacity: 1; }
+  .form-control[disabled], fieldset[disabled] .form-control {
+    cursor: not-allowed; }
+
+textarea.form-control {
+  height: auto; }
+
+input[type="search"] {
+  -webkit-appearance: none; }
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  input[type="date"].form-control,
+  input[type="time"].form-control,
+  input[type="datetime-local"].form-control,
+  input[type="month"].form-control {
+    line-height: 34px; }
+  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,
+  .input-group-sm > input[type="date"].input-group-addon,
+  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],
+  input[type="time"].input-sm,
+  .input-group-sm > input[type="time"].form-control,
+  .input-group-sm > input[type="time"].input-group-addon,
+  .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
+  input[type="time"],
+  input[type="datetime-local"].input-sm,
+  .input-group-sm > input[type="datetime-local"].form-control,
+  .input-group-sm > input[type="datetime-local"].input-group-addon,
+  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
+  input[type="datetime-local"],
+  input[type="month"].input-sm,
+  .input-group-sm > input[type="month"].form-control,
+  .input-group-sm > input[type="month"].input-group-addon,
+  .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
+  input[type="month"] {
+    line-height: 30px; }
+  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
+  .input-group-lg > input[type="date"].input-group-addon,
+  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],
+  input[type="time"].input-lg,
+  .input-group-lg > input[type="time"].form-control,
+  .input-group-lg > input[type="time"].input-group-addon,
+  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
+  input[type="time"],
+  input[type="datetime-local"].input-lg,
+  .input-group-lg > input[type="datetime-local"].form-control,
+  .input-group-lg > input[type="datetime-local"].input-group-addon,
+  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
+  input[type="datetime-local"],
+  input[type="month"].input-lg,
+  .input-group-lg > input[type="month"].form-control,
+  .input-group-lg > input[type="month"].input-group-addon,
+  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
+  input[type="month"] {
+    line-height: 46px; } }
+.form-group {
+  margin-bottom: 15px; }
+
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 10px; }
+  .radio label,
+  .checkbox label {
+    min-height: 20px;
+    padding-left: 20px;
+    margin-bottom: 0;
+    font-weight: normal;
+    cursor: pointer; }
+
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  position: absolute;
+  margin-left: -20px;
+  margin-top: 4px \9; }
+
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px; }
+
+.radio-inline,
+.checkbox-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer; }
+
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px; }
+
+input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],
+input[type="checkbox"][disabled],
+input[type="checkbox"].disabled, fieldset[disabled]
+input[type="checkbox"] {
+  cursor: not-allowed; }
+
+.radio-inline.disabled, fieldset[disabled] .radio-inline,
+.checkbox-inline.disabled, fieldset[disabled]
+.checkbox-inline {
+  cursor: not-allowed; }
+
+.radio.disabled label, fieldset[disabled] .radio label,
+.checkbox.disabled label, fieldset[disabled]
+.checkbox label {
+  cursor: not-allowed; }
+
+.form-control-static {
+  padding-top: 7px;
+  padding-bottom: 7px;
+  margin-bottom: 0;
+  min-height: 34px; }
+  .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
+  .input-group-lg > .form-control-static.input-group-addon,
+  .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
+  .input-group-sm > .form-control-static.input-group-addon,
+  .input-group-sm > .input-group-btn > .form-control-static.btn {
+    padding-left: 0;
+    padding-right: 0; }
+
+.input-sm, .input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+select.input-sm, .input-group-sm > select.form-control,
+.input-group-sm > select.input-group-addon,
+.input-group-sm > .input-group-btn > select.btn {
+  height: 30px;
+  line-height: 30px; }
+
+textarea.input-sm, .input-group-sm > textarea.form-control,
+.input-group-sm > textarea.input-group-addon,
+.input-group-sm > .input-group-btn > textarea.btn,
+select[multiple].input-sm,
+.input-group-sm > select[multiple].form-control,
+.input-group-sm > select[multiple].input-group-addon,
+.input-group-sm > .input-group-btn > select[multiple].btn {
+  height: auto; }
+
+.form-group-sm .form-control {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+.form-group-sm select.form-control {
+  height: 30px;
+  line-height: 30px; }
+.form-group-sm textarea.form-control,
+.form-group-sm select[multiple].form-control {
+  height: auto; }
+.form-group-sm .form-control-static {
+  height: 30px;
+  min-height: 32px;
+  padding: 6px 10px;
+  font-size: 12px;
+  line-height: 1.5; }
+
+.input-lg, .input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+
+select.input-lg, .input-group-lg > select.form-control,
+.input-group-lg > select.input-group-addon,
+.input-group-lg > .input-group-btn > select.btn {
+  height: 46px;
+  line-height: 46px; }
+
+textarea.input-lg, .input-group-lg > textarea.form-control,
+.input-group-lg > textarea.input-group-addon,
+.input-group-lg > .input-group-btn > textarea.btn,
+select[multiple].input-lg,
+.input-group-lg > select[multiple].form-control,
+.input-group-lg > select[multiple].input-group-addon,
+.input-group-lg > .input-group-btn > select[multiple].btn {
+  height: auto; }
+
+.form-group-lg .form-control {
+  height: 46px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+.form-group-lg select.form-control {
+  height: 46px;
+  line-height: 46px; }
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+  height: auto; }
+.form-group-lg .form-control-static {
+  height: 46px;
+  min-height: 38px;
+  padding: 11px 16px;
+  font-size: 18px;
+  line-height: 1.3333333; }
+
+.has-feedback {
+  position: relative; }
+  .has-feedback .form-control {
+    padding-right: 42.5px; }
+
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+  pointer-events: none; }
+
+.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,
+.input-group-lg > .input-group-addon + .form-control-feedback,
+.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+  width: 46px;
+  height: 46px;
+  line-height: 46px; }
+
+.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
+.input-group-sm > .input-group-addon + .form-control-feedback,
+.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+  width: 30px;
+  height: 30px;
+  line-height: 30px; }
+
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
+  color: #3c763d; }
+.has-success .form-control {
+  border-color: #3c763d;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+  .has-success .form-control:focus {
+    border-color: #2b542c;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
+.has-success .input-group-addon {
+  color: #3c763d;
+  border-color: #3c763d;
+  background-color: #dff0d8; }
+.has-success .form-control-feedback {
+  color: #3c763d; }
+
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
+  color: #8a6d3b; }
+.has-warning .form-control {
+  border-color: #8a6d3b;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+  .has-warning .form-control:focus {
+    border-color: #66512c;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
+.has-warning .input-group-addon {
+  color: #8a6d3b;
+  border-color: #8a6d3b;
+  background-color: #fcf8e3; }
+.has-warning .form-control-feedback {
+  color: #8a6d3b; }
+
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
+  color: #a94442; }
+.has-error .form-control {
+  border-color: #a94442;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
+  .has-error .form-control:focus {
+    border-color: #843534;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
+.has-error .input-group-addon {
+  color: #a94442;
+  border-color: #a94442;
+  background-color: #f2dede; }
+.has-error .form-control-feedback {
+  color: #a94442; }
+
+.has-feedback label ~ .form-control-feedback {
+  top: 25px; }
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0; }
+
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373; }
+
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle; }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle; }
+  .form-inline .form-control-static {
+    display: inline-block; }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle; }
+    .form-inline .input-group .input-group-addon,
+    .form-inline .input-group .input-group-btn,
+    .form-inline .input-group .form-control {
+      width: auto; }
+  .form-inline .input-group > .form-control {
+    width: 100%; }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle; }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle; }
+    .form-inline .radio label,
+    .form-inline .checkbox label {
+      padding-left: 0; }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    position: relative;
+    margin-left: 0; }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0; } }
+
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 7px; }
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px; }
+.form-horizontal .form-group {
+  margin-left: -15px;
+  margin-right: -15px; }
+  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
+    content: " ";
+    display: table; }
+  .form-horizontal .form-group:after {
+    clear: both; }
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    text-align: right;
+    margin-bottom: 0;
+    padding-top: 7px; } }
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 15px; }
+@media (min-width: 768px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 14.333333px;
+    font-size: 18px; } }
+@media (min-width: 768px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 6px;
+    font-size: 12px; } }
+
+.btn {
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  touch-action: manipulation;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none; }
+  .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
+    outline: thin dotted;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px; }
+  .btn:hover, .btn:focus, .btn.focus {
+    color: #333;
+    text-decoration: none; }
+  .btn:active, .btn.active {
+    outline: 0;
+    background-image: none;
+    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
+  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
+    cursor: not-allowed;
+    opacity: 0.65;
+    filter: alpha(opacity=65);
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+
+a.btn.disabled, fieldset[disabled] a.btn {
+  pointer-events: none; }
+
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc; }
+  .btn-default:focus, .btn-default.focus {
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #8c8c8c; }
+  .btn-default:hover {
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #adadad; }
+  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
+    color: #333;
+    background-color: #e6e6e6;
+    border-color: #adadad; }
+    .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
+      color: #333;
+      background-color: #d4d4d4;
+      border-color: #8c8c8c; }
+  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
+    background-image: none; }
+  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
+    background-color: #fff;
+    border-color: #ccc; }
+  .btn-default .badge {
+    color: #fff;
+    background-color: #333; }
+
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4; }
+  .btn-primary:focus, .btn-primary.focus {
+    color: #fff;
+    background-color: #286090;
+    border-color: #122b40; }
+  .btn-primary:hover {
+    color: #fff;
+    background-color: #286090;
+    border-color: #204d74; }
+  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #286090;
+    border-color: #204d74; }
+    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
+      color: #fff;
+      background-color: #204d74;
+      border-color: #122b40; }
+  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
+    background-image: none; }
+  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
+    background-color: #337ab7;
+    border-color: #2e6da4; }
+  .btn-primary .badge {
+    color: #337ab7;
+    background-color: #fff; }
+
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c; }
+  .btn-success:focus, .btn-success.focus {
+    color: #fff;
+    background-color: #449d44;
+    border-color: #255625; }
+  .btn-success:hover {
+    color: #fff;
+    background-color: #449d44;
+    border-color: #398439; }
+  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
+    color: #fff;
+    background-color: #449d44;
+    border-color: #398439; }
+    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
+      color: #fff;
+      background-color: #398439;
+      border-color: #255625; }
+  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
+    background-image: none; }
+  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
+    background-color: #5cb85c;
+    border-color: #4cae4c; }
+  .btn-success .badge {
+    color: #5cb85c;
+    background-color: #fff; }
+
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da; }
+  .btn-info:focus, .btn-info.focus {
+    color: #fff;
+    background-color: #31b0d5;
+    border-color: #1b6d85; }
+  .btn-info:hover {
+    color: #fff;
+    background-color: #31b0d5;
+    border-color: #269abc; }
+  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
+    color: #fff;
+    background-color: #31b0d5;
+    border-color: #269abc; }
+    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
+      color: #fff;
+      background-color: #269abc;
+      border-color: #1b6d85; }
+  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
+    background-image: none; }
+  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
+    background-color: #5bc0de;
+    border-color: #46b8da; }
+  .btn-info .badge {
+    color: #5bc0de;
+    background-color: #fff; }
+
+.btn-warning {
+  color: #fff;
+  background-color: #f0ad4e;
+  border-color: #eea236; }
+  .btn-warning:focus, .btn-warning.focus {
+    color: #fff;
+    background-color: #ec971f;
+    border-color: #985f0d; }
+  .btn-warning:hover {
+    color: #fff;
+    background-color: #ec971f;
+    border-color: #d58512; }
+  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
+    color: #fff;
+    background-color: #ec971f;
+    border-color: #d58512; }
+    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
+      color: #fff;
+      background-color: #d58512;
+      border-color: #985f0d; }
+  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
+    background-image: none; }
+  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
+    background-color: #f0ad4e;
+    border-color: #eea236; }
+  .btn-warning .badge {
+    color: #f0ad4e;
+    background-color: #fff; }
+
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d43f3a; }
+  .btn-danger:focus, .btn-danger.focus {
+    color: #fff;
+    background-color: #c9302c;
+    border-color: #761c19; }
+  .btn-danger:hover {
+    color: #fff;
+    background-color: #c9302c;
+    border-color: #ac2925; }
+  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #c9302c;
+    border-color: #ac2925; }
+    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
+      color: #fff;
+      background-color: #ac2925;
+      border-color: #761c19; }
+  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
+    background-image: none; }
+  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
+    background-color: #d9534f;
+    border-color: #d43f3a; }
+  .btn-danger .badge {
+    color: #d9534f;
+    background-color: #fff; }
+
+.btn-link {
+  color: #337ab7;
+  font-weight: normal;
+  border-radius: 0; }
+  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
+    background-color: transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
+    border-color: transparent; }
+  .btn-link:hover, .btn-link:focus {
+    color: #23527c;
+    text-decoration: underline;
+    background-color: transparent; }
+  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
+    color: #777777;
+    text-decoration: none; }
+
+.btn-lg, .btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px; }
+
+.btn-sm, .btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+.btn-xs, .btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px; }
+
+.btn-block {
+  display: block;
+  width: 100%; }
+
+.btn-block + .btn-block {
+  margin-top: 5px; }
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%; }
+
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  -o-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear; }
+  .fade.in {
+    opacity: 1; }
+
+.collapse {
+  display: none; }
+  .collapse.in {
+    display: block; }
+
+tr.collapse.in {
+  display: table-row; }
+
+tbody.collapse.in {
+  display: table-row-group; }
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition-property: height, visibility;
+  transition-property: height, visibility;
+  -webkit-transition-duration: 0.35s;
+  transition-duration: 0.35s;
+  -webkit-transition-timing-function: ease;
+  transition-timing-function: ease; }
+
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px dashed;
+  border-top: 4px solid \9;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent; }
+
+.dropup,
+.dropdown {
+  position: relative; }
+
+.dropdown-toggle:focus {
+  outline: 0; }
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  font-size: 14px;
+  text-align: left;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background-clip: padding-box; }
+  .dropdown-menu.pull-right {
+    right: 0;
+    left: auto; }
+  .dropdown-menu .divider {
+    height: 1px;
+    margin: 9px 0;
+    overflow: hidden;
+    background-color: #e5e5e5; }
+  .dropdown-menu > li > a {
+    display: block;
+    padding: 3px 20px;
+    clear: both;
+    font-weight: normal;
+    line-height: 1.42857143;
+    color: #333333;
+    white-space: nowrap; }
+
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
+  text-decoration: none;
+  color: #262626;
+  background-color: #f5f5f5; }
+
+.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #337ab7; }
+
+.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
+  color: #777777; }
+.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  cursor: not-allowed; }
+
+.open > .dropdown-menu {
+  display: block; }
+.open > a {
+  outline: 0; }
+
+.dropdown-menu-right {
+  left: auto;
+  right: 0; }
+
+.dropdown-menu-left {
+  left: 0;
+  right: auto; }
+
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.42857143;
+  color: #777777;
+  white-space: nowrap; }
+
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990; }
+
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto; }
+
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-top: 0;
+  border-bottom: 4px dashed;
+  border-bottom: 4px solid \9;
+  content: ""; }
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 2px; }
+
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    right: 0;
+    left: auto; }
+  .navbar-right .dropdown-menu-left {
+    left: 0;
+    right: auto; } }
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle; }
+  .btn-group > .btn,
+  .btn-group-vertical > .btn {
+    position: relative;
+    float: left; }
+    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
+    .btn-group-vertical > .btn:hover,
+    .btn-group-vertical > .btn:focus,
+    .btn-group-vertical > .btn:active,
+    .btn-group-vertical > .btn.active {
+      z-index: 2; }
+
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px; }
+
+.btn-toolbar {
+  margin-left: -5px; }
+  .btn-toolbar:before, .btn-toolbar:after {
+    content: " ";
+    display: table; }
+  .btn-toolbar:after {
+    clear: both; }
+  .btn-toolbar .btn,
+  .btn-toolbar .btn-group,
+  .btn-toolbar .input-group {
+    float: left; }
+  .btn-toolbar > .btn,
+  .btn-toolbar > .btn-group,
+  .btn-toolbar > .input-group {
+    margin-left: 5px; }
+
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0; }
+
+.btn-group > .btn:first-child {
+  margin-left: 0; }
+  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0; }
+
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0; }
+
+.btn-group > .btn-group {
+  float: left; }
+
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0; }
+
+.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0; }
+
+.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0; }
+
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0; }
+
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px; }
+
+.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px; }
+
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
+  .btn-group.open .dropdown-toggle.btn-link {
+    -webkit-box-shadow: none;
+    box-shadow: none; }
+
+.btn .caret {
+  margin-left: 0; }
+
+.btn-lg .caret, .btn-group-lg > .btn .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0; }
+
+.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
+  border-width: 0 5px 5px; }
+
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%; }
+.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
+  content: " ";
+  display: table; }
+.btn-group-vertical > .btn-group:after {
+  clear: both; }
+.btn-group-vertical > .btn-group > .btn {
+  float: none; }
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0; }
+
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0; }
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-bottom-left-radius: 4px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0; }
+
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0; }
+
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0; }
+
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate; }
+  .btn-group-justified > .btn,
+  .btn-group-justified > .btn-group {
+    float: none;
+    display: table-cell;
+    width: 1%; }
+  .btn-group-justified > .btn-group .btn {
+    width: 100%; }
+  .btn-group-justified > .btn-group .dropdown-menu {
+    left: auto; }
+
+[data-toggle="buttons"] > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn input[type="checkbox"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
+[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+  pointer-events: none; }
+
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate; }
+  .input-group[class*="col-"] {
+    float: none;
+    padding-left: 0;
+    padding-right: 0; }
+  .input-group .form-control {
+    position: relative;
+    z-index: 2;
+    float: left;
+    width: 100%;
+    margin-bottom: 0; }
+
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell; }
+  .input-group-addon:not(:first-child):not(:last-child),
+  .input-group-btn:not(:first-child):not(:last-child),
+  .input-group .form-control:not(:first-child):not(:last-child) {
+    border-radius: 0; }
+
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; }
+
+.input-group-addon {
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1;
+  color: #555555;
+  text-align: center;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+  border-radius: 4px; }
+  .input-group-addon.input-sm,
+  .input-group-sm > .input-group-addon,
+  .input-group-sm > .input-group-btn > .input-group-addon.btn {
+    padding: 5px 10px;
+    font-size: 12px;
+    border-radius: 3px; }
+  .input-group-addon.input-lg,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn > .input-group-addon.btn {
+    padding: 10px 16px;
+    font-size: 18px;
+    border-radius: 6px; }
+  .input-group-addon input[type="radio"],
+  .input-group-addon input[type="checkbox"] {
+    margin-top: 0; }
+
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0; }
+
+.input-group-addon:first-child {
+  border-right: 0; }
+
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0; }
+
+.input-group-addon:last-child {
+  border-left: 0; }
+
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap; }
+  .input-group-btn > .btn {
+    position: relative; }
+    .input-group-btn > .btn + .btn {
+      margin-left: -1px; }
+    .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
+      z-index: 2; }
+  .input-group-btn:first-child > .btn,
+  .input-group-btn:first-child > .btn-group {
+    margin-right: -1px; }
+  .input-group-btn:last-child > .btn,
+  .input-group-btn:last-child > .btn-group {
+    z-index: 2;
+    margin-left: -1px; }
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none; }
+  .nav:before, .nav:after {
+    content: " ";
+    display: table; }
+  .nav:after {
+    clear: both; }
+  .nav > li {
+    position: relative;
+    display: block; }
+    .nav > li > a {
+      position: relative;
+      display: block;
+      padding: 10px 15px; }
+      .nav > li > a:hover, .nav > li > a:focus {
+        text-decoration: none;
+        background-color: #eeeeee; }
+    .nav > li.disabled > a {
+      color: #777777; }
+      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
+        color: #777777;
+        text-decoration: none;
+        background-color: transparent;
+        cursor: not-allowed; }
+  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
+    background-color: #eeeeee;
+    border-color: #337ab7; }
+  .nav .nav-divider {
+    height: 1px;
+    margin: 9px 0;
+    overflow: hidden;
+    background-color: #e5e5e5; }
+  .nav > li > a > img {
+    max-width: none; }
+
+.nav-tabs {
+  border-bottom: 1px solid #ddd; }
+  .nav-tabs > li {
+    float: left;
+    margin-bottom: -1px; }
+    .nav-tabs > li > a {
+      margin-right: 2px;
+      line-height: 1.42857143;
+      border: 1px solid transparent;
+      border-radius: 4px 4px 0 0; }
+      .nav-tabs > li > a:hover {
+        border-color: #eeeeee #eeeeee #ddd; }
+    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+      color: #555555;
+      background-color: #fff;
+      border: 1px solid #ddd;
+      border-bottom-color: transparent;
+      cursor: default; }
+
+.nav-pills > li {
+  float: left; }
+  .nav-pills > li > a {
+    border-radius: 4px; }
+  .nav-pills > li + li {
+    margin-left: 2px; }
+  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
+    color: #fff;
+    background-color: #337ab7; }
+
+.nav-stacked > li {
+  float: none; }
+  .nav-stacked > li + li {
+    margin-top: 2px;
+    margin-left: 0; }
+
+.nav-justified, .nav-tabs.nav-justified {
+  width: 100%; }
+  .nav-justified > li, .nav-tabs.nav-justified > li {
+    float: none; }
+    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
+      text-align: center;
+      margin-bottom: 5px; }
+  .nav-justified > .dropdown .dropdown-menu {
+    top: auto;
+    left: auto; }
+  @media (min-width: 768px) {
+    .nav-justified > li, .nav-tabs.nav-justified > li {
+      display: table-cell;
+      width: 1%; }
+      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
+        margin-bottom: 0; } }
+
+.nav-tabs-justified, .nav-tabs.nav-justified {
+  border-bottom: 0; }
+  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
+    margin-right: 0;
+    border-radius: 4px; }
+  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
+  .nav-tabs-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs-justified > .active > a:focus,
+  .nav-tabs.nav-justified > .active > a:focus {
+    border: 1px solid #ddd; }
+  @media (min-width: 768px) {
+    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
+      border-bottom: 1px solid #ddd;
+      border-radius: 4px 4px 0 0; }
+    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
+    .nav-tabs-justified > .active > a:hover,
+    .nav-tabs.nav-justified > .active > a:hover,
+    .nav-tabs-justified > .active > a:focus,
+    .nav-tabs.nav-justified > .active > a:focus {
+      border-bottom-color: #fff; } }
+
+.tab-content > .tab-pane {
+  display: none; }
+.tab-content > .active {
+  display: block; }
+
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0; }
+
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent; }
+  .navbar:before, .navbar:after {
+    content: " ";
+    display: table; }
+  .navbar:after {
+    clear: both; }
+  @media (min-width: 768px) {
+    .navbar {
+      border-radius: 4px; } }
+
+.navbar-header:before, .navbar-header:after {
+  content: " ";
+  display: table; }
+.navbar-header:after {
+  clear: both; }
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left; } }
+
+.navbar-collapse {
+  overflow-x: visible;
+  padding-right: 15px;
+  padding-left: 15px;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  -webkit-overflow-scrolling: touch; }
+  .navbar-collapse:before, .navbar-collapse:after {
+    content: " ";
+    display: table; }
+  .navbar-collapse:after {
+    clear: both; }
+  .navbar-collapse.in {
+    overflow-y: auto; }
+  @media (min-width: 768px) {
+    .navbar-collapse {
+      width: auto;
+      border-top: 0;
+      box-shadow: none; }
+      .navbar-collapse.collapse {
+        display: block !important;
+        height: auto !important;
+        padding-bottom: 0;
+        overflow: visible !important; }
+      .navbar-collapse.in {
+        overflow-y: visible; }
+      .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
+        padding-left: 0;
+        padding-right: 0; } }
+
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  max-height: 340px; }
+  @media (max-device-width: 480px) and (orientation: landscape) {
+    .navbar-fixed-top .navbar-collapse,
+    .navbar-fixed-bottom .navbar-collapse {
+      max-height: 200px; } }
+
+.container > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-header,
+.container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px; }
+  @media (min-width: 768px) {
+    .container > .navbar-header,
+    .container > .navbar-collapse,
+    .container-fluid > .navbar-header,
+    .container-fluid > .navbar-collapse {
+      margin-right: 0;
+      margin-left: 0; } }
+
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px; }
+  @media (min-width: 768px) {
+    .navbar-static-top {
+      border-radius: 0; } }
+
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030; }
+  @media (min-width: 768px) {
+    .navbar-fixed-top,
+    .navbar-fixed-bottom {
+      border-radius: 0; } }
+
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px; }
+
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0; }
+
+.navbar-brand {
+  float: left;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px;
+  height: 50px; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
+  .navbar-brand > img {
+    display: block; }
+  @media (min-width: 768px) {
+    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
+      margin-left: -15px; } }
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  margin-right: 15px;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .navbar-toggle:focus {
+    outline: 0; }
+  .navbar-toggle .icon-bar {
+    display: block;
+    width: 22px;
+    height: 2px;
+    border-radius: 1px; }
+  .navbar-toggle .icon-bar + .icon-bar {
+    margin-top: 4px; }
+  @media (min-width: 768px) {
+    .navbar-toggle {
+      display: none; } }
+
+.navbar-nav {
+  margin: 7.5px -15px; }
+  .navbar-nav > li > a {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    line-height: 20px; }
+  @media (max-width: 767px) {
+    .navbar-nav .open .dropdown-menu {
+      position: static;
+      float: none;
+      width: auto;
+      margin-top: 0;
+      background-color: transparent;
+      border: 0;
+      box-shadow: none; }
+      .navbar-nav .open .dropdown-menu > li > a,
+      .navbar-nav .open .dropdown-menu .dropdown-header {
+        padding: 5px 15px 5px 25px; }
+      .navbar-nav .open .dropdown-menu > li > a {
+        line-height: 20px; }
+        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
+          background-image: none; } }
+  @media (min-width: 768px) {
+    .navbar-nav {
+      float: left;
+      margin: 0; }
+      .navbar-nav > li {
+        float: left; }
+        .navbar-nav > li > a {
+          padding-top: 15px;
+          padding-bottom: 15px; } }
+
+.navbar-form {
+  margin-left: -15px;
+  margin-right: -15px;
+  padding: 10px 15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  margin-top: 8px;
+  margin-bottom: 8px; }
+  @media (min-width: 768px) {
+    .navbar-form .form-group {
+      display: inline-block;
+      margin-bottom: 0;
+      vertical-align: middle; }
+    .navbar-form .form-control {
+      display: inline-block;
+      width: auto;
+      vertical-align: middle; }
+    .navbar-form .form-control-static {
+      display: inline-block; }
+    .navbar-form .input-group {
+      display: inline-table;
+      vertical-align: middle; }
+      .navbar-form .input-group .input-group-addon,
+      .navbar-form .input-group .input-group-btn,
+      .navbar-form .input-group .form-control {
+        width: auto; }
+    .navbar-form .input-group > .form-control {
+      width: 100%; }
+    .navbar-form .control-label {
+      margin-bottom: 0;
+      vertical-align: middle; }
+    .navbar-form .radio,
+    .navbar-form .checkbox {
+      display: inline-block;
+      margin-top: 0;
+      margin-bottom: 0;
+      vertical-align: middle; }
+      .navbar-form .radio label,
+      .navbar-form .checkbox label {
+        padding-left: 0; }
+    .navbar-form .radio input[type="radio"],
+    .navbar-form .checkbox input[type="checkbox"] {
+      position: relative;
+      margin-left: 0; }
+    .navbar-form .has-feedback .form-control-feedback {
+      top: 0; } }
+  @media (max-width: 767px) {
+    .navbar-form .form-group {
+      margin-bottom: 5px; }
+      .navbar-form .form-group:last-child {
+        margin-bottom: 0; } }
+  @media (min-width: 768px) {
+    .navbar-form {
+      width: auto;
+      border: 0;
+      margin-left: 0;
+      margin-right: 0;
+      padding-top: 0;
+      padding-bottom: 0;
+      -webkit-box-shadow: none;
+      box-shadow: none; } }
+
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0; }
+
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  margin-bottom: 0;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px; }
+  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
+    margin-top: 10px;
+    margin-bottom: 10px; }
+  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
+    margin-top: 14px;
+    margin-bottom: 14px; }
+
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px; }
+  @media (min-width: 768px) {
+    .navbar-text {
+      float: left;
+      margin-left: 15px;
+      margin-right: 15px; } }
+
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important; }
+
+  .navbar-right {
+    float: right !important;
+    margin-right: -15px; }
+    .navbar-right ~ .navbar-right {
+      margin-right: 0; } }
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7; }
+  .navbar-default .navbar-brand {
+    color: #777; }
+    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
+      color: #5e5e5e;
+      background-color: transparent; }
+  .navbar-default .navbar-text {
+    color: #777; }
+  .navbar-default .navbar-nav > li > a {
+    color: #777; }
+    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+      color: #333;
+      background-color: transparent; }
+  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
+    color: #555;
+    background-color: #e7e7e7; }
+  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
+    color: #ccc;
+    background-color: transparent; }
+  .navbar-default .navbar-toggle {
+    border-color: #ddd; }
+    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+      background-color: #ddd; }
+    .navbar-default .navbar-toggle .icon-bar {
+      background-color: #888; }
+  .navbar-default .navbar-collapse,
+  .navbar-default .navbar-form {
+    border-color: #e7e7e7; }
+  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
+    background-color: #e7e7e7;
+    color: #555; }
+  @media (max-width: 767px) {
+    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+      color: #777; }
+      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: #333;
+        background-color: transparent; }
+    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+      color: #555;
+      background-color: #e7e7e7; }
+    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+      color: #ccc;
+      background-color: transparent; } }
+  .navbar-default .navbar-link {
+    color: #777; }
+    .navbar-default .navbar-link:hover {
+      color: #333; }
+  .navbar-default .btn-link {
+    color: #777; }
+    .navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
+      color: #333; }
+    .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
+      color: #ccc; }
+
+.navbar-inverse {
+  background-color: #222;
+  border-color: #090909; }
+  .navbar-inverse .navbar-brand {
+    color: #9d9d9d; }
+    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
+      color: #fff;
+      background-color: transparent; }
+  .navbar-inverse .navbar-text {
+    color: #9d9d9d; }
+  .navbar-inverse .navbar-nav > li > a {
+    color: #9d9d9d; }
+    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
+      color: #fff;
+      background-color: transparent; }
+  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
+    color: #fff;
+    background-color: #090909; }
+  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
+    color: #444;
+    background-color: transparent; }
+  .navbar-inverse .navbar-toggle {
+    border-color: #333; }
+    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
+      background-color: #333; }
+    .navbar-inverse .navbar-toggle .icon-bar {
+      background-color: #fff; }
+  .navbar-inverse .navbar-collapse,
+  .navbar-inverse .navbar-form {
+    border-color: #101010; }
+  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+    background-color: #090909;
+    color: #fff; }
+  @media (max-width: 767px) {
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+      border-color: #090909; }
+    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+      background-color: #090909; }
+    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+      color: #9d9d9d; }
+      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+        color: #fff;
+        background-color: transparent; }
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+      color: #fff;
+      background-color: #090909; }
+    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+      color: #444;
+      background-color: transparent; } }
+  .navbar-inverse .navbar-link {
+    color: #9d9d9d; }
+    .navbar-inverse .navbar-link:hover {
+      color: #fff; }
+  .navbar-inverse .btn-link {
+    color: #9d9d9d; }
+    .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
+      color: #fff; }
+    .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
+      color: #444; }
+
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 4px; }
+  .breadcrumb > li {
+    display: inline-block; }
+    .breadcrumb > li + li:before {
+      content: "/ ";
+      padding: 0 5px;
+      color: #ccc; }
+  .breadcrumb > .active {
+    color: #777777; }
+
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 20px 0;
+  border-radius: 4px; }
+  .pagination > li {
+    display: inline; }
+    .pagination > li > a,
+    .pagination > li > span {
+      position: relative;
+      float: left;
+      padding: 6px 12px;
+      line-height: 1.42857143;
+      text-decoration: none;
+      color: #337ab7;
+      background-color: #fff;
+      border: 1px solid #ddd;
+      margin-left: -1px; }
+    .pagination > li:first-child > a,
+    .pagination > li:first-child > span {
+      margin-left: 0;
+      border-bottom-left-radius: 4px;
+      border-top-left-radius: 4px; }
+    .pagination > li:last-child > a,
+    .pagination > li:last-child > span {
+      border-bottom-right-radius: 4px;
+      border-top-right-radius: 4px; }
+  .pagination > li > a:hover, .pagination > li > a:focus,
+  .pagination > li > span:hover,
+  .pagination > li > span:focus {
+    z-index: 3;
+    color: #23527c;
+    background-color: #eeeeee;
+    border-color: #ddd; }
+  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
+  .pagination > .active > span,
+  .pagination > .active > span:hover,
+  .pagination > .active > span:focus {
+    z-index: 2;
+    color: #fff;
+    background-color: #337ab7;
+    border-color: #337ab7;
+    cursor: default; }
+  .pagination > .disabled > span,
+  .pagination > .disabled > span:hover,
+  .pagination > .disabled > span:focus,
+  .pagination > .disabled > a,
+  .pagination > .disabled > a:hover,
+  .pagination > .disabled > a:focus {
+    color: #777777;
+    background-color: #fff;
+    border-color: #ddd;
+    cursor: not-allowed; }
+
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333; }
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-bottom-left-radius: 6px;
+  border-top-left-radius: 6px; }
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-bottom-right-radius: 6px;
+  border-top-right-radius: 6px; }
+
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5; }
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px; }
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px; }
+
+.pager {
+  padding-left: 0;
+  margin: 20px 0;
+  list-style: none;
+  text-align: center; }
+  .pager:before, .pager:after {
+    content: " ";
+    display: table; }
+  .pager:after {
+    clear: both; }
+  .pager li {
+    display: inline; }
+    .pager li > a,
+    .pager li > span {
+      display: inline-block;
+      padding: 5px 14px;
+      background-color: #fff;
+      border: 1px solid #ddd;
+      border-radius: 15px; }
+    .pager li > a:hover,
+    .pager li > a:focus {
+      text-decoration: none;
+      background-color: #eeeeee; }
+  .pager .next > a,
+  .pager .next > span {
+    float: right; }
+  .pager .previous > a,
+  .pager .previous > span {
+    float: left; }
+  .pager .disabled > a,
+  .pager .disabled > a:hover,
+  .pager .disabled > a:focus,
+  .pager .disabled > span {
+    color: #777777;
+    background-color: #fff;
+    cursor: not-allowed; }
+
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em; }
+  .label:empty {
+    display: none; }
+  .btn .label {
+    position: relative;
+    top: -1px; }
+
+a.label:hover, a.label:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer; }
+
+.label-default {
+  background-color: #777777; }
+  .label-default[href]:hover, .label-default[href]:focus {
+    background-color: #5e5e5e; }
+
+.label-primary {
+  background-color: #337ab7; }
+  .label-primary[href]:hover, .label-primary[href]:focus {
+    background-color: #286090; }
+
+.label-success {
+  background-color: #5cb85c; }
+  .label-success[href]:hover, .label-success[href]:focus {
+    background-color: #449d44; }
+
+.label-info {
+  background-color: #5bc0de; }
+  .label-info[href]:hover, .label-info[href]:focus {
+    background-color: #31b0d5; }
+
+.label-warning {
+  background-color: #f0ad4e; }
+  .label-warning[href]:hover, .label-warning[href]:focus {
+    background-color: #ec971f; }
+
+.label-danger {
+  background-color: #d9534f; }
+  .label-danger[href]:hover, .label-danger[href]:focus {
+    background-color: #c9302c; }
+
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: bold;
+  color: #fff;
+  line-height: 1;
+  vertical-align: middle;
+  white-space: nowrap;
+  text-align: center;
+  background-color: #777777;
+  border-radius: 10px; }
+  .badge:empty {
+    display: none; }
+  .btn .badge {
+    position: relative;
+    top: -1px; }
+  .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
+    top: 0;
+    padding: 1px 5px; }
+  .list-group-item.active > .badge, .nav-pills > .active > a > .badge {
+    color: #337ab7;
+    background-color: #fff; }
+  .list-group-item > .badge {
+    float: right; }
+  .list-group-item > .badge + .badge {
+    margin-right: 5px; }
+  .nav-pills > li > a > .badge {
+    margin-left: 3px; }
+
+a.badge:hover, a.badge:focus {
+  color: #fff;
+  text-decoration: none;
+  cursor: pointer; }
+
+.jumbotron {
+  padding-top: 30px;
+  padding-bottom: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #eeeeee; }
+  .jumbotron h1,
+  .jumbotron .h1 {
+    color: inherit; }
+  .jumbotron p {
+    margin-bottom: 15px;
+    font-size: 21px;
+    font-weight: 200; }
+  .jumbotron > hr {
+    border-top-color: #d5d5d5; }
+  .container .jumbotron, .container-fluid .jumbotron {
+    border-radius: 6px; }
+  .jumbotron .container {
+    max-width: 100%; }
+  @media screen and (min-width: 768px) {
+    .jumbotron {
+      padding-top: 48px;
+      padding-bottom: 48px; }
+      .container .jumbotron, .container-fluid .jumbotron {
+        padding-left: 60px;
+        padding-right: 60px; }
+      .jumbotron h1,
+      .jumbotron .h1 {
+        font-size: 63px; } }
+
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 20px;
+  line-height: 1.42857143;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  -webkit-transition: border 0.2s ease-in-out;
+  -o-transition: border 0.2s ease-in-out;
+  transition: border 0.2s ease-in-out; }
+  .thumbnail > img,
+  .thumbnail a > img {
+    display: block;
+    max-width: 100%;
+    height: auto;
+    margin-left: auto;
+    margin-right: auto; }
+  .thumbnail .caption {
+    padding: 9px;
+    color: #333333; }
+
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #337ab7; }
+
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .alert h4 {
+    margin-top: 0;
+    color: inherit; }
+  .alert .alert-link {
+    font-weight: bold; }
+  .alert > p,
+  .alert > ul {
+    margin-bottom: 0; }
+  .alert > p + p {
+    margin-top: 5px; }
+
+.alert-dismissable,
+.alert-dismissible {
+  padding-right: 35px; }
+  .alert-dismissable .close,
+  .alert-dismissible .close {
+    position: relative;
+    top: -2px;
+    right: -21px;
+    color: inherit; }
+
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #3c763d; }
+  .alert-success hr {
+    border-top-color: #c9e2b3; }
+  .alert-success .alert-link {
+    color: #2b542c; }
+
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+  color: #31708f; }
+  .alert-info hr {
+    border-top-color: #a6e1ec; }
+  .alert-info .alert-link {
+    color: #245269; }
+
+.alert-warning {
+  background-color: #fcf8e3;
+  border-color: #faebcc;
+  color: #8a6d3b; }
+  .alert-warning hr {
+    border-top-color: #f7e1b5; }
+  .alert-warning .alert-link {
+    color: #66512c; }
+
+.alert-danger {
+  background-color: #f2dede;
+  border-color: #ebccd1;
+  color: #a94442; }
+  .alert-danger hr {
+    border-top-color: #e4b9c0; }
+  .alert-danger .alert-link {
+    color: #843534; }
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0; }
+  to {
+    background-position: 0 0; } }
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0; }
+  to {
+    background-position: 0 0; } }
+.progress {
+  overflow: hidden;
+  height: 20px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
+
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #fff;
+  text-align: center;
+  background-color: #337ab7;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-transition: width 0.6s ease;
+  -o-transition: width 0.6s ease;
+  transition: width 0.6s ease; }
+
+.progress-striped .progress-bar,
+.progress-bar-striped {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 40px 40px; }
+
+.progress.active .progress-bar,
+.progress-bar.active {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite; }
+
+.progress-bar-success {
+  background-color: #5cb85c; }
+  .progress-striped .progress-bar-success {
+    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+
+.progress-bar-info {
+  background-color: #5bc0de; }
+  .progress-striped .progress-bar-info {
+    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+
+.progress-bar-warning {
+  background-color: #f0ad4e; }
+  .progress-striped .progress-bar-warning {
+    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+
+.progress-bar-danger {
+  background-color: #d9534f; }
+  .progress-striped .progress-bar-danger {
+    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
+
+.media {
+  margin-top: 15px; }
+  .media:first-child {
+    margin-top: 0; }
+
+.media,
+.media-body {
+  zoom: 1;
+  overflow: hidden; }
+
+.media-body {
+  width: 10000px; }
+
+.media-object {
+  display: block; }
+  .media-object.img-thumbnail {
+    max-width: none; }
+
+.media-right,
+.media > .pull-right {
+  padding-left: 10px; }
+
+.media-left,
+.media > .pull-left {
+  padding-right: 10px; }
+
+.media-left,
+.media-right,
+.media-body {
+  display: table-cell;
+  vertical-align: top; }
+
+.media-middle {
+  vertical-align: middle; }
+
+.media-bottom {
+  vertical-align: bottom; }
+
+.media-heading {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.media-list {
+  padding-left: 0;
+  list-style: none; }
+
+.list-group {
+  margin-bottom: 20px;
+  padding-left: 0; }
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid #ddd; }
+  .list-group-item:first-child {
+    border-top-right-radius: 4px;
+    border-top-left-radius: 4px; }
+  .list-group-item:last-child {
+    margin-bottom: 0;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px; }
+
+a.list-group-item,
+button.list-group-item {
+  color: #555; }
+  a.list-group-item .list-group-item-heading,
+  button.list-group-item .list-group-item-heading {
+    color: #333; }
+  a.list-group-item:hover, a.list-group-item:focus,
+  button.list-group-item:hover,
+  button.list-group-item:focus {
+    text-decoration: none;
+    color: #555;
+    background-color: #f5f5f5; }
+
+button.list-group-item {
+  width: 100%;
+  text-align: left; }
+
+.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
+  background-color: #eeeeee;
+  color: #777777;
+  cursor: not-allowed; }
+  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
+    color: inherit; }
+  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
+    color: #777777; }
+.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+  z-index: 2;
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #337ab7; }
+  .list-group-item.active .list-group-item-heading,
+  .list-group-item.active .list-group-item-heading > small,
+  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
+  .list-group-item.active:hover .list-group-item-heading > small,
+  .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
+  .list-group-item.active:focus .list-group-item-heading > small,
+  .list-group-item.active:focus .list-group-item-heading > .small {
+    color: inherit; }
+  .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
+    color: #c7ddef; }
+
+.list-group-item-success {
+  color: #3c763d;
+  background-color: #dff0d8; }
+
+a.list-group-item-success,
+button.list-group-item-success {
+  color: #3c763d; }
+  a.list-group-item-success .list-group-item-heading,
+  button.list-group-item-success .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-success:hover, a.list-group-item-success:focus,
+  button.list-group-item-success:hover,
+  button.list-group-item-success:focus {
+    color: #3c763d;
+    background-color: #d0e9c6; }
+  a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
+  button.list-group-item-success.active,
+  button.list-group-item-success.active:hover,
+  button.list-group-item-success.active:focus {
+    color: #fff;
+    background-color: #3c763d;
+    border-color: #3c763d; }
+
+.list-group-item-info {
+  color: #31708f;
+  background-color: #d9edf7; }
+
+a.list-group-item-info,
+button.list-group-item-info {
+  color: #31708f; }
+  a.list-group-item-info .list-group-item-heading,
+  button.list-group-item-info .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-info:hover, a.list-group-item-info:focus,
+  button.list-group-item-info:hover,
+  button.list-group-item-info:focus {
+    color: #31708f;
+    background-color: #c4e3f3; }
+  a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
+  button.list-group-item-info.active,
+  button.list-group-item-info.active:hover,
+  button.list-group-item-info.active:focus {
+    color: #fff;
+    background-color: #31708f;
+    border-color: #31708f; }
+
+.list-group-item-warning {
+  color: #8a6d3b;
+  background-color: #fcf8e3; }
+
+a.list-group-item-warning,
+button.list-group-item-warning {
+  color: #8a6d3b; }
+  a.list-group-item-warning .list-group-item-heading,
+  button.list-group-item-warning .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-warning:hover, a.list-group-item-warning:focus,
+  button.list-group-item-warning:hover,
+  button.list-group-item-warning:focus {
+    color: #8a6d3b;
+    background-color: #faf2cc; }
+  a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
+  button.list-group-item-warning.active,
+  button.list-group-item-warning.active:hover,
+  button.list-group-item-warning.active:focus {
+    color: #fff;
+    background-color: #8a6d3b;
+    border-color: #8a6d3b; }
+
+.list-group-item-danger {
+  color: #a94442;
+  background-color: #f2dede; }
+
+a.list-group-item-danger,
+button.list-group-item-danger {
+  color: #a94442; }
+  a.list-group-item-danger .list-group-item-heading,
+  button.list-group-item-danger .list-group-item-heading {
+    color: inherit; }
+  a.list-group-item-danger:hover, a.list-group-item-danger:focus,
+  button.list-group-item-danger:hover,
+  button.list-group-item-danger:focus {
+    color: #a94442;
+    background-color: #ebcccc; }
+  a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
+  button.list-group-item-danger.active,
+  button.list-group-item-danger.active:hover,
+  button.list-group-item-danger.active:focus {
+    color: #fff;
+    background-color: #a94442;
+    border-color: #a94442; }
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px; }
+
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3; }
+
+.panel {
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
+
+.panel-body {
+  padding: 15px; }
+  .panel-body:before, .panel-body:after {
+    content: " ";
+    display: table; }
+  .panel-body:after {
+    clear: both; }
+
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px; }
+  .panel-heading > .dropdown .dropdown-toggle {
+    color: inherit; }
+
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit; }
+  .panel-title > a,
+  .panel-title > small,
+  .panel-title > .small,
+  .panel-title > small > a,
+  .panel-title > .small > a {
+    color: inherit; }
+
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+
+.panel > .list-group,
+.panel > .panel-collapse > .list-group {
+  margin-bottom: 0; }
+  .panel > .list-group .list-group-item,
+  .panel > .panel-collapse > .list-group .list-group-item {
+    border-width: 1px 0;
+    border-radius: 0; }
+  .panel > .list-group:first-child .list-group-item:first-child,
+  .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
+    border-top: 0;
+    border-top-right-radius: 3px;
+    border-top-left-radius: 3px; }
+  .panel > .list-group:last-child .list-group-item:last-child,
+  .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
+    border-bottom: 0;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px; }
+.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0; }
+
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0; }
+
+.list-group + .panel-footer {
+  border-top-width: 0; }
+
+.panel > .table,
+.panel > .table-responsive > .table,
+.panel > .panel-collapse > .table {
+  margin-bottom: 0; }
+  .panel > .table caption,
+  .panel > .table-responsive > .table caption,
+  .panel > .panel-collapse > .table caption {
+    padding-left: 15px;
+    padding-right: 15px; }
+.panel > .table:first-child,
+.panel > .table-responsive:first-child > .table:first-child {
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px; }
+  .panel > .table:first-child > thead:first-child > tr:first-child,
+  .panel > .table:first-child > tbody:first-child > tr:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
+  .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
+    border-top-left-radius: 3px;
+    border-top-right-radius: 3px; }
+    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+      border-top-left-radius: 3px; }
+    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+    .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+    .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+      border-top-right-radius: 3px; }
+.panel > .table:last-child,
+.panel > .table-responsive:last-child > .table:last-child {
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px; }
+  .panel > .table:last-child > tbody:last-child > tr:last-child,
+  .panel > .table:last-child > tfoot:last-child > tr:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
+  .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px; }
+    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+      border-bottom-left-radius: 3px; }
+    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+    .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+    .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+      border-bottom-right-radius: 3px; }
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive,
+.panel > .table + .panel-body,
+.panel > .table-responsive + .panel-body {
+  border-top: 1px solid #ddd; }
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0; }
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0; }
+  .panel > .table-bordered > thead > tr > th:first-child,
+  .panel > .table-bordered > thead > tr > td:first-child,
+  .panel > .table-bordered > tbody > tr > th:first-child,
+  .panel > .table-bordered > tbody > tr > td:first-child,
+  .panel > .table-bordered > tfoot > tr > th:first-child,
+  .panel > .table-bordered > tfoot > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0; }
+  .panel > .table-bordered > thead > tr > th:last-child,
+  .panel > .table-bordered > thead > tr > td:last-child,
+  .panel > .table-bordered > tbody > tr > th:last-child,
+  .panel > .table-bordered > tbody > tr > td:last-child,
+  .panel > .table-bordered > tfoot > tr > th:last-child,
+  .panel > .table-bordered > tfoot > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0; }
+  .panel > .table-bordered > thead > tr:first-child > td,
+  .panel > .table-bordered > thead > tr:first-child > th,
+  .panel > .table-bordered > tbody > tr:first-child > td,
+  .panel > .table-bordered > tbody > tr:first-child > th,
+  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+    border-bottom: 0; }
+  .panel > .table-bordered > tbody > tr:last-child > td,
+  .panel > .table-bordered > tbody > tr:last-child > th,
+  .panel > .table-bordered > tfoot > tr:last-child > td,
+  .panel > .table-bordered > tfoot > tr:last-child > th,
+  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+    border-bottom: 0; }
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0; }
+
+.panel-group {
+  margin-bottom: 20px; }
+  .panel-group .panel {
+    margin-bottom: 0;
+    border-radius: 4px; }
+    .panel-group .panel + .panel {
+      margin-top: 5px; }
+  .panel-group .panel-heading {
+    border-bottom: 0; }
+    .panel-group .panel-heading + .panel-collapse > .panel-body,
+    .panel-group .panel-heading + .panel-collapse > .list-group {
+      border-top: 1px solid #ddd; }
+  .panel-group .panel-footer {
+    border-top: 0; }
+    .panel-group .panel-footer + .panel-collapse .panel-body {
+      border-bottom: 1px solid #ddd; }
+
+.panel-default {
+  border-color: #ddd; }
+  .panel-default > .panel-heading {
+    color: #333333;
+    background-color: #f5f5f5;
+    border-color: #ddd; }
+    .panel-default > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #ddd; }
+    .panel-default > .panel-heading .badge {
+      color: #f5f5f5;
+      background-color: #333333; }
+  .panel-default > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #ddd; }
+
+.panel-primary {
+  border-color: #337ab7; }
+  .panel-primary > .panel-heading {
+    color: #fff;
+    background-color: #337ab7;
+    border-color: #337ab7; }
+    .panel-primary > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #337ab7; }
+    .panel-primary > .panel-heading .badge {
+      color: #337ab7;
+      background-color: #fff; }
+  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #337ab7; }
+
+.panel-success {
+  border-color: #d6e9c6; }
+  .panel-success > .panel-heading {
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6; }
+    .panel-success > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #d6e9c6; }
+    .panel-success > .panel-heading .badge {
+      color: #dff0d8;
+      background-color: #3c763d; }
+  .panel-success > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #d6e9c6; }
+
+.panel-info {
+  border-color: #bce8f1; }
+  .panel-info > .panel-heading {
+    color: #31708f;
+    background-color: #d9edf7;
+    border-color: #bce8f1; }
+    .panel-info > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #bce8f1; }
+    .panel-info > .panel-heading .badge {
+      color: #d9edf7;
+      background-color: #31708f; }
+  .panel-info > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #bce8f1; }
+
+.panel-warning {
+  border-color: #faebcc; }
+  .panel-warning > .panel-heading {
+    color: #8a6d3b;
+    background-color: #fcf8e3;
+    border-color: #faebcc; }
+    .panel-warning > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #faebcc; }
+    .panel-warning > .panel-heading .badge {
+      color: #fcf8e3;
+      background-color: #8a6d3b; }
+  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #faebcc; }
+
+.panel-danger {
+  border-color: #ebccd1; }
+  .panel-danger > .panel-heading {
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1; }
+    .panel-danger > .panel-heading + .panel-collapse > .panel-body {
+      border-top-color: #ebccd1; }
+    .panel-danger > .panel-heading .badge {
+      color: #f2dede;
+      background-color: #a94442; }
+  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
+    border-bottom-color: #ebccd1; }
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  height: 0;
+  padding: 0;
+  overflow: hidden; }
+  .embed-responsive .embed-responsive-item,
+  .embed-responsive iframe,
+  .embed-responsive embed,
+  .embed-responsive object,
+  .embed-responsive video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    height: 100%;
+    width: 100%;
+    border: 0; }
+
+.embed-responsive-16by9 {
+  padding-bottom: 56.25%; }
+
+.embed-responsive-4by3 {
+  padding-bottom: 75%; }
+
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
+  .well blockquote {
+    border-color: #ddd;
+    border-color: rgba(0, 0, 0, 0.15); }
+
+.well-lg {
+  padding: 24px;
+  border-radius: 6px; }
+
+.well-sm {
+  padding: 9px;
+  border-radius: 3px; }
+
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.2;
+  filter: alpha(opacity=20); }
+  .close:hover, .close:focus {
+    color: #000;
+    text-decoration: none;
+    cursor: pointer;
+    opacity: 0.5;
+    filter: alpha(opacity=50); }
+
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none; }
+
+.modal-open {
+  overflow: hidden; }
+
+.modal {
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  -webkit-overflow-scrolling: touch;
+  outline: 0; }
+  .modal.fade .modal-dialog {
+    -webkit-transform: translate(0, -25%);
+    -ms-transform: translate(0, -25%);
+    -o-transform: translate(0, -25%);
+    transform: translate(0, -25%);
+    -webkit-transition: -webkit-transform 0.3s ease-out;
+    -moz-transition: -moz-transform 0.3s ease-out;
+    -o-transition: -o-transform 0.3s ease-out;
+    transition: transform 0.3s ease-out; }
+  .modal.in .modal-dialog {
+    -webkit-transform: translate(0, 0);
+    -ms-transform: translate(0, 0);
+    -o-transform: translate(0, 0);
+    transform: translate(0, 0); }
+
+.modal-open .modal {
+  overflow-x: hidden;
+  overflow-y: auto; }
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px; }
+
+.modal-content {
+  position: relative;
+  background-color: #fff;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  background-clip: padding-box;
+  outline: 0; }
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000; }
+  .modal-backdrop.fade {
+    opacity: 0;
+    filter: alpha(opacity=0); }
+  .modal-backdrop.in {
+    opacity: 0.5;
+    filter: alpha(opacity=50); }
+
+.modal-header {
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+  min-height: 16.42857143px; }
+
+.modal-header .close {
+  margin-top: -2px; }
+
+.modal-title {
+  margin: 0;
+  line-height: 1.42857143; }
+
+.modal-body {
+  position: relative;
+  padding: 15px; }
+
+.modal-footer {
+  padding: 15px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5; }
+  .modal-footer:before, .modal-footer:after {
+    content: " ";
+    display: table; }
+  .modal-footer:after {
+    clear: both; }
+  .modal-footer .btn + .btn {
+    margin-left: 5px;
+    margin-bottom: 0; }
+  .modal-footer .btn-group .btn + .btn {
+    margin-left: -1px; }
+  .modal-footer .btn-block + .btn-block {
+    margin-left: 0; }
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto; }
+
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
+
+  .modal-sm {
+    width: 300px; } }
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px; } }
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  font-size: 12px;
+  opacity: 0;
+  filter: alpha(opacity=0); }
+  .tooltip.in {
+    opacity: 0.9;
+    filter: alpha(opacity=90); }
+  .tooltip.top {
+    margin-top: -3px;
+    padding: 5px 0; }
+  .tooltip.right {
+    margin-left: 3px;
+    padding: 0 5px; }
+  .tooltip.bottom {
+    margin-top: 3px;
+    padding: 5px 0; }
+  .tooltip.left {
+    margin-left: -3px;
+    padding: 0 5px; }
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #fff;
+  text-align: center;
+  background-color: #000;
+  border-radius: 4px; }
+
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid; }
+
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000; }
+.tooltip.top-left .tooltip-arrow {
+  bottom: 0;
+  right: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000; }
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  margin-bottom: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000; }
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000; }
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000; }
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000; }
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000; }
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  margin-top: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000; }
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-style: normal;
+  font-weight: normal;
+  letter-spacing: normal;
+  line-break: auto;
+  line-height: 1.42857143;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  white-space: normal;
+  word-break: normal;
+  word-spacing: normal;
+  word-wrap: normal;
+  font-size: 14px;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
+  .popover.top {
+    margin-top: -10px; }
+  .popover.right {
+    margin-left: 10px; }
+  .popover.bottom {
+    margin-top: 10px; }
+  .popover.left {
+    margin-left: -10px; }
+
+.popover-title {
+  margin: 0;
+  padding: 8px 14px;
+  font-size: 14px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 5px 5px 0 0; }
+
+.popover-content {
+  padding: 9px 14px; }
+
+.popover > .arrow, .popover > .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid; }
+
+.popover > .arrow {
+  border-width: 11px; }
+
+.popover > .arrow:after {
+  border-width: 10px;
+  content: ""; }
+
+.popover.top > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-bottom-width: 0;
+  border-top-color: #999999;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  bottom: -11px; }
+  .popover.top > .arrow:after {
+    content: " ";
+    bottom: 1px;
+    margin-left: -10px;
+    border-bottom-width: 0;
+    border-top-color: #fff; }
+.popover.right > .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-left-width: 0;
+  border-right-color: #999999;
+  border-right-color: rgba(0, 0, 0, 0.25); }
+  .popover.right > .arrow:after {
+    content: " ";
+    left: 1px;
+    bottom: -10px;
+    border-left-width: 0;
+    border-right-color: #fff; }
+.popover.bottom > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999999;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+  top: -11px; }
+  .popover.bottom > .arrow:after {
+    content: " ";
+    top: 1px;
+    margin-left: -10px;
+    border-top-width: 0;
+    border-bottom-color: #fff; }
+.popover.left > .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999999;
+  border-left-color: rgba(0, 0, 0, 0.25); }
+  .popover.left > .arrow:after {
+    content: " ";
+    right: 1px;
+    border-right-width: 0;
+    border-left-color: #fff;
+    bottom: -10px; }
+
+.carousel {
+  position: relative; }
+
+.carousel-inner {
+  position: relative;
+  overflow: hidden;
+  width: 100%; }
+  .carousel-inner > .item {
+    display: none;
+    position: relative;
+    -webkit-transition: 0.6s ease-in-out left;
+    -o-transition: 0.6s ease-in-out left;
+    transition: 0.6s ease-in-out left; }
+    .carousel-inner > .item > img,
+    .carousel-inner > .item > a > img {
+      display: block;
+      max-width: 100%;
+      height: auto;
+      line-height: 1; }
+    @media all and (transform-3d), (-webkit-transform-3d) {
+      .carousel-inner > .item {
+        -webkit-transition: -webkit-transform 0.6s ease-in-out;
+        -moz-transition: -moz-transform 0.6s ease-in-out;
+        -o-transition: -o-transform 0.6s ease-in-out;
+        transition: transform 0.6s ease-in-out;
+        -webkit-backface-visibility: hidden;
+        -moz-backface-visibility: hidden;
+        backface-visibility: hidden;
+        -webkit-perspective: 1000px;
+        -moz-perspective: 1000px;
+        perspective: 1000px; }
+        .carousel-inner > .item.next, .carousel-inner > .item.active.right {
+          -webkit-transform: translate3d(100%, 0, 0);
+          transform: translate3d(100%, 0, 0);
+          left: 0; }
+        .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
+          -webkit-transform: translate3d(-100%, 0, 0);
+          transform: translate3d(-100%, 0, 0);
+          left: 0; }
+        .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
+          -webkit-transform: translate3d(0, 0, 0);
+          transform: translate3d(0, 0, 0);
+          left: 0; } }
+  .carousel-inner > .active,
+  .carousel-inner > .next,
+  .carousel-inner > .prev {
+    display: block; }
+  .carousel-inner > .active {
+    left: 0; }
+  .carousel-inner > .next,
+  .carousel-inner > .prev {
+    position: absolute;
+    top: 0;
+    width: 100%; }
+  .carousel-inner > .next {
+    left: 100%; }
+  .carousel-inner > .prev {
+    left: -100%; }
+  .carousel-inner > .next.left,
+  .carousel-inner > .prev.right {
+    left: 0; }
+  .carousel-inner > .active.left {
+    left: -100%; }
+  .carousel-inner > .active.right {
+    left: 100%; }
+
+.carousel-control {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 15%;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  font-size: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .carousel-control.left {
+    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
+  .carousel-control.right {
+    left: auto;
+    right: 0;
+    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+    background-repeat: repeat-x;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
+  .carousel-control:hover, .carousel-control:focus {
+    outline: 0;
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.9;
+    filter: alpha(opacity=90); }
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next,
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right {
+    position: absolute;
+    top: 50%;
+    margin-top: -10px;
+    z-index: 5;
+    display: inline-block; }
+  .carousel-control .icon-prev,
+  .carousel-control .glyphicon-chevron-left {
+    left: 50%;
+    margin-left: -10px; }
+  .carousel-control .icon-next,
+  .carousel-control .glyphicon-chevron-right {
+    right: 50%;
+    margin-right: -10px; }
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 20px;
+    height: 20px;
+    line-height: 1;
+    font-family: serif; }
+  .carousel-control .icon-prev:before {
+    content: '\2039'; }
+  .carousel-control .icon-next:before {
+    content: '\203a'; }
+
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  margin-left: -30%;
+  padding-left: 0;
+  list-style: none;
+  text-align: center; }
+  .carousel-indicators li {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    margin: 1px;
+    text-indent: -999px;
+    border: 1px solid #fff;
+    border-radius: 10px;
+    cursor: pointer;
+    background-color: #000 \9;
+    background-color: transparent; }
+  .carousel-indicators .active {
+    margin: 0;
+    width: 12px;
+    height: 12px;
+    background-color: #fff; }
+
+.carousel-caption {
+  position: absolute;
+  left: 15%;
+  right: 15%;
+  bottom: 20px;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
+  .carousel-caption .btn {
+    text-shadow: none; }
+
+@media screen and (min-width: 768px) {
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 30px;
+    height: 30px;
+    margin-top: -15px;
+    font-size: 30px; }
+  .carousel-control .glyphicon-chevron-left,
+  .carousel-control .icon-prev {
+    margin-left: -15px; }
+  .carousel-control .glyphicon-chevron-right,
+  .carousel-control .icon-next {
+    margin-right: -15px; }
+
+  .carousel-caption {
+    left: 20%;
+    right: 20%;
+    padding-bottom: 30px; }
+
+  .carousel-indicators {
+    bottom: 20px; } }
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table; }
+.clearfix:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none !important; }
+
+.affix {
+  position: fixed; }
+
+@-ms-viewport {
+  width: device-width; }
+.visible-xs {
+  display: none !important; }
+
+.visible-sm {
+  display: none !important; }
+
+.visible-md {
+  display: none !important; }
+
+.visible-lg {
+  display: none !important; }
+
+.visible-xs-block,
+.visible-xs-inline,
+.visible-xs-inline-block,
+.visible-sm-block,
+.visible-sm-inline,
+.visible-sm-inline-block,
+.visible-md-block,
+.visible-md-inline,
+.visible-md-inline-block,
+.visible-lg-block,
+.visible-lg-inline,
+.visible-lg-inline-block {
+  display: none !important; }
+
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important; }
+
+  table.visible-xs {
+    display: table !important; }
+
+  tr.visible-xs {
+    display: table-row !important; }
+
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important; } }
+@media (max-width: 767px) {
+  .visible-xs-block {
+    display: block !important; } }
+
+@media (max-width: 767px) {
+  .visible-xs-inline {
+    display: inline !important; } }
+
+@media (max-width: 767px) {
+  .visible-xs-inline-block {
+    display: inline-block !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important; }
+
+  table.visible-sm {
+    display: table !important; }
+
+  tr.visible-sm {
+    display: table-row !important; }
+
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important; } }
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-block {
+    display: block !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline {
+    display: inline !important; } }
+
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm-inline-block {
+    display: inline-block !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important; }
+
+  table.visible-md {
+    display: table !important; }
+
+  tr.visible-md {
+    display: table-row !important; }
+
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important; } }
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-block {
+    display: block !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline {
+    display: inline !important; } }
+
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md-inline-block {
+    display: inline-block !important; } }
+
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important; }
+
+  table.visible-lg {
+    display: table !important; }
+
+  tr.visible-lg {
+    display: table-row !important; }
+
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important; } }
+@media (min-width: 1200px) {
+  .visible-lg-block {
+    display: block !important; } }
+
+@media (min-width: 1200px) {
+  .visible-lg-inline {
+    display: inline !important; } }
+
+@media (min-width: 1200px) {
+  .visible-lg-inline-block {
+    display: inline-block !important; } }
+
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important; } }
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important; } }
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important; } }
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important; } }
+.visible-print {
+  display: none !important; }
+
+@media print {
+  .visible-print {
+    display: block !important; }
+
+  table.visible-print {
+    display: table !important; }
+
+  tr.visible-print {
+    display: table-row !important; }
+
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important; } }
+.visible-print-block {
+  display: none !important; }
+  @media print {
+    .visible-print-block {
+      display: block !important; } }
+
+.visible-print-inline {
+  display: none !important; }
+  @media print {
+    .visible-print-inline {
+      display: inline !important; } }
+
+.visible-print-inline-block {
+  display: none !important; }
+  @media print {
+    .visible-print-inline-block {
+      display: inline-block !important; } }
+
+@media print {
+  .hidden-print {
+    display: none !important; } }
+/*@if length($mq-show-breakpoints) > 0 {
+    @include mq-show-breakpoints;
+}*/
+body {
+  font-size: 18px;
+  font-family: Georgia, 'Times New Roman', serif;
+  background: #EEECE6;
+  color: #444; }
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Raleway', sans-serif;
+  font-weight: normal; }
+
+.header {
+  font-family: 'Raleway', sans-serif;
+  padding-top: 30px; }
+  @media (max-width: 47.99em) {
+    .header {
+      padding-top: 10px; } }
+  .header hr {
+    margin-top: 30px; }
+  .header .logo {
+    height: 45px; }
+  .header h2 {
+    font-size: 20px;
+    margin: 10px 0 0; }
+  .header ul {
+    float: right; }
+    @media (max-width: 47.99em) {
+      .header ul {
+        float: none;
+        text-align: center;
+        border-bottom: 1px solid #ccc;
+        padding-bottom: 10px;
+        margin-bottom: 30px; } }
+    .header ul li {
+      float: left; }
+      @media (max-width: 47.99em) {
+        .header ul li {
+          float: none;
+          display: inline-block; } }
+      .header ul li .login-link {
+        display: inline-block;
+        padding: 10px 16px;
+        font-size: 18px;
+        line-height: 1.33333; }
+      .header ul li span {
+        display: inline-block;
+        padding: 10px 16px;
+        font-size: 18px;
+        line-height: 1.33333;
+        padding-left: 0; }
+      .header ul li .registration-btn {
+        background: transparent;
+        color: #b53305;
+        border-color: #b53305; }
+        .header ul li .registration-btn:hover {
+          background: #b53305;
+          color: white; }
+
+.text-container {
+  max-width: 800px; }
+
+h3.start-using {
+  font-weight: normal;
+  margin: 0px 0 20px; }
+
+.part h1 {
+  text-align: center;
+  margin-bottom: 10px;
+  margin-top: 5px;
+  font-size: 44px;
+  font-weight: bold;
+  color: #333; }
+  .part h1 a {
+    color: #b53305;
+    text-decoration: underline; }
+    .part h1 a:hover {
+      text-decoration: none; }
+.part p {
+  line-height: 1.5em; }
+.part .emphasized {
+  padding: 30px 0;
+  font-size: 24px; }
+.part .what-if-block {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  padding: 10px 0;
+  margin: 30px 0;
+  background: #fafafa; }
+  @media (max-width: 47.99em) {
+    .part .what-if-block br {
+      display: none; } }
+  .part .what-if-block p {
+    line-height: 1.2em;
+    margin: 0; }
+.part hr.emphasized {
+  margin: 50px 0;
+  padding: 0; }
+
+.main-part {
+  font-size: 18px; }
+
+.embed-outer-wrapper {
+  background: #18869E;
+  margin: 85px 0 50px; }
+
+.embed-wrapper {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  height: 607px;
+  border: 15px solid #119bbb;
+  padding: 0;
+  margin: -15px;
+  background: white;
+  position: relative; }
+
+.embed-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0; }
+
+.embed-caption {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  font-size: 80%;
+  margin: 0 -15px -15px;
+  background: #119bbb;
+  padding: 15px;
+  color: #f0f0f0;
+  font-style: oblique;
+  font-size: 18px; }
+  .embed-caption a {
+    color: white;
+    text-decoration: underline; }
+
+.convert-options {
+  color: #b53305;
+  font-weight: bold; }
+
+h2.cta {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #b53305;
+  padding: 20px;
+  color: #e9c2b4;
+  font-weight: normal;
+  margin: 0;
+  font-size: 26px; }
+  h2.cta a {
+    color: white;
+    text-decoration: underline; }
+    h2.cta a:hover {
+      text-decoration: none; }
+h2.steps-cta {
+  margin: 50px 0 0; }
+
+hr.feature-hr {
+  margin-bottom: 30px; }
+
+.feature-left, .feature-right {
+  position: relative;
+  margin-top: 0px;
+  margin-bottom: 30px; }
+
+.feature-left:first-child, .feature-right:first-child {
+  margin-top: 0; }
+
+.feature-left h2, .feature-right h2 {
+  margin-bottom: 5px; }
+
+.feature-left h3, .feature-right h3 {
+  margin-top: 5px;
+  font-size: 90%;
+  color: #666; }
+
+.feature-left .image-wrap {
+  right: 0; }
+  .feature-left .image-wrap img {
+    margin-right: 15px;
+    float: right; }
+
+.image-wrap {
+  text-align: center;
+  position: absolute;
+  top: 20px;
+  bottom: 0;
+  width: 50%; }
+  .image-wrap img {
+    width: 343px;
+    float: left;
+    margin-left: 15px; }
+
+@media (max-width: 47.99em) {
+  .features .image-wrap {
+    display: none; } }
+
+.big-subtitle {
+  font-size: 200%;
+  color: #b53305; }
+
+hr {
+  border-color: #ccc; }
+
+.usage-lists {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  padding: 20px;
+  background: #fafafa;
+  margin-top: 10px; }
+  .usage-lists ul {
+    width: 50%;
+    float: left;
+    list-style: none;
+    padding: 0; }
+    @media (max-width: 47.99em) {
+      .usage-lists ul {
+        float: none;
+        width: 100%;
+        margin-bottom: 0; } }
+    .usage-lists ul li {
+      background: url(/site/images/checkmark.png);
+      background-size: 16px 16px;
+      background-repeat: no-repeat;
+      background-position: 0 6px;
+      line-height: 30px;
+      padding-left: 24px;
+      margin: 0; }
+
+.examples-outer-wrapper {
+  margin: 50px 0 0;
+  color: white; }
+  .examples-outer-wrapper .container {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background: #374146; }
+  .examples-outer-wrapper h3 {
+    font-weight: normal;
+    text-align: center;
+    color: #ddd; }
+    .examples-outer-wrapper h3 a {
+      color: #a9e3f0;
+      text-decoration: underline; }
+      .examples-outer-wrapper h3 a:hover {
+        text-decoration: none; }
+  .examples-outer-wrapper .example-embed {
+    height: 600px;
+    background: white;
+    margin: 15px 0 15px;
+    position: relative; }
+
+.pricing-list {
+  margin: 30px -40px; }
+  @media (max-width: 47.99em) {
+    .pricing-list {
+      margin: 30px 0; } }
+
+.pricing-title {
+  text-align: center;
+  margin: 0 0 60px; }
+
+.pricing-wrap {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f5f5f5;
+  padding: 20px;
+  font-size: 130%;
+  border: 1px solid #dfdfdf;
+  text-align: center;
+  font-family: 'Raleway', sans-serif;
+  min-height: 500px; }
+  .pricing-wrap h3 {
+    margin: 0;
+    font-size: 180%; }
+  .pricing-wrap .btn {
+    margin: 20px 0;
+    background: #db4222;
+    border: none; }
+  .pricing-wrap .muted {
+    font-size: 80%; }
+  @media (max-width: 47.99em) {
+    .pricing-wrap {
+      margin-bottom: 10px; } }
+
+.plan-primary .pricing-wrap {
+  margin: -8px -35px;
+  position: relative;
+  z-index: 2;
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  font-size: 120%; }
+  @media (max-width: 47.99em) {
+    .plan-primary .pricing-wrap {
+      margin: 0 0 10px 0;
+      box-shadow: none; } }
+  .plan-primary .pricing-wrap h3 {
+    font-size: 200%; }
+
+.footer {
+  border-top: 1px solid #ccc;
+  margin-top: 30px;
+  padding: 30px 0; }
+  .footer small {
+    font-size: 70%; }
+  .footer ul {
+    float: right; }
+    .footer ul li {
+      float: left;
+      margin-left: 15px; }
+
+.pricing-wrap ul {
+  font-size: 16px; }
+
+.plan-primary .pricing-wrap ul {
+  font-size: 18px; }
+
+.steps {
+  font-family: 'Raleway', sans-serif; }
+  .steps .step {
+    float: left;
+    width: 30%;
+    margin-right: 5%;
+    text-align: center;
+    color: #4f4f4f; }
+    @media (max-width: 47.99em) {
+      .steps .step {
+        width: 100%;
+        float: none;
+        margin-right: 0;
+        border-bottom: 1px solid #ccc;
+        margin-bottom: 20px;
+        padding-bottom: 20px; }
+        .steps .step:last-child {
+          border-bottom: none;
+          margin-bottom: 0;
+          padding-bottom: 0; } }
+    .steps .step img {
+      width: 87px;
+      display: inline-block; }
+    .steps .step a {
+      outline: none; }
+    .steps .step h2 {
+      border-bottom: 1px solid #dfdfdf;
+      padding-bottom: 15px;
+      margin: 5px 0 15px; }
+      @media (max-width: 47.99em) {
+        .steps .step h2 {
+          border-bottom: none; } }
+    .steps .step p {
+      margin-top: 15px;
+      font-size: 100%; }
+    .steps .step:last-child {
+      margin-right: 0;
+      float: right; }
+
+blockquote {
+  font-family: Georgia, serif;
+  font-style: oblique;
+  margin: 30px 0;
+  border-left: none;
+  padding-left: 0;
+  position: relative;
+  color: #0d7c95; }
+  blockquote h3 {
+    font-family: Georgia, serif; }
+  blockquote cite {
+    color: #87b5c0; }
+  blockquote:before {
+    color: #119bbb;
+    font-weight: bold;
+    content: "\201C";
+    font-size: 4em;
+    position: absolute;
+    margin-left: -50px;
+    margin-top: -20px; }
+  blockquote h3 {
+    margin-top: 0; }
+
+.faq-wrap h3 {
+  color: #b53305; }
+
+.video-wrap {
+  margin: 70px 0 0 0; }
+  @media (max-width: 47.99em) {
+    .video-wrap {
+      margin-left: 0;
+      margin-right: 0; } }
+  .video-wrap .video-js {
+    width: 100%;
+    padding-top: 62.5%; }
+
+.bithub-illustration {
+  width: 100%;
+  margin: 20px 0 40px; }
+
+.devise-links {
+  text-align: center; }
+  .devise-links li {
+    display: inline-block;
+    padding-right: 10px;
+    margin-right: 10px;
+    border-right: 1px solid #ccc; }
+    .devise-links li:last-child {
+      border-right: none; }
+
+.alert-info {
+  border-color: #81BECA; }
+
+.sidebar-menu li {
+  font-family: "Raleway" sans-serif;
+  background: white;
+  border: 1px solid #cecdcd;
+  margin-top: -1px; }
+  .sidebar-menu li:first-child {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+  .sidebar-menu li:last-child {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; }
+  .sidebar-menu li.active {
+    background: #f5f5f5; }
+    .sidebar-menu li.active a {
+      color: black; }
+.sidebar-menu a {
+  color: #727272;
+  padding: 10px;
+  display: block; }
+
+.static-page-content .static-page-heading {
+  height: 34px;
+  line-height: 34px;
+  font-size: 250%;
+  margin-bottom: 25px;
+  margin-top: 0px; }
+.static-page-content h1, .static-page-content h2, .static-page-content h3, .static-page-content h4, .static-page-content h5, .static-page-content h6 {
+  font-weight: 700; }
+.static-page-content p, .static-page-content ul, .static-page-content ol {
+  color: #444;
+  line-height: 1.5;
+  margin-bottom: 30px; }
+
+.top-bar-cta {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 50px;
+  background: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid black;
+  z-index: 100000;
+  margin-top: -50px;
+  transition: margin-top 0.1s ease-out;
+  -webkit-transition: margin-top 0.1s ease-out;
+  -moz-transition: margin-top 0.1s ease-out; }
+  @media (max-width: 47.99em) {
+    .top-bar-cta {
+      display: none; } }
+
+.top-bar-cta-expanded {
+  margin-top: 0; }
+
+.top-cta-wrap {
+  color: white;
+  font-family: 'Raleway', sans-serif;
+  text-align: center;
+  line-height: 50px; }
+  .top-cta-wrap .btn-primary {
+    background: #b53305;
+    border: none;
+    display: inline-block;
+    margin-top: -3px;
+    margin-left: 5px; }
+
+.newsletter-form-wrapper {
+  position: fixed;
+  z-index: 100000;
+  background: rgba(0, 0, 0, 0.7);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: none; }
+  .newsletter-form-wrapper .form {
+    background: white;
+    margin-top: 50px;
+    font-family: 'Raleway', sans-serif;
+    border-radius: 3px; }
+  .newsletter-form-wrapper h2 span {
+    font-size: 14px;
+    float: right;
+    color: #b53305;
+    margin-top: 7px;
+    margin-right: 20px;
+    cursor: pointer; }
+
+.top-video {
+  margin-top: 0;
+  margin-bottom: 50px; }
+  .top-video .video-js {
+    width: 100%;
+    padding-top: 52.5%;
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); }
+
+.vjs-fullscreen {
+  padding-top: 0; }
+
+ul.usage {
+  background: #fafafa;
+  padding: 20px;
+  list-style: none;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px; }
+  ul.usage li {
+    background: url(/site/images/checkmark.png);
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    background-position: 0 6px;
+    line-height: 30px;
+    padding-left: 24px;
+    width: 50%;
+    float: left; }
+    @media (max-width: 47.99em) {
+      ul.usage li {
+        width: 100%;
+        float: none; } }
+
+.plan-and-form-wrap {
+  position: relative; }
+  .plan-and-form-wrap .panel {
+    margin-bottom: 0; }
+
+.pricing-registration-page {
+  width: 38.2%;
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 0; }
+  .pricing-registration-page .pricing-wrap {
+    height: 100%;
+    width: 100%;
+    min-height: 0;
+    border-right: none;
+    -webkit-border-top-right-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    -moz-border-radius-bottomright: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0; }
+
+.registration-heading {
+  text-align: center; }
+
+.registration-panel {
+  float: right;
+  width: 61.8%; }
+  .registration-panel .panel-body {
+    padding: 35px 15px; }
+
+#registration {
+  padding-top: 50px; }
+
+.frontpage-plan-form {
+  position: relative;
+  margin: 30px 0; }
+
+/*# sourceMappingURL=app.css.map */
diff --git a/stylesheets/app.css.map b/stylesheets/app.css.map
new file mode 100644
index 0000000..990b26c
--- /dev/null
+++ b/stylesheets/app.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_normalize.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_print.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_glyphicons.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_scaffolding.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_variables.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_tab-focus.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_image.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_type.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_text-overflow.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_code.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_grid.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_grid.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_tables.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_table-row.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_forms.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_forms.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_buttons.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_buttons.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_opacity.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_component-animations.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_dropdowns.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_nav-divider.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_reset-filter.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_button-groups.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_border-radius.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_input-groups.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_navs.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_navbar.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_breadcrumbs.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_pagination.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_pagination.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_pager.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_labels.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_labels.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_badges.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_jumbotron.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_thumbnails.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_alerts.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_alerts.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_progress-bars.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_gradients.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_media.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_list-group.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_list-group.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_panels.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_panels.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_responsive-embed.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_wells.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_close.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_modals.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_tooltip.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_reset-text.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_popovers.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_carousel.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_utilities.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_center-block.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_hide-text.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/_responsive-utilities.scss","../../../home/bithub/bundle/ruby/2.1.0/gems/bootstrap-sass-3.3.5.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss","sass/app.scss","sass/_sass_mq.scss"],
+"names": [],
+"file": "app.css"
+}
\ No newline at end of file
diff --git a/stylesheets/normalize.css b/stylesheets/normalize.css
new file mode 100644
index 0000000..3d8e138
--- /dev/null
+++ b/stylesheets/normalize.css
@@ -0,0 +1,315 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block; }
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+audio,
+canvas,
+video {
+  display: inline-block; }
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+[hidden] {
+  display: none; }
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */ }
+
+/*
+ * Removes default margin.
+ */
+body {
+  margin: 0; }
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+a:focus {
+  outline: thin dotted; }
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+h1 {
+  font-size: 2em; }
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, serif;
+  font-size: 1em; }
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+/*
+ * Sets consistent quote types.
+ */
+q {
+  quotes: "\201C" "\201D" "\2018" "\2019"; }
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+img {
+  border: 0; }
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+figure {
+  margin: 0; }
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+/*
+ * Define consistent border, margin, and padding.
+ */
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em; }
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+  /* 1 */
+  font-size: 100%;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+button,
+input {
+  line-height: normal; }
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+input[disabled] {
+  cursor: default; }
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  /* 2 */
+  box-sizing: content-box; }
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+  /* 2 */ }
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+/*
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+/*# sourceMappingURL=normalize.css.map */
diff --git a/stylesheets/normalize.css.map b/stylesheets/normalize.css.map
new file mode 100644
index 0000000..ffeb233
--- /dev/null
+++ b/stylesheets/normalize.css.map
@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": ";;;;;;;AAUA;;;;;;;;;;OAUQ;EACJ,OAAO,EAAE,KAAK;;;;;AAOlB;;KAEM;EACF,OAAO,EAAE,YAAY;;;;;;AAQzB,qBAAsB;EAClB,OAAO,EAAE,IAAI;EACb,MAAM,EAAE,CAAC;;;;;AAOb,QAAS;EACL,OAAO,EAAE,IAAI;;;;;;;;;;AAajB,IAAK;EACD,WAAW,EAAE,UAAU;;EACvB,wBAAwB,EAAE,IAAI;;EAC9B,oBAAoB,EAAE,IAAI;;;;;;AAO9B,IAAK;EACD,MAAM,EAAE,CAAC;;;;;;;;AAWb,OAAQ;EACJ,OAAO,EAAE,WAAW;;;;;AAOxB;OACQ;EACJ,OAAO,EAAE,CAAC;;;;;;;;;AAYd,EAAG;EACC,SAAS,EAAE,GAAG;;;;;AAOlB,WAAY;EACR,aAAa,EAAE,UAAU;;;;;AAO7B;MACO;EACH,WAAW,EAAE,IAAI;;;;;AAOrB,GAAI;EACA,UAAU,EAAE,MAAM;;;;;AAOtB,IAAK;EACD,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,IAAI;;;;;AAQf;;;IAGK;EACD,WAAW,EAAE,gBAAgB;EAC7B,SAAS,EAAE,GAAG;;;;;AAOlB,GAAI;EACA,WAAW,EAAE,GAAG;EAChB,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,UAAU;;;;;AAOzB,CAAE;EACE,MAAM,EAAE,+BAA+B;;;;;AAO3C,KAAM;EACF,SAAS,EAAE,GAAG;;;;;AAOlB;GACI;EACA,SAAS,EAAE,GAAG;EACd,WAAW,EAAE,CAAC;EACd,QAAQ,EAAE,QAAQ;EAClB,cAAc,EAAE,QAAQ;;AAG5B,GAAI;EACA,GAAG,EAAE,MAAM;;AAGf,GAAI;EACA,MAAM,EAAE,OAAO;;;;;;;;AAWnB,GAAI;EACA,MAAM,EAAE,CAAC;;;;;AAOb,cAAe;EACX,QAAQ,EAAE,MAAM;;;;;;;;AAWpB,MAAO;EACH,MAAM,EAAE,CAAC;;;;;;;;AAWb,QAAS;EACL,MAAM,EAAE,iBAAiB;EACzB,MAAM,EAAE,KAAK;EACb,OAAO,EAAE,qBAAqB;;;;;;AAQlC,MAAO;EACH,MAAM,EAAE,CAAC;;EACT,OAAO,EAAE,CAAC;;;;;;;;AASd;;;QAGS;EACL,WAAW,EAAE,OAAO;;EACpB,SAAS,EAAE,IAAI;;EACf,MAAM,EAAE,CAAC;;;;;;;AAQb;KACM;EACF,WAAW,EAAE,MAAM;;;;;;;;;AAWvB;;;oBAGqB;EACjB,kBAAkB,EAAE,MAAM;;EAC1B,MAAM,EAAE,OAAO;;;;;;AAOnB;eACgB;EACZ,MAAM,EAAE,OAAO;;;;;;AAQnB;mBACoB;EAChB,UAAU,EAAE,UAAU;;EACtB,OAAO,EAAE,CAAC;;;;;;;;AASd,oBAAqB;EACjB,kBAAkB,EAAE,SAAS;;EAC7B,eAAe,EAAE,WAAW;EAC5B,kBAAkB,EAAE,WAAW;;EAC/B,UAAU,EAAE,WAAW;;;;;;AAQ3B;+CACgD;EAC5C,kBAAkB,EAAE,IAAI;;;;;AAO5B;uBACwB;EACpB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;;;;;;AAQd,QAAS;EACL,QAAQ,EAAE,IAAI;;EACd,cAAc,EAAE,GAAG;;;;;;;;;AAWvB,KAAM;EACF,eAAe,EAAE,QAAQ;EACzB,cAAc,EAAE,CAAC",
+"sources": ["sass/normalize.scss"],
+"names": [],
+"file": "normalize.css"
+}
\ No newline at end of file
diff --git a/stylesheets/sass/_sass_mq.scss b/stylesheets/sass/_sass_mq.scss
new file mode 100644
index 0000000..63df25a
--- /dev/null
+++ b/stylesheets/sass/_sass_mq.scss
@@ -0,0 +1,280 @@
+@charset "UTF-8"; // Fixes an issue where Ruby locale is not set properly
+                  // See https://github.com/sass-mq/sass-mq/pull/10
+
+/// Base font size on the `<body>` element
+/// @type Number (unit)
+$mq-base-font-size: 16px !default;
+
+/// Responsive mode
+///
+/// Set to `false` to enable support for browsers that do not support @media queries,
+/// (IE <= 8, Firefox <= 3, Opera <= 9)
+///
+/// You could create a stylesheet served exclusively to older browsers,
+/// where @media queries are rasterized
+///
+/// @example scss
+///  // old-ie.scss
+///  $mq-responsive: false;
+///  @include 'main'; // @media queries in this file will be rasterized up to $mq-static-breakpoint
+///                   // larger breakpoints will be ignored
+///
+/// @type Boolean
+/// @link https://github.com/sass-mq/sass-mq#responsive-mode-off Disabled responsive mode documentation
+$mq-responsive: true !default;
+
+/// Breakpoint list
+///
+/// Name your breakpoints in a way that creates a ubiquitous language
+/// across team members. It will improve communication between
+/// stakeholders, designers, developers, and testers.
+///
+/// @type Map
+/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint Full documentation and examples
+$mq-breakpoints: (
+    mobile:  320px,
+    tablet:  740px,
+    desktop: 980px,
+    wide:    1300px
+) !default;
+
+/// Static breakpoint (for fixed-width layouts)
+///
+/// Define the breakpoint from $mq-breakpoints that should
+/// be used as the target width for the fixed-width layout
+/// (i.e. when $mq-responsive is set to 'false') in a old-ie.scss
+///
+/// @example scss
+///  // tablet-only.scss
+///  //
+///  // Ignore all styles above tablet breakpoint,
+///  // and fix the styles (e.g. layout) at tablet width
+///  $mq-responsive: false;
+///  $mq-static-breakpoint: tablet;
+///  @include 'main'; // @media queries in this file will be rasterized up to tablet
+///                   // larger breakpoints will be ignored
+///
+/// @type String
+/// @link https://github.com/sass-mq/sass-mq#adding-custom-breakpoints Full documentation and examples
+$mq-static-breakpoint: desktop !default;
+
+/// Show breakpoints in the top right corner
+///
+/// If you want to display the currently active breakpoint in the top
+/// right corner of your site during development, add the breakpoints
+/// to this list, ordered by width, e.g. (mobile, tablet, desktop).
+///
+/// @type map
+$mq-show-breakpoints: () !default;
+
+/// Customize the media type (e.g. `@media screen` or `@media print`)
+/// By default sass-mq uses an "all" media type (`@media all and …`)
+///
+/// @type String
+/// @link https://github.com/sass-mq/sass-mq#changing-media-type Full documentation and examples
+$mq-media-type: all !default;
+
+/// Convert pixels to ems
+///
+/// @param {Number} $px - value to convert
+/// @param {Number} $base-font-size ($mq-base-font-size) - `<body>` font size
+///
+/// @example scss
+///  $font-size-in-ems: mq-px2em(16px);
+///  p { font-size: mq-px2em(16px); }
+///
+/// @requires $mq-base-font-size
+/// @returns {Number}
+@function mq-px2em($px, $base-font-size: $mq-base-font-size) {
+    @if unitless($px) {
+        @warn "Assuming #{$px} to be in pixels, attempting to convert it into pixels.";
+        @return mq-px2em($px + 0px); // That may fail.
+    } @else if unit($px) == em {
+        @return $px;
+    }
+    @return ($px / $base-font-size) * 1em;
+}
+
+/// Get a breakpoint's width
+///
+/// @param {String} $name - Name of the breakpoint. One of $mq-breakpoints
+///
+/// @example scss
+///  $tablet-width: mq-get-breakpoint-width(tablet);
+///  @media (min-width: mq-get-breakpoint-width(desktop)) {}
+///
+/// @requires {Variable} $mq-breakpoints
+///
+/// @returns {Number} Value in pixels
+@function mq-get-breakpoint-width($name, $breakpoints: $mq-breakpoints) {
+    @if map-has-key($breakpoints, $name) {
+        @return map-get($breakpoints, $name);
+    } @else {
+        @warn "Breakpoint #{$name} wasn't found in $breakpoints.";
+    }
+}
+
+/// Media Query mixin
+///
+/// @param {String | Boolean} $from (false) - One of $mq-breakpoints
+/// @param {String | Boolean} $until (false) - One of $mq-breakpoints
+/// @param {String | Boolean} $and (false) - Additional media query parameters
+/// @param {String} $media-type ($mq-media-type) - Media type: screen, print…
+///
+/// @ignore Undocumented API, for advanced use only:
+/// @ignore @param {Map} $breakpoints ($mq-breakpoints)
+/// @ignore @param {String} $static-breakpoint ($mq-static-breakpoint)
+///
+/// @content styling rules, wrapped into a @media query when $responsive is true
+///
+/// @requires {Variable} $mq-media-type
+/// @requires {Variable} $mq-breakpoints
+/// @requires {Variable} $mq-static-breakpoint
+/// @requires {function} mq-px2em
+/// @requires {function} mq-get-breakpoint-width
+///
+/// @link https://github.com/sass-mq/sass-mq#responsive-mode-on-default Full documentation and examples
+///
+/// @example scss
+///  .element {
+///    @include mq($from: mobile) {
+///      color: red;
+///    }
+///    @include mq($until: tablet) {
+///      color: blue;
+///    }
+///    @include mq(mobile, tablet) {
+///      color: green;
+///    }
+///    @include mq($from: tablet, $and: '(orientation: landscape)') {
+///      color: teal;
+///    }
+///    @include mq(950px) {
+///      color: hotpink;
+///    }
+///    @include mq(tablet, $media-type: screen) {
+///      color: hotpink;
+///    }
+///    // Advanced use:
+///    $my-breakpoints: ( L: 900px, XL: 1200px );
+///    @include mq(L, $breakpoints: $my-breakpoints, $static-breakpoint: L) {
+///      color: hotpink;
+///    }
+///  }
+@mixin mq(
+    $from: false,
+    $until: false,
+    $and: false,
+    $media-type: $mq-media-type,
+    $breakpoints: $mq-breakpoints,
+    $responsive: $mq-responsive,
+    $static-breakpoint: $mq-static-breakpoint
+) {
+    $min-width: 0;
+    $max-width: 0;
+    $media-query: '';
+
+    // From: this breakpoint (inclusive)
+    @if $from {
+        @if type-of($from) == number {
+            $min-width: mq-px2em($from);
+        } @else {
+            $min-width: mq-px2em(mq-get-breakpoint-width($from, $breakpoints));
+        }
+    }
+
+    // Until: that breakpoint (exclusive)
+    @if $until {
+        @if type-of($until) == number {
+            $max-width: mq-px2em($until);
+        } @else {
+            $max-width: mq-px2em(mq-get-breakpoint-width($until, $breakpoints)) - .01em;
+        }
+    }
+
+    // Responsive support is disabled, rasterize the output outside @media blocks
+    // The browser will rely on the cascade itself.
+    @if $responsive == false {
+        $static-breakpoint-width: mq-get-breakpoint-width($static-breakpoint, $breakpoints);
+        $target-width: mq-px2em($static-breakpoint-width);
+        // Output only rules that start at or span our target width
+        @if ($and == false and ($min-width <= $target-width) and (($until == false) or ($max-width >= $target-width))) {
+            @content;
+        }
+    }
+
+    // Responsive support is enabled, output rules inside @media queries
+    @else {
+        @if $min-width != 0 { $media-query: '#{$media-query} and (min-width: #{$min-width})'; }
+        @if $max-width != 0 { $media-query: '#{$media-query} and (max-width: #{$max-width})'; }
+        @if $and            { $media-query: '#{$media-query} and #{$and}'; }
+
+        // Remove unnecessary media query prefix 'all and '
+        @if ($media-type == 'all' and $media-query != '') {
+            $media-type: '';
+            $media-query: str-slice(unquote($media-query), 6);
+        }
+
+        @media #{$media-type + $media-query} {
+            @content;
+        }
+    }
+}
+
+/// Add a breakpoint
+///
+/// @param {String} $name - Name of the breakpoint
+/// @param {Number} $width - Width of the breakpoint
+///
+/// @requires {Variable} $mq-breakpoints
+///
+/// @example scss
+///  @include mq-add-breakpoint(tvscreen, 1920px);
+///  @include mq(tvscreen) {}
+@mixin mq-add-breakpoint($name, $width) {
+    $new-breakpoint: ($name: $width);
+    $mq-breakpoints: map-merge($mq-breakpoints, $new-breakpoint) !global;
+}
+
+/// Show the active breakpoint in the top right corner of the viewport
+/// @link https://github.com/sass-mq/sass-mq#seeing-the-currently-active-breakpoint
+///
+/// @param {List} $show-breakpoints ($mq-show-breakpoints) - List of breakpoints to show in the top right corner
+/// @param {Map} $breakpoints ($mq-breakpoints) - Breakpoint names and sizes
+///
+/// @requires {Variable} $mq-breakpoints
+/// @requires {Variable} $mq-show-breakpoints
+///
+/// @example scss
+///  // Show breakpoints using global settings
+///  @include mq-show-breakpoints;
+///
+///  // Show breakpoints using custom settings
+///  @include mq-show-breakpoints((L, XL), (S: 300px, L: 800px, XL: 1200px));
+@mixin mq-show-breakpoints($show-breakpoints: $mq-show-breakpoints, $breakpoints: $mq-breakpoints) {
+    body:before {
+        background-color: #FCF8E3;
+        border-bottom: 1px solid #FBEED5;
+        border-left: 1px solid #FBEED5;
+        color: #C09853;
+        font: small-caption;
+        padding: 3px 6px;
+        pointer-events: none;
+        position: fixed;
+        right: 0;
+        top: 0;
+        z-index: 100;
+
+        // Loop through the breakpoints that should be shown
+        @each $show-breakpoint in $show-breakpoints {
+            $width: mq-get-breakpoint-width($show-breakpoint, $breakpoints);
+            @include mq($show-breakpoint, $breakpoints: $breakpoints) {
+                content: "#{$show-breakpoint} ≥ #{$width} (#{mq-px2em($width)})";
+            }
+        }
+    }
+}
+
+/*@if length($mq-show-breakpoints) > 0 {
+    @include mq-show-breakpoints;
+}*/
diff --git a/stylesheets/sass/all.scss b/stylesheets/sass/all.scss
new file mode 100644
index 0000000..8e642ac
--- /dev/null
+++ b/stylesheets/sass/all.scss
@@ -0,0 +1,995 @@
+@charset "utf-8";
+@import "normalize.scss";
+
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic');
+
+
+$red: #b2382b;
+$light-red: #f24439;
+$rose: #ef4b43;
+$browser-border: #71b5c5;
+$dark-grey: #0a0a0d;
+$dark-gray: #0a0a0d;
+$turquoise: #295364;
+$dark-turquoise: #2b4c58;
+$grey: #4b5053;
+$light-turquioise: #859a9d;
+
+/**
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    contenteditable attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+.cf:before,
+.cf:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+}
+
+.cf:after {
+    clear: both;
+}
+
+/**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+.cf {
+    *zoom: 1;
+}
+
+
+/* apply a natural box layout model to all elements, but allowing components to change */
+html {
+    box-sizing: border-box;
+    width: 100%;
+    height: 100%;
+}
+*, *:before, *:after {
+                 box-sizing: inherit;
+             }
+
+
+body {
+    font-family: "Source Sans Pro", sans-serif;
+    font-weight: 200;
+    width: 100%;
+    height: 100%;
+    background: #f1f1f1;
+}
+.outer-container {
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    height: 100%;
+    -webkit-overflow-scrolling: touch;
+    position: relative;
+}
+.page-container {
+    background: rgb(211,214,219); /* Old browsers */
+    background: -moz-linear-gradient(top,  rgba(211,214,219,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,214,219,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(211,214,219,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(211,214,219,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(211,214,219,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(211,214,219,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d6db', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
+
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+    z-index: 1000;
+    min-height: 100%;
+    padding-bottom: 115px;
+    position: relative;
+}
+
+body.frontpage .page-container {
+    background: white;
+}
+
+b, h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+}
+
+header.site-header {
+    background: $red;
+    height: 45px;
+    .hamburger {
+        float: left;
+        position: relative;
+        overflow: hidden;
+        margin: 0;
+        padding: 0;
+        width: 60px;
+        height: 45px;
+        font-size: 0;
+        text-indent: -9999px;
+        appearance: none;
+        box-shadow: none;
+        border-radius: none;
+        border: none;
+        cursor: pointer;
+        transition: background 0.3s;
+        background: transparent;
+        border-right: 1px solid $rose;
+        &:focus {
+            outline: none;
+        }
+        span {
+            display: block;
+            position: absolute;
+            top: 20px;
+            left: 15px;
+            right: 16px;
+            height: 3px;
+            background: white;
+            &:before, &:after {
+                          position: absolute;
+                          display: block;
+                          left: 0;
+                          width: 100%;
+                          height: 3px;
+                          background-color: #fff;
+                          content: "";
+                      }
+            &:before {
+                top: -6px;
+            }
+            &:after {
+                bottom: -6px;
+            }
+        }
+        
+    }
+    h1 {
+        font-weight: 400;
+        color: white;
+        margin: 0;
+        float: left;
+        height: 45px;
+        line-height: 45px;
+        padding: 0 15px 0;
+        font-size: 18px;
+        a {
+            color: white;
+            text-decoration: none;
+        }
+    }
+    .header-menu {
+        float: right;
+        margin: 5px 15px 0 0;
+        height: 35px;
+        a {
+            height: 35px;
+            line-height: 35px;
+            font-size: 14px;
+            color: white;
+            float: left;
+            font-weight: 700;
+            text-decoration: none;
+            padding: 0 10px;
+            &.try-it-now {
+                border: 1px solid $rose;
+            }
+            
+        }
+    }
+}
+.pitch-wrap {
+    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6badbf+0,2e5262+100 */
+    background: rgb(107,173,191); /* Old browsers */
+    background: -moz-linear-gradient(top,  rgba(107,173,191,1) 0%, rgba(46,82,98,1) 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(107,173,191,1)), color-stop(100%,rgba(46,82,98,1))); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top,  rgba(107,173,191,1) 0%,rgba(46,82,98,1) 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top,  rgba(107,173,191,1) 0%,rgba(46,82,98,1) 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top,  rgba(107,173,191,1) 0%,rgba(46,82,98,1) 100%); /* IE10+ */
+    background: linear-gradient(to bottom,  rgba(107,173,191,1) 0%,rgba(46,82,98,1) 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6badbf', endColorstr='#2e5262',GradientType=0 ); /* IE6-9 */
+
+    text-align: center;
+    color: white;
+    padding: 25px 25px 60px;
+    font-size: 30px;
+    margin-bottom: 10px;
+    p {
+        margin: 0 auto;
+        max-width: 760px;
+        &.setup-cta {
+            font-size: 25px;
+        }
+    }
+    img.full-size-arrow {
+        display: none;
+    }
+}
+.red-button, .btn-primary  {
+    width: 200px;
+    height: 40px;
+    line-height: 40px;
+    display: block;
+    margin: 25px auto 0;
+    text-align: center;
+    font-weight: 700;
+    background: $light-red;
+    color: white;
+    text-decoration: none;
+    font-size: 16px;
+    border: none;
+    padding: 0;
+    &:hover {
+        color: white;
+    }
+}
+.browser-border {
+    border: 1px solid $browser-border;
+    border-radius: 6px;
+    margin: 25px auto;
+    max-width: 820px;
+    position: relative;
+    padding-bottom: 45px;
+    a.powered-by {
+        background: $browser-border;
+        color: white;
+        font-size: 13px;
+        padding: 5px;
+        display: block;
+        position: absolute;
+        left: 50%;
+        width: 140px;
+        margin-left: -70px;
+        bottom: -13px;
+        text-decoration: none;
+        &:hover {
+            background: $light-red;
+        }
+    }
+    .browser-header {
+        height: 30px;
+        border-bottom: 1px solid $browser-border;
+        position: relative;
+        padding-left: 7px;
+        .browser-button {
+            float: left;
+            margin: 10px 0 0 4px;
+            width: 10px;
+            height: 10px;
+            border-radius: 100%;
+            border: 2px solid $browser-border;
+        }
+        .browser-url {
+            left: 85px;
+            right: 86px;
+            height: 10px;
+            top: 10px;
+            border: 1px solid $browser-border;
+            position: absolute;
+        }
+        
+    }
+    .bithub-embed {
+        font-size: 12px;
+        color: $dark-gray;
+        margin: 25px 0px 10px;
+        .carousel-prev {
+            margin-left: -17px;
+        }
+        .carousel-next {
+            margin-right: -17px;
+        }
+    }
+}
+.features-wrap {
+    text-align: center;
+    padding: 25px 25px 0;
+    font-weight: 400;
+    .read-more {
+        color: $red;
+        border: 1px solid $red;
+        width: 120px;
+        display: block;
+        height: 35px;
+        background: white;
+        margin: 0 auto 40px;
+        font-weight: 700;
+        img {
+            width: 16px;
+            display: inline-block;
+            position: relative;
+            vertical-align: middle;
+            
+        }
+    }
+    h2, h3, p {
+        color: $turquoise;
+    }
+    p.intro {
+        max-width: 45%;
+        margin: 0 auto 15px;
+        b {
+            color: #2885a3;
+        }
+    }
+    h2 {
+        font-size: 36px;
+        margin: 0 0 20px;
+        letter-spacing: -1px;
+        position: relative;
+        font-weight: 700;
+        &:after {
+            content: "";
+            position: relative;
+            width: 66px;
+            height: 2px;
+            background: $turquoise;
+            display: block;
+            position: absolute;
+            left: 50%;
+            margin: 5px 0 0 -33px;
+        }
+        img {
+            display: block;
+            margin: 0 auto;
+        }
+    }
+    h3 {
+        font-weight: 400;
+        font-size: 30px;
+        text-align: left;
+    }
+    .feature-details-wrap {
+        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d6d9+0,f1f1f1+100 */
+        background: rgb(209,214,217); /* Old browsers */
+        background: -moz-linear-gradient(top,  rgba(209,214,217,1) 0%, rgba(241,241,241,1) 100%); /* FF3.6+ */
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,214,217,1)), color-stop(100%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
+        background: -webkit-linear-gradient(top,  rgba(209,214,217,1) 0%,rgba(241,241,241,1) 100%); /* Chrome10+,Safari5.1+ */
+        background: -o-linear-gradient(top,  rgba(209,214,217,1) 0%,rgba(241,241,241,1) 100%); /* Opera 11.10+ */
+        background: -ms-linear-gradient(top,  rgba(209,214,217,1) 0%,rgba(241,241,241,1) 100%); /* IE10+ */
+        background: linear-gradient(to bottom,  rgba(209,214,217,1) 0%,rgba(241,241,241,1) 100%); /* W3C */
+        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d6d9', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
+
+        /*@include background-image(linear-gradient(#d1d6d9, #f1f1f1));*/
+        margin: 20px 0 0;
+        padding: 25px 25px 55px;
+        position: relative;
+        &:before {
+            content: "";
+            width: 0;
+            height: 0;
+            border-style: solid;
+            border-width: 0 15px 15px 15px;
+            border-color: transparent transparent #d1d6d9 transparent;
+            margin: -40px 0 0 -15px;
+            display: block;
+            position: absolute;
+            left: 50%;
+        }
+        p {
+            text-align: left;
+        }
+        img {
+            max-width: 100%;
+        }
+    }
+    .outer-feature-details-wrap {
+        margin: -40px -25px 40px;
+        max-height: 0;
+        transition: max-height 0.5s ease-out;
+        overflow: hidden;
+    }
+    .outer-feature-details-wrap--open {
+        max-height: 1000px;
+    }
+    .feature-publish .outer-feature-details-wrap--open {
+        margin-bottom: 0;
+    }
+    .feature-moderate h2 img {
+        width: 80px;
+        margin-bottom: 10px;
+    }
+    .supported-services {
+        color: $grey;
+        text-align: left;
+        list-style-position: inside;
+        padding: 0;
+    }
+}
+footer.site-footer {
+    background: $dark-gray;
+    padding: 10px 0 30px;
+    height: 115px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 10000;
+    h4 {
+        margin: 0 auto 10px;
+        border-bottom: 1px solid #899799;
+        font-weight: 400;
+        color: white;
+        text-align: center;
+        height: 45px;
+        line-height: 45px;
+        font-size: 16px;
+        width: 250px;
+    }
+    ul {
+        list-style: none;
+        padding: 0;
+        margin: 0;
+        display: flex;
+        justify-content: space-between;
+        margin: 0 auto;
+        width: 250px;
+        a {
+            color: #899799;
+            text-decoration: none;
+            font-size: 14px;
+            &:hover {
+                color: white;
+            }
+        }
+    }
+}
+.sidebar-menu {
+    display: block;
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    width: 225px;
+    background: $dark-turquoise;
+    nav {
+        ul {
+            list-style: none;
+            padding: 10px 0 0 0;
+            margin: 0;
+            li {
+                height: 50px;
+                border-bottom: 1px solid #4f6a74;
+                padding-left: 25px;
+                line-height: 50px;
+                font-weight: 700;
+                a {
+                    color: white;
+                    text-decoration: none;
+                    font-size: 16px;
+                }
+            }
+        }
+    }
+}
+
+.register-account-overlay {
+    z-index: -1;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0,0,0,0.7);
+    overflow: hidden;
+    display: none;
+    .register-account-wrap {
+        -webkit-transition: all 0.3s ease-in-out;
+        -moz-transition: all 0.3s ease-in-out;
+        -o-transition: all 0.3s ease-in-out;
+        transition: all 0.3s ease-in-out;
+        transform: translateY(-500px);
+        width: 330px;
+        background: white;
+        margin: 10px auto;
+        padding: 35px 35px 23px;
+        color: $turquoise;
+        text-align: center;
+        position: relative;
+        .get-started-title {
+            font-size: 42px;
+        }
+        hr {
+            border: none;
+            border-top: 1px solid #d7d7d7;
+        }
+        .close-registration-overlay {
+            width: 16px;
+            height: 16px;
+            color: white;
+            text-align: center;
+            border: none;
+            padding: 0;
+            font-size: 15px;
+            display: block;
+            position: absolute;
+            right: 12px;
+            top: 12px;
+            background: white;
+            img {
+                max-width: 100%;
+                display: block;
+            }
+            
+        }
+        form {
+            button, input {
+                display: block;
+                text-align: center;
+                width: 100%;
+                line-height: 45px;
+                height: 45px;
+                margin-bottom: 12px;
+            }
+            input {
+                border: 1px solid #d7d7d7;
+            }
+            button {
+                border-radius: 5px;
+                background: $red;
+                color: white;
+                font-weight: 700;
+                border: none;
+            }
+        }
+
+    }
+    
+}
+
+.register-account-overlay--shown {
+    display: block;
+}
+
+body {
+    &.sidebar-menu-open {
+        .page-container {
+            transform: translateX(225px);
+        }
+    }
+    
+    &.registration-open {
+        .register-account-overlay {
+            z-index: 10000;
+            .register-account-wrap {
+                transform: translateY(0);
+                
+                
+            }
+        }
+    }
+}
+
+.static-container {
+    
+    .inner-static-container {
+        max-width: 760px;
+        margin: 0 auto;
+        padding: 25px;
+        font-size: 16px;
+        >:first-child {
+            margin-top: 0;
+        }
+    }
+    img {
+        max-width: 100%;
+        display: block;
+    }
+    h1, h2, h3, h4, h5, h6 {
+        color: $turquoise;
+    }
+    h1 {
+        font-size: 34px;
+    }
+    h2 {
+        font-size: 24px;
+    }
+    h3 {
+        font-size: 19px;
+    }
+    h4 {
+        font-size: 16px;
+    }
+    h5 {
+        font-size: 14px;
+    }
+    h6 {
+        font-size: 13px;
+    }
+}
+
+.sm {
+    display: block !important;
+}
+.lg {
+    display: none !important;
+}
+
+.plans {
+    .plan {
+        padding: 25px 25px 90px;
+        position: relative;
+        margin: 25px 0;
+        h2 {
+            font-size: 36px;
+            margin: 0;
+            small {
+                display: block;
+                font-size: 12px;
+                font-weight: normal;
+            }
+        }
+        .btn-get-started {
+            position: absolute;
+            bottom: 25px;
+            left: 25px;
+            right: 25px;
+            height: 40px;
+            background: #617880;
+            text-align: center;
+            color: white;
+            font-size: 20px;
+            font-weight: 400;
+            line-height: 40px;
+            text-decoration: none;
+        }
+        hr {
+            border: none;
+            border-top: 1px solid #c5c7c6;
+        }
+        ul {
+            padding-left: 20px;
+            margin: 0;
+        }
+    }
+    .plan-free {
+        border: 2px solid $light-turquioise;
+    }
+    .plan-paid {
+        background: #375263;
+        border: 2px solid #375263;
+        color: white;
+        hr {
+            border-color: #417a8d;
+        }
+        h2 small {
+            color: white;
+            padding-bottom: 5px;
+        }
+        
+        h2, .important {
+            color: #91c0d4;
+        }
+        .btn-get-started {
+            background: $light-red;
+        }
+    }
+}
+
+@media (min-width: 760px) {
+    .browser-border {
+        .bithub-embed {
+            margin-left: 0;
+            margin-right: 0;
+            .carousel-next {
+                margin-right: -17px;
+            }
+            .carousel-prev {
+                margin-left: -17px;
+            }
+        }
+    }
+    .sm {
+        display: none !important;
+    }
+    .lg {
+        display: block !important;
+    }
+    .page-container {
+        padding-bottom: 85px;
+    }
+    .pitch-wrap img.full-size-arrow {
+        display: inline-block;
+        position: relative;
+        top: -15px;
+        vertical-align: middle;
+        height: 30px;
+    }
+    .pitch-wrap .red-button {
+        position: relative;
+        top: -5px;
+        margin-left: 10px;
+        display: inline-block;
+    }
+    header.site-header {
+        background: $dark-grey;
+        .menu-wrap {
+            margin: 0 auto;
+        }
+        h1 {
+            background: $red;
+            a {
+                padding: 0 15px;
+            }
+        }
+        .header-menu {
+            margin-right: 0;
+            span {
+                color: white;
+                float: left;
+                padding: 0 10px;
+                height: 35px;
+                line-height: 35px;
+            }
+            a.sign-in {
+                border: 1px solid $grey;
+                color: $grey;
+                float: right;
+                margin-left: 10px;
+                margin-right: 10px;
+                &:hover {
+                    color: white;
+                    border-color: white;
+                }
+            }
+            a.try-it-now {
+                background: $red;
+                border-color: $red;
+            }
+        }
+        
+    }
+    .main-menu {
+        float: left;
+        ul {
+            margin: 0;
+            padding: 0;
+            list-style: none;
+            li {
+                float: left;
+                margin-left: 30px;
+                a {
+                    color: #879898;
+                    display: block;
+                    height: 45px;
+                    line-height: 45px;
+                    text-decoration: none;
+                    &:hover {
+                        color: white;
+                    }
+                }
+            }
+        }
+    }
+    .features-wrap {
+        .intro-wrap {
+            width: 250px;
+            margin: 0 auto;
+            height: 190px;
+            cursor: pointer;
+            opacity: 0.7;
+            &:hover {
+                opacity: 1;
+            }
+            .intro {
+                max-width: 150px;
+            }
+        }
+        .supported-services {
+            li {
+                float: left;
+                width: 33.3%;
+            }
+        }
+        h3 {
+            font-size: 36px;
+        }
+
+        .feature-details-wrap {
+            
+            &:before {
+                position: relative;
+            }
+            p {
+                
+            }
+            img {
+                float: left;
+                width: 48%;
+                margin-right: 4%;
+                margin-top: 30px;
+            }
+        }
+        .outer-feature-details-wrap {
+            max-height: 10000px;
+            margin: -15px -25px 0;
+            display: none;
+        }
+        .feature-wrap {
+            height: 752px;
+            h2 img {
+                height: 32px;
+            }
+        }
+        .feature-connect {
+            .intro-wrap {
+                position: relative;
+                left: -250px;
+            }
+            .feature-details-wrap:before {
+                margin-left: -265px;
+            }
+            
+        }
+        .feature-moderate {
+            margin-top: -752px;
+        }
+        .feature-publish {
+            margin-top: -752px;
+            .intro-wrap {
+                position: relative;
+                left: 250px;
+            }
+            .feature-details-wrap:before {
+                margin-left: 235px;
+            }
+        }
+        .inner-feature-details-wrap {
+            max-width: 850px;
+            margin: 25px auto;
+            height: 450px;
+            .red-button {
+                background: $red;
+            }
+            
+        }
+        .feature-description {
+            float: right;
+            width: 48%;
+            .red-button {
+                margin-left: 0;
+            }
+        }
+    }
+    .active-feature-connect {
+        .feature-connect {
+            .intro-wrap {
+                opacity: 1;
+            }
+            .outer-feature-details-wrap {
+                display: block;
+            }
+        }
+    }
+    .active-feature-moderate {
+        .feature-moderate {
+            .intro-wrap {
+                opacity: 1;
+            }
+            .outer-feature-details-wrap {
+                display: block;
+            }
+        }
+    }
+    .active-feature-publish {
+        .feature-publish {
+            .intro-wrap {
+                opacity: 1;
+            }
+            .outer-feature-details-wrap {
+                display: block;
+            }
+        }
+    }
+    footer.site-footer {
+        height: 85px;
+        .inner-footer-wrap {
+            max-width: 960px;
+            margin: 0 auto;
+            padding-left: 25px;
+        }
+        h4 {
+            border-bottom: none;
+            display: inline-block;
+            margin: 0;
+            width: auto;
+            font-size: 20px;
+             a {
+                 color: white;
+                 text-decoration: none;
+             }
+        }
+        ul {
+            display: inline-block;
+            margin: 0;
+            margin-left: 15px;
+            li {
+                display: inline-block;
+                margin-left: 30px;
+            }
+        }
+    }
+    .plans {
+        display: flex;
+        flex-wrap: no-wrap;
+        justify-content: space-between;
+        .plan {
+            width: 48%;
+        }
+    }
+}
+
+.panel {
+    background: white;
+    padding: 25px;
+}
+
+.form-group {
+    margin-bottom: 10px;
+    label {
+        display: block;
+        font-weight: 700;
+    }
+    input.form-control {
+        background: white;
+        border: 1px solid #d7d7d7;
+        height: 45px;
+        line-height: 45px;
+        padding: 0 10px;
+        font-size: 14px;
+        display: block;
+        width: 100%;
+    }
+   
+}
+.checkbox {
+    label {
+        display: block;
+        margin-bottom: 10px;
+        cursor: pointer;
+    }
+}
+.btn-primary {
+    display: inline-block;
+    width: auto;
+    margin: 0;
+    padding: 0 15px;
+    font-weight: 400;
+}
+.devise-links {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    padding-top: 10px;
+    li {
+        display: inline-block;
+        padding: 0 5px;
+        a {
+            font-size: 14px;
+        }
+    }
+}
+form .alert-info, form .alert-danger {
+    background: #FF7D74;
+    padding: 25px;
+    margin-bottom: 25px;
+    color: white;
+    ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
+}
+form .alert-info {
+    background: #71b5c5;
+}
+a {
+    color: #3f81a1;
+    &:hover {
+        text-decoration: none;
+    }
+}
diff --git a/stylesheets/sass/app.scss b/stylesheets/sass/app.scss
new file mode 100644
index 0000000..79f2da5
--- /dev/null
+++ b/stylesheets/sass/app.scss
@@ -0,0 +1,808 @@
+@import "bootstrap-sprockets";
+@import "bootstrap";
+@charset "UTF-8";
+
+
+// To enable support for browsers that do not support @media queries,
+// (IE <= 8, Firefox <= 3, Opera <= 9) set $mq-responsive to false
+// Create a separate stylesheet served exclusively to these browsers,
+// meaning @media queries will be rasterized, relying on the cascade itself
+$mq-responsive: true;
+
+// Name your breakpoints in a way that creates a ubiquitous language
+// across team members. It will improve communication between
+// stakeholders, designers, developers, and testers.
+$mq-breakpoints: (
+    mobile:  320px,
+    tablet:  768px,
+    desktop: 992px,
+    wide:    1200px,
+);
+
+// Define the breakpoint from the $mq-breakpoints list that should
+// be used as the target width when outputting a static stylesheet
+// (i.e. when $mq-responsive is set to 'false').
+$mq-static-breakpoint: desktop;
+
+// If you want to display the currently active breakpoint in the top
+// right corner of your site during development, add the breakpoints
+// to this list, ordered by width, e.g. (mobile, tablet, desktop).
+$mq-show-breakpoints: (mobile, tablet, desktop, wide);
+
+@import './_sass_mq';
+
+
+body {
+  font-size: 18px;
+  font-family: Georgia, 'Times New Roman', serif;
+  background: #EEECE6;
+  color: #444;
+}
+
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Raleway', sans-serif;
+  font-weight: normal;
+}
+
+
+.header {
+  font-family: 'Raleway', sans-serif;
+  padding-top: 30px;
+  @include mq($until: tablet){
+      padding-top: 10px;
+  }
+  hr {
+    margin-top: 30px;
+  }
+  .logo {
+    height: 45px;
+   
+  }
+  h2 {
+    font-size: 20px;
+    margin: 10px 0 0;
+  }
+  ul {
+    float: right;
+    @include mq($until: tablet){
+        float: none;
+        text-align: center;
+        border-bottom: 1px solid #ccc;
+        padding-bottom: 10px;
+        margin-bottom: 30px;
+    }
+    li {
+      float: left;
+      @include mq($until: tablet){
+          float: none;
+          display: inline-block;
+      }
+      .login-link {
+        display: inline-block;
+        padding: 10px 16px;
+        font-size: 18px;
+        line-height: 1.33333;
+      }
+      span {
+        display: inline-block;
+        padding: 10px 16px;
+        font-size: 18px;
+        line-height: 1.33333;
+        padding-left: 0;
+      }
+      .registration-btn {
+        background: transparent;
+        color: #b53305;
+        border-color: #b53305;
+        &:hover {
+          background: #b53305;
+          color: white;
+        }
+      }
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+
+.text-container {
+  max-width: 800px;
+}
+
+
+h3.start-using {
+  font-weight: normal;
+  margin: 0px 0 20px;
+}
+
+
+.part {
+  h1 {
+    text-align: center;
+    margin-bottom: 10px;
+    margin-top: 5px;
+    font-size: 44px;
+    font-weight: bold;
+    color: #333;
+    a {
+      color: #b53305;
+      text-decoration: underline;
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+  p {
+    line-height: 1.5em;
+  }
+  .emphasized {
+    padding: 30px 0;
+    font-size: 24px;
+  }
+  .what-if-block {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    padding: 10px 0;
+    margin: 30px 0;
+    background: #fafafa;
+    br {
+      @include mq($until: tablet){
+        display: none;
+      }
+    }
+    p {
+      line-height: 1.2em;
+      margin: 0;
+    }
+  }
+  hr.emphasized {
+    margin: 50px 0;
+    padding: 0;
+  }
+}
+
+
+
+
+
+
+
+
+
+.main-part {
+  font-size: 18px;
+}
+
+
+.embed-outer-wrapper {
+  background: #18869E;
+  margin: 85px 0 50px;
+}
+
+
+.embed-wrapper {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  height: 607px;
+  border: 15px solid #119bbb;
+  padding: 0;
+  margin: -15px;
+  background: white;
+  position: relative;
+}
+
+.embed-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+
+.embed-caption {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  font-size: 80%;
+  margin: 0 -15px -15px;
+  background: #119bbb;
+  padding: 15px;
+  color: #f0f0f0;
+  font-style: oblique;
+  font-size: 18px;
+  a {
+    color: white;
+    text-decoration: underline;
+  }
+}
+
+
+
+.convert-options {
+  color: #b53305;
+  font-weight: bold;
+}
+
+
+h2 {
+  &.cta {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background: #b53305;
+    padding: 20px;
+    color: #e9c2b4;
+    font-weight: normal;
+    margin: 0;
+    font-size: 26px;
+    a {
+      color: white;
+      text-decoration: underline;
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+  &.steps-cta {
+    margin: 50px 0 0;
+  }
+}
+
+
+
+
+
+hr.feature-hr {
+  margin-bottom: 30px;
+}
+
+
+.feature-left, .feature-right {
+  position: relative;
+  margin-top: 0px;
+  margin-bottom: 30px;
+}
+
+
+.feature-left:first-child, .feature-right:first-child {
+  margin-top: 0;
+}
+
+
+.feature-left h2, .feature-right h2 {
+  margin-bottom: 5px;
+}
+
+
+.feature-left h3, .feature-right h3 {
+  margin-top: 5px;
+  font-size: 90%;
+  color: #666;
+}
+
+
+.feature-left .image-wrap {
+  right: 0;
+  img {
+    margin-right: 15px;
+    float: right;
+  }
+}
+
+
+
+.image-wrap {
+  text-align: center;
+  position: absolute;
+  top: 20px;
+  bottom: 0;
+  width: 50%;
+  img {
+    width: 343px;
+    float: left;
+    margin-left: 15px;
+  }
+}
+
+.features {
+  @include mq($until: tablet){
+    .image-wrap {
+      display: none;
+    }
+  }
+}
+
+.big-subtitle {
+  font-size: 200%;
+  color: #b53305;
+}
+
+
+hr {
+  border-color: #ccc;
+}
+
+
+.usage-lists {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  padding: 20px;
+  background: #fafafa;
+  margin-top: 10px;
+  ul {
+    width: 50%;
+    float: left;
+    list-style: none;
+    padding: 0;
+    @include mq($until: tablet){
+      float: none;
+      width: 100%;
+      margin-bottom: 0;
+    }
+    li {
+      background: url(/site/images/checkmark.png);
+      background-size: 16px 16px;
+      background-repeat: no-repeat;
+      background-position: 0 6px;
+      line-height: 30px;
+      padding-left: 24px;
+      margin: 0;
+    }
+  }
+}
+
+
+
+.examples-outer-wrapper {
+  margin: 50px 0 0;
+  color: white;
+  .container {
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    background: #374146;
+  }
+  h3 {
+    font-weight: normal;
+    text-align: center;
+    color: #ddd;
+    a {
+      color: #a9e3f0;
+      text-decoration: underline;
+      &:hover {
+        text-decoration: none;
+      }
+    }
+  }
+  .example-embed {
+    height: 600px;
+    background: white;
+    margin: 15px 0 15px;
+    position: relative;
+  }
+}
+
+
+
+
+
+
+
+.pricing-list {
+  margin: 30px -40px;
+  @include mq($until: tablet){
+    margin: 30px 0;
+  }
+}
+
+
+.pricing-title {
+  text-align: center;
+  margin: 0 0 60px;
+}
+
+
+.pricing-wrap {
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background: #f5f5f5;
+  padding: 20px;
+  font-size: 130%;
+  border: 1px solid #dfdfdf;
+  text-align: center;
+  font-family: 'Raleway', sans-serif;
+  min-height: 500px;
+  h3 {
+    margin: 0;
+    font-size: 180%;
+  }
+  .btn {
+    margin: 20px 0;
+    background: #db4222;
+    border: none;
+  }
+  .muted {
+    font-size: 80%;
+  }
+  @include mq($until: tablet){
+    margin-bottom: 10px;
+  }
+}
+
+
+
+
+
+.plan-primary .pricing-wrap {
+  margin: -8px -35px;
+  position: relative;
+  z-index: 2;
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  font-size: 120%;
+  @include mq($until: tablet){
+    margin: 0 0 10px 0;
+    box-shadow: none;
+  }
+  h3 {
+    font-size: 200%;
+  }
+}
+
+
+
+.footer {
+  border-top: 1px solid #ccc;
+  margin-top: 30px;
+  padding: 30px 0;
+  small {
+    font-size: 70%;
+  }
+  ul {
+    float: right;
+    li {
+      float: left;
+      margin-left: 15px;
+    }
+  }
+}
+
+
+
+.pricing-wrap ul {
+  font-size: 16px;
+}
+
+.plan-primary .pricing-wrap ul {
+  font-size: 18px;
+}
+
+
+.steps {
+  font-family: 'Raleway', sans-serif;
+  .step {
+    float: left;
+    width: 30%;
+    margin-right: 5%;
+    text-align: center;
+    color: #4f4f4f;
+    @include mq($until: tablet){
+      width: 100%;
+      float: none;
+      margin-right: 0;
+      border-bottom: 1px solid #ccc;
+      margin-bottom: 20px;
+      padding-bottom: 20px;
+      &:last-child {
+        border-bottom: none;
+        margin-bottom: 0;
+        padding-bottom: 0;
+      }
+    }
+    img {
+      width: 87px;
+      display: inline-block;
+    }
+    a {
+      outline: none;
+    }
+    h2 {
+      border-bottom: 1px solid #dfdfdf;
+      @include mq($until: tablet){
+        border-bottom: none;
+      }
+      padding-bottom: 15px;
+      margin: 5px 0 15px;
+    }
+    p {
+      margin-top: 15px;
+      font-size: 100%;
+    }
+    &:last-child {
+      margin-right: 0;
+      float: right;
+    }
+  }
+}
+
+
+
+
+
+
+blockquote {
+  font-family: Georgia, serif;
+  font-style: oblique;
+  margin: 30px 0;
+  border-left: none;
+  padding-left: 0;
+  position: relative;
+  color: #0d7c95;
+  h3 {
+    font-family: Georgia, serif;
+  }
+  cite {
+    color: #87b5c0;
+  }
+  &:before {
+    color: #119bbb;
+    font-weight: bold;
+    content: "\201C";
+    font-size: 4em;
+    position: absolute;
+    margin-left: -50px;
+    margin-top: -20px;
+  }
+  h3 {
+    margin-top: 0;
+  }
+}
+
+
+
+
+
+
+.faq-wrap h3 {
+  color: #b53305;
+}
+
+
+.video-wrap {
+  margin: 70px 0 0 0;
+  @include mq($until: tablet){
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .video-js {
+    width: 100%;
+    padding-top: 62.5%;
+  }
+
+}
+
+
+.bithub-illustration {
+  width: 100%;
+  margin: 20px 0 40px;
+}
+
+.devise-links {
+  text-align: center;
+  li {
+    display: inline-block;
+    padding-right: 10px;
+    margin-right: 10px;
+    border-right: 1px solid #ccc;
+    &:last-child {
+      border-right: none;
+    }
+  }
+}
+
+.alert-info {
+  border-color: #81BECA;
+}
+
+.sidebar-menu {
+  li {
+    font-family: "Raleway" sans-serif;
+    background: white;
+    border: 1px solid #cecdcd;
+    margin-top: -1px;
+    &:first-child {
+      border-top-left-radius: 5px;
+      border-top-right-radius: 5px;
+    }
+    &:last-child {
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+    }
+    &.active {
+      background: #f5f5f5;
+      a {
+        color: black;
+      }
+    }
+  }
+  a {
+    color: #727272;
+    padding: 10px;
+    display: block;
+  }
+}
+
+.static-page-content {
+  .static-page-heading {
+    height: 34px;
+    line-height: 34px;
+    font-size: 250%;
+    margin-bottom: 25px;
+    margin-top: 0px;
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 700;
+  }
+  p, ul, ol {
+    color: #444;
+    line-height: 1.5;
+    margin-bottom: 30px;
+  }
+}
+
+.top-bar-cta {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 50px;
+  background: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid black;
+  z-index: 100000;
+  margin-top: -50px;
+  transition: margin-top 0.1s ease-out;
+  -webkit-transition: margin-top 0.1s ease-out;
+  -moz-transition: margin-top 0.1s ease-out;
+  @include mq($until: tablet){
+    display: none;
+  }
+}
+
+.top-bar-cta-expanded {
+  margin-top: 0;
+}
+
+.top-cta-wrap {
+  color: white;
+  font-family: 'Raleway', sans-serif;
+  text-align: center;
+  line-height: 50px;
+  .btn-primary {
+    background: #b53305;
+    border: none;
+    display: inline-block;
+    margin-top: -3px;
+    margin-left: 5px;
+  }
+}
+
+.newsletter-form-wrapper {
+  position: fixed;
+  z-index: 100000;
+  background: rgba(0, 0, 0, 0.7);
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  display: none;
+  .form {
+    background: white;
+    margin-top: 50px;
+    font-family: 'Raleway', sans-serif;
+    border-radius: 3px;
+  }
+  h2 span {
+    font-size: 14px;
+    float: right;
+    color: #b53305;
+    margin-top: 7px;
+    margin-right: 20px;
+    cursor: pointer;
+  }
+}
+
+.top-video {
+  margin-top: 0;
+  margin-bottom: 50px;
+  .video-js {
+    width: 100%;
+    padding-top: 52.5%;
+    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
+  }
+}
+.vjs-fullscreen {
+  padding-top: 0;
+}
+
+ul.usage {
+  background: #fafafa;
+  padding: 20px;
+  list-style: none;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  li {
+    background: url(/site/images/checkmark.png);
+    background-size: 16px 16px;
+    background-repeat: no-repeat;
+    background-position: 0 6px;
+    line-height: 30px;
+    padding-left: 24px;
+    width: 50%;
+    float: left;
+    @include mq($until: tablet){
+      width: 100%;
+      float: none;
+    }
+  }
+}
+
+.plan-and-form-wrap {
+  position: relative;
+  .panel {
+    margin-bottom: 0;
+  }
+}
+.pricing-registration-page {
+  width: 38.2%;
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 0;
+  .pricing-wrap {
+    height: 100%;
+    width: 100%;
+    min-height: 0;
+    border-right: none;
+    -webkit-border-top-right-radius: 0;
+    -webkit-border-bottom-right-radius: 0;
+    -moz-border-radius-topright: 0;
+    -moz-border-radius-bottomright: 0;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+}
+.registration-heading {
+  text-align: center;
+}
+.registration-panel {
+  float: right;
+  width: 61.8%;
+  .panel-body {
+      padding: 35px 15px;
+  }
+}
+#registration {
+    padding-top: 50px;
+}
+
+.frontpage-plan-form {
+    position: relative;
+    margin: 30px 0;
+}
diff --git a/stylesheets/sass/normalize.scss b/stylesheets/sass/normalize.scss
new file mode 100644
index 0000000..73abb76
--- /dev/null
+++ b/stylesheets/sass/normalize.scss
@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+    -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+    cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
\ No newline at end of file
diff --git a/stylesheets/theme.css b/stylesheets/theme.css
new file mode 100644
index 0000000..0bd5b92
--- /dev/null
+++ b/stylesheets/theme.css
@@ -0,0 +1,5768 @@
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+html {
+  font-family: sans-serif;
+  -ms-text-size-adjust: 100%;
+  -webkit-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+[hidden],
+template {
+  display: none;
+}
+a {
+  background: transparent;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+mark {
+  background: #ff0;
+  color: #000;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+img {
+  border: 0;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  font: inherit;
+  margin: 0;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+td,
+th {
+  padding: 0;
+}
+@media print {
+  * {
+    text-shadow: none !important;
+    color: #000 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  abbr[title]:after {
+    content: " (" attr(title) ")";
+  }
+  a[href^="javascript:"]:after,
+  a[href^="#"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+  select {
+    background: #fff !important;
+  }
+  .navbar {
+    display: none;
+  }
+  .table td,
+  .table th {
+    background-color: #fff !important;
+  }
+  .btn > .caret,
+  .dropup > .btn > .caret {
+    border-top-color: #000 !important;
+  }
+  .label {
+    border: 1px solid #000;
+  }
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table-bordered th,
+  .table-bordered td {
+    border: 1px solid #ddd !important;
+  }
+}
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+html {
+  font-size: 62.5%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: 'Helvetica Neue', Helvetica, Arial;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #333333;
+  background-color: #ffffff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #c23315;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #7d210e;
+  text-decoration: underline;
+}
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img,
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}
+.img-rounded {
+  border-radius: 3px;
+}
+.img-thumbnail {
+  padding: 4px;
+  line-height: 1.428571429;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  display: inline-block;
+  max-width: 100%;
+  height: auto;
+}
+.img-circle {
+  border-radius: 50%;
+}
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eeeeee;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: 'Helvetica Neue', Helvetica, Arial;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small,
+.h1 small,
+.h2 small,
+.h3 small,
+.h4 small,
+.h5 small,
+.h6 small,
+h1 .small,
+h2 .small,
+h3 .small,
+h4 .small,
+h5 .small,
+h6 .small,
+.h1 .small,
+.h2 .small,
+.h3 .small,
+.h4 .small,
+.h5 .small,
+.h6 .small {
+  font-weight: normal;
+  line-height: 1;
+  color: #999999;
+}
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+h1 small,
+.h1 small,
+h2 small,
+.h2 small,
+h3 small,
+.h3 small,
+h1 .small,
+.h1 .small,
+h2 .small,
+.h2 .small,
+h3 .small,
+.h3 .small {
+  font-size: 65%;
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+h4 small,
+.h4 small,
+h5 small,
+.h5 small,
+h6 small,
+.h6 small,
+h4 .small,
+.h4 .small,
+h5 .small,
+.h5 .small,
+h6 .small,
+.h6 .small {
+  font-size: 75%;
+}
+h1,
+.h1 {
+  font-size: 36px;
+}
+h2,
+.h2 {
+  font-size: 30px;
+}
+h3,
+.h3 {
+  font-size: 23px;
+}
+h4,
+.h4 {
+  font-size: 17px;
+}
+h5,
+.h5 {
+  font-size: 14px;
+}
+h6,
+.h6 {
+  font-size: 11px;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 200;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+small,
+.small {
+  font-size: 85%;
+}
+cite {
+  font-style: normal;
+}
+.text-left {
+  text-align: left;
+}
+.text-right {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-muted {
+  color: #999999;
+}
+.text-primary {
+  color: #c23315;
+}
+a.text-primary:hover {
+  color: #942710;
+}
+.text-success {
+  color: #468847;
+}
+a.text-success:hover {
+  color: #356635;
+}
+.text-info {
+  color: #3a87ad;
+}
+a.text-info:hover {
+  color: #2d6987;
+}
+.text-warning {
+  color: #c09853;
+}
+a.text-warning:hover {
+  color: #a47e3c;
+}
+.text-danger {
+  color: #b94a48;
+}
+a.text-danger:hover {
+  color: #953b39;
+}
+.bg-primary {
+  color: #fff;
+  background-color: #c23315;
+}
+a.bg-primary:hover {
+  background-color: #942710;
+}
+.bg-success {
+  background-color: #dff0d8;
+}
+a.bg-success:hover {
+  background-color: #c1e2b3;
+}
+.bg-info {
+  background-color: #d9edf7;
+}
+a.bg-info:hover {
+  background-color: #afd9ee;
+}
+.bg-warning {
+  background-color: #fcf8e3;
+}
+a.bg-warning:hover {
+  background-color: #f7ecb5;
+}
+.bg-danger {
+  background-color: #f2dede;
+}
+a.bg-danger:hover {
+  background-color: #e4b9b9;
+}
+.page-header {
+  padding-bottom: 9px;
+  margin: 40px 0 20px;
+  border-bottom: 1px solid #eeeeee;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.list-inline > li:first-child {
+  padding-left: 0;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+dt,
+dd {
+  line-height: 1.428571429;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .dl-horizontal dt {
+    float: left;
+    width: 160px;
+    clear: left;
+    text-align: right;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .dl-horizontal dd {
+    margin-left: 180px;
+  }
+}
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #999999;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eeeeee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+blockquote footer,
+blockquote small,
+blockquote .small {
+  display: block;
+  font-size: 80%;
+  line-height: 1.428571429;
+  color: #999999;
+}
+blockquote footer:before,
+blockquote small:before,
+blockquote .small:before {
+  content: '\2014 \00A0';
+}
+.blockquote-reverse,
+blockquote.pull-right {
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #eeeeee;
+  border-left: 0;
+  text-align: right;
+}
+.blockquote-reverse footer:before,
+blockquote.pull-right footer:before,
+.blockquote-reverse small:before,
+blockquote.pull-right small:before,
+.blockquote-reverse .small:before,
+blockquote.pull-right .small:before {
+  content: '';
+}
+.blockquote-reverse footer:after,
+blockquote.pull-right footer:after,
+.blockquote-reverse small:after,
+blockquote.pull-right small:after,
+.blockquote-reverse .small:after,
+blockquote.pull-right .small:after {
+  content: '\00A0 \2014';
+}
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.428571429;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Monaco;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  white-space: nowrap;
+  border-radius: 3px;
+}
+kbd {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #ffffff;
+  background-color: #333333;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.428571429;
+  word-break: break-all;
+  word-wrap: break-word;
+  color: #333333;
+  background-color: #f5f5f5;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+.container-fluid {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.row {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666666666666%;
+}
+.col-xs-10 {
+  width: 83.33333333333334%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666666666666%;
+}
+.col-xs-7 {
+  width: 58.333333333333336%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666666666667%;
+}
+.col-xs-4 {
+  width: 33.33333333333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.666666666666664%;
+}
+.col-xs-1 {
+  width: 8.333333333333332%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666666666666%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333333334%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666666666666%;
+}
+.col-xs-pull-7 {
+  right: 58.333333333333336%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666666666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.666666666666664%;
+}
+.col-xs-pull-1 {
+  right: 8.333333333333332%;
+}
+.col-xs-pull-0 {
+  right: 0%;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666666666666%;
+}
+.col-xs-push-10 {
+  left: 83.33333333333334%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666666666666%;
+}
+.col-xs-push-7 {
+  left: 58.333333333333336%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666666666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.666666666666664%;
+}
+.col-xs-push-1 {
+  left: 8.333333333333332%;
+}
+.col-xs-push-0 {
+  left: 0%;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666666666666%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333333334%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666666666666%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.333333333333336%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666666666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.666666666666664%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.333333333333332%;
+}
+.col-xs-offset-0 {
+  margin-left: 0%;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666666666666%;
+  }
+  .col-sm-10 {
+    width: 83.33333333333334%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666666666666%;
+  }
+  .col-sm-7 {
+    width: 58.333333333333336%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666666666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.666666666666664%;
+  }
+  .col-sm-1 {
+    width: 8.333333333333332%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666666666666%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333333334%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666666666666%;
+  }
+  .col-sm-pull-7 {
+    right: 58.333333333333336%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666666666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.666666666666664%;
+  }
+  .col-sm-pull-1 {
+    right: 8.333333333333332%;
+  }
+  .col-sm-pull-0 {
+    right: 0%;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666666666666%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333333334%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666666666666%;
+  }
+  .col-sm-push-7 {
+    left: 58.333333333333336%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666666666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.666666666666664%;
+  }
+  .col-sm-push-1 {
+    left: 8.333333333333332%;
+  }
+  .col-sm-push-0 {
+    left: 0%;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666666666666%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333333334%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666666666666%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.333333333333336%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666666666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.666666666666664%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.333333333333332%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666666666666%;
+  }
+  .col-md-10 {
+    width: 83.33333333333334%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666666666666%;
+  }
+  .col-md-7 {
+    width: 58.333333333333336%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666666666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.666666666666664%;
+  }
+  .col-md-1 {
+    width: 8.333333333333332%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666666666666%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333333334%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666666666666%;
+  }
+  .col-md-pull-7 {
+    right: 58.333333333333336%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666666666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.666666666666664%;
+  }
+  .col-md-pull-1 {
+    right: 8.333333333333332%;
+  }
+  .col-md-pull-0 {
+    right: 0%;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666666666666%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333333334%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666666666666%;
+  }
+  .col-md-push-7 {
+    left: 58.333333333333336%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666666666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.666666666666664%;
+  }
+  .col-md-push-1 {
+    left: 8.333333333333332%;
+  }
+  .col-md-push-0 {
+    left: 0%;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666666666666%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333333334%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666666666666%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.333333333333336%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666666666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.666666666666664%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.333333333333332%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0%;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666666666666%;
+  }
+  .col-lg-10 {
+    width: 83.33333333333334%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666666666666%;
+  }
+  .col-lg-7 {
+    width: 58.333333333333336%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666666666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.666666666666664%;
+  }
+  .col-lg-1 {
+    width: 8.333333333333332%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666666666666%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333333334%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666666666666%;
+  }
+  .col-lg-pull-7 {
+    right: 58.333333333333336%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666666666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.666666666666664%;
+  }
+  .col-lg-pull-1 {
+    right: 8.333333333333332%;
+  }
+  .col-lg-pull-0 {
+    right: 0%;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666666666666%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333333334%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666666666666%;
+  }
+  .col-lg-push-7 {
+    left: 58.333333333333336%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666666666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.666666666666664%;
+  }
+  .col-lg-push-1 {
+    left: 8.333333333333332%;
+  }
+  .col-lg-push-0 {
+    left: 0%;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666666666666%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333333334%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666666666666%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.333333333333336%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666666666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.666666666666664%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.333333333333332%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0%;
+  }
+}
+table {
+  max-width: 100%;
+  background-color: transparent;
+}
+th {
+  text-align: left;
+}
+.table {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.table > thead > tr > th,
+.table > tbody > tr > th,
+.table > tfoot > tr > th,
+.table > thead > tr > td,
+.table > tbody > tr > td,
+.table > tfoot > tr > td {
+  padding: 8px;
+  line-height: 1.428571429;
+  vertical-align: top;
+  border-top: 1px solid #dddddd;
+}
+.table > thead > tr > th {
+  vertical-align: bottom;
+  border-bottom: 2px solid #dddddd;
+}
+.table > caption + thead > tr:first-child > th,
+.table > colgroup + thead > tr:first-child > th,
+.table > thead:first-child > tr:first-child > th,
+.table > caption + thead > tr:first-child > td,
+.table > colgroup + thead > tr:first-child > td,
+.table > thead:first-child > tr:first-child > td {
+  border-top: 0;
+}
+.table > tbody + tbody {
+  border-top: 2px solid #dddddd;
+}
+.table .table {
+  background-color: #ffffff;
+}
+.table-condensed > thead > tr > th,
+.table-condensed > tbody > tr > th,
+.table-condensed > tfoot > tr > th,
+.table-condensed > thead > tr > td,
+.table-condensed > tbody > tr > td,
+.table-condensed > tfoot > tr > td {
+  padding: 5px;
+}
+.table-bordered {
+  border: 1px solid #dddddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > tbody > tr > td,
+.table-bordered > tfoot > tr > td {
+  border: 1px solid #dddddd;
+}
+.table-bordered > thead > tr > th,
+.table-bordered > thead > tr > td {
+  border-bottom-width: 2px;
+}
+.table-striped > tbody > tr:nth-child(odd) > td,
+.table-striped > tbody > tr:nth-child(odd) > th {
+  background-color: #f9f9f9;
+}
+.table-hover > tbody > tr:hover > td,
+.table-hover > tbody > tr:hover > th {
+  background-color: #f5f5f5;
+}
+table col[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-column;
+}
+table td[class*="col-"],
+table th[class*="col-"] {
+  position: static;
+  float: none;
+  display: table-cell;
+}
+.table > thead > tr > td.active,
+.table > tbody > tr > td.active,
+.table > tfoot > tr > td.active,
+.table > thead > tr > th.active,
+.table > tbody > tr > th.active,
+.table > tfoot > tr > th.active,
+.table > thead > tr.active > td,
+.table > tbody > tr.active > td,
+.table > tfoot > tr.active > td,
+.table > thead > tr.active > th,
+.table > tbody > tr.active > th,
+.table > tfoot > tr.active > th {
+  background-color: #f5f5f5;
+}
+.table-hover > tbody > tr > td.active:hover,
+.table-hover > tbody > tr > th.active:hover,
+.table-hover > tbody > tr.active:hover > td,
+.table-hover > tbody > tr.active:hover > th {
+  background-color: #e8e8e8;
+}
+.table > thead > tr > td.success,
+.table > tbody > tr > td.success,
+.table > tfoot > tr > td.success,
+.table > thead > tr > th.success,
+.table > tbody > tr > th.success,
+.table > tfoot > tr > th.success,
+.table > thead > tr.success > td,
+.table > tbody > tr.success > td,
+.table > tfoot > tr.success > td,
+.table > thead > tr.success > th,
+.table > tbody > tr.success > th,
+.table > tfoot > tr.success > th {
+  background-color: #dff0d8;
+}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td,
+.table-hover > tbody > tr.success:hover > th {
+  background-color: #d0e9c6;
+}
+.table > thead > tr > td.info,
+.table > tbody > tr > td.info,
+.table > tfoot > tr > td.info,
+.table > thead > tr > th.info,
+.table > tbody > tr > th.info,
+.table > tfoot > tr > th.info,
+.table > thead > tr.info > td,
+.table > tbody > tr.info > td,
+.table > tfoot > tr.info > td,
+.table > thead > tr.info > th,
+.table > tbody > tr.info > th,
+.table > tfoot > tr.info > th {
+  background-color: #d9edf7;
+}
+.table-hover > tbody > tr > td.info:hover,
+.table-hover > tbody > tr > th.info:hover,
+.table-hover > tbody > tr.info:hover > td,
+.table-hover > tbody > tr.info:hover > th {
+  background-color: #c4e3f3;
+}
+.table > thead > tr > td.warning,
+.table > tbody > tr > td.warning,
+.table > tfoot > tr > td.warning,
+.table > thead > tr > th.warning,
+.table > tbody > tr > th.warning,
+.table > tfoot > tr > th.warning,
+.table > thead > tr.warning > td,
+.table > tbody > tr.warning > td,
+.table > tfoot > tr.warning > td,
+.table > thead > tr.warning > th,
+.table > tbody > tr.warning > th,
+.table > tfoot > tr.warning > th {
+  background-color: #fcf8e3;
+}
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
+.table-hover > tbody > tr.warning:hover > td,
+.table-hover > tbody > tr.warning:hover > th {
+  background-color: #faf2cc;
+}
+.table > thead > tr > td.danger,
+.table > tbody > tr > td.danger,
+.table > tfoot > tr > td.danger,
+.table > thead > tr > th.danger,
+.table > tbody > tr > th.danger,
+.table > tfoot > tr > th.danger,
+.table > thead > tr.danger > td,
+.table > tbody > tr.danger > td,
+.table > tfoot > tr.danger > td,
+.table > thead > tr.danger > th,
+.table > tbody > tr.danger > th,
+.table > tfoot > tr.danger > th {
+  background-color: #f2dede;
+}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td,
+.table-hover > tbody > tr.danger:hover > th {
+  background-color: #ebcccc;
+}
+@media (max-width: 767px) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: 15px;
+    overflow-y: hidden;
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid #dddddd;
+    -webkit-overflow-scrolling: touch;
+  }
+  .table-responsive > .table {
+    margin-bottom: 0;
+  }
+  .table-responsive > .table > thead > tr > th,
+  .table-responsive > .table > tbody > tr > th,
+  .table-responsive > .table > tfoot > tr > th,
+  .table-responsive > .table > thead > tr > td,
+  .table-responsive > .table > tbody > tr > td,
+  .table-responsive > .table > tfoot > tr > td {
+    white-space: nowrap;
+  }
+  .table-responsive > .table-bordered {
+    border: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:first-child,
+  .table-responsive > .table-bordered > tbody > tr > th:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+  .table-responsive > .table-bordered > thead > tr > td:first-child,
+  .table-responsive > .table-bordered > tbody > tr > td:first-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+    border-left: 0;
+  }
+  .table-responsive > .table-bordered > thead > tr > th:last-child,
+  .table-responsive > .table-bordered > tbody > tr > th:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+  .table-responsive > .table-bordered > thead > tr > td:last-child,
+  .table-responsive > .table-bordered > tbody > tr > td:last-child,
+  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+    border-right: 0;
+  }
+  .table-responsive > .table-bordered > tbody > tr:last-child > th,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+  .table-responsive > .table-bordered > tbody > tr:last-child > td,
+  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+    border-bottom: 0;
+  }
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  min-width: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+input[type="search"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  /* IE8-9 */
+
+  line-height: normal;
+}
+input[type="file"] {
+  display: block;
+}
+input[type="range"] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+output {
+  display: block;
+  padding-top: 7px;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #555555;
+}
+.form-control {
+  display: block;
+  width: 100%;
+  height: 34px;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.428571429;
+  color: #555555;
+  background-color: #ffffff;
+  background-image: none;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
+}
+.form-control:focus {
+  border-color: #66afe9;
+  outline: 0;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
+}
+.form-control::-moz-placeholder {
+  color: #999999;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #999999;
+}
+.form-control::-webkit-input-placeholder {
+  color: #999999;
+}
+.form-control[disabled],
+.form-control[readonly],
+fieldset[disabled] .form-control {
+  cursor: not-allowed;
+  background-color: #eeeeee;
+  opacity: 1;
+}
+textarea.form-control {
+  height: auto;
+}
+input[type="search"] {
+  -webkit-appearance: none;
+}
+input[type="date"] {
+  line-height: 34px;
+}
+.form-group {
+  margin-bottom: 15px;
+}
+.radio,
+.checkbox {
+  display: block;
+  min-height: 20px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding-left: 20px;
+}
+.radio label,
+.checkbox label {
+  display: inline;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio input[type="radio"],
+.radio-inline input[type="radio"],
+.checkbox input[type="checkbox"],
+.checkbox-inline input[type="checkbox"] {
+  float: left;
+  margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px;
+}
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+.radio[disabled],
+.radio-inline[disabled],
+.checkbox[disabled],
+.checkbox-inline[disabled],
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"],
+fieldset[disabled] .radio,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.input-sm {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-sm {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.input-lg {
+  height: 45px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.33;
+  border-radius: 3px;
+}
+select.input-lg {
+  height: 45px;
+  line-height: 45px;
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: 42.5px;
+}
+.has-feedback .form-control-feedback {
+  position: absolute;
+  top: 25px;
+  right: 0;
+  display: block;
+  width: 34px;
+  height: 34px;
+  line-height: 34px;
+  text-align: center;
+}
+.has-success .help-block,
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline {
+  color: #468847;
+}
+.has-success .form-control {
+  border-color: #468847;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-success .form-control:focus {
+  border-color: #356635;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
+}
+.has-success .input-group-addon {
+  color: #468847;
+  border-color: #468847;
+  background-color: #dff0d8;
+}
+.has-success .form-control-feedback {
+  color: #468847;
+}
+.has-warning .help-block,
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline {
+  color: #c09853;
+}
+.has-warning .form-control {
+  border-color: #c09853;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-warning .form-control:focus {
+  border-color: #a47e3c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+}
+.has-warning .input-group-addon {
+  color: #c09853;
+  border-color: #c09853;
+  background-color: #fcf8e3;
+}
+.has-warning .form-control-feedback {
+  color: #c09853;
+}
+.has-error .help-block,
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline {
+  color: #b94a48;
+}
+.has-error .form-control {
+  border-color: #b94a48;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.has-error .form-control:focus {
+  border-color: #953b39;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
+}
+.has-error .input-group-addon {
+  color: #b94a48;
+  border-color: #b94a48;
+  background-color: #f2dede;
+}
+.has-error .form-control-feedback {
+  color: #b94a48;
+}
+.form-control-static {
+  margin-bottom: 0;
+}
+.help-block {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: #737373;
+}
+@media (min-width: 768px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    float: none;
+    margin-left: 0;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .control-label,
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 7px;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: 27px;
+}
+.form-horizontal .form-group {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+.form-horizontal .form-control-static {
+  padding-top: 7px;
+}
+@media (min-width: 768px) {
+  .form-horizontal .control-label {
+    text-align: right;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  top: 0;
+  right: 15px;
+}
+.btn {
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: normal;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.428571429;
+  border-radius: 3px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+.btn:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus {
+  color: #333333;
+  text-decoration: none;
+}
+.btn:active,
+.btn.active {
+  outline: 0;
+  background-image: none;
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn.disabled,
+.btn[disabled],
+fieldset[disabled] .btn {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-default {
+  color: #333333;
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+.btn-default:hover,
+.btn-default:focus,
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+  color: #333333;
+  background-color: #ebebeb;
+  border-color: #adadad;
+}
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+  background-image: none;
+}
+.btn-default.disabled,
+.btn-default[disabled],
+fieldset[disabled] .btn-default,
+.btn-default.disabled:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn-default:hover,
+.btn-default.disabled:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn-default:focus,
+.btn-default.disabled:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn-default:active,
+.btn-default.disabled.active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn-default.active {
+  background-color: #ffffff;
+  border-color: #cccccc;
+}
+.btn-default .badge {
+  color: #ffffff;
+  background-color: #333333;
+}
+.btn-primary {
+  color: #ffffff;
+  background-color: #c23315;
+  border-color: #ab2d13;
+}
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+  color: #ffffff;
+  background-color: #9d2911;
+  border-color: #741e0d;
+}
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+  background-image: none;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #c23315;
+  border-color: #ab2d13;
+}
+.btn-primary .badge {
+  color: #c23315;
+  background-color: #ffffff;
+}
+.btn-success {
+  color: #ffffff;
+  background-color: #24b87f;
+  border-color: #20a370;
+}
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+  color: #ffffff;
+  background-color: #1d9667;
+  border-color: #166f4d;
+}
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+  background-image: none;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #24b87f;
+  border-color: #20a370;
+}
+.btn-success .badge {
+  color: #24b87f;
+  background-color: #ffffff;
+}
+.btn-info {
+  color: #ffffff;
+  background-color: #119bbb;
+  border-color: #0f88a4;
+}
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+  color: #ffffff;
+  background-color: #0e7c96;
+  border-color: #0a596c;
+}
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+  background-image: none;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #119bbb;
+  border-color: #0f88a4;
+}
+.btn-info .badge {
+  color: #119bbb;
+  background-color: #ffffff;
+}
+.btn-warning {
+  color: #ffffff;
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  color: #ffffff;
+  background-color: #ed9c28;
+  border-color: #d58512;
+}
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+  background-image: none;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #f0ad4e;
+  border-color: #eea236;
+}
+.btn-warning .badge {
+  color: #f0ad4e;
+  background-color: #ffffff;
+}
+.btn-danger {
+  color: #ffffff;
+  background-color: #e3413c;
+  border-color: #e02b26;
+}
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  color: #ffffff;
+  background-color: #d7241f;
+  border-color: #af1e19;
+}
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+  background-image: none;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #e3413c;
+  border-color: #e02b26;
+}
+.btn-danger .badge {
+  color: #e3413c;
+  background-color: #ffffff;
+}
+.btn-link {
+  color: #c23315;
+  font-weight: normal;
+  cursor: pointer;
+  border-radius: 0;
+}
+.btn-link,
+.btn-link:active,
+.btn-link[disabled],
+fieldset[disabled] .btn-link {
+  background-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn-link,
+.btn-link:hover,
+.btn-link:focus,
+.btn-link:active {
+  border-color: transparent;
+}
+.btn-link:hover,
+.btn-link:focus {
+  color: #7d210e;
+  text-decoration: underline;
+  background-color: transparent;
+}
+.btn-link[disabled]:hover,
+fieldset[disabled] .btn-link:hover,
+.btn-link[disabled]:focus,
+fieldset[disabled] .btn-link:focus {
+  color: #999999;
+  text-decoration: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.33;
+  border-radius: 3px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+}
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+  transition: opacity 0.15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease;
+  transition: height 0.35s ease;
+}
+@font-face {
+  font-family: 'Glyphicons Halflings';
+  src: url('../app/fonts/glyphicons-halflings-regular.eot');
+  src: url('../app/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../app/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../app/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../app/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+.glyphicon {
+  position: relative;
+  top: 1px;
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.glyphicon-asterisk:before {
+  content: "\2a";
+}
+.glyphicon-plus:before {
+  content: "\2b";
+}
+.glyphicon-euro:before {
+  content: "\20ac";
+}
+.glyphicon-minus:before {
+  content: "\2212";
+}
+.glyphicon-cloud:before {
+  content: "\2601";
+}
+.glyphicon-envelope:before {
+  content: "\2709";
+}
+.glyphicon-pencil:before {
+  content: "\270f";
+}
+.glyphicon-glass:before {
+  content: "\e001";
+}
+.glyphicon-music:before {
+  content: "\e002";
+}
+.glyphicon-search:before {
+  content: "\e003";
+}
+.glyphicon-heart:before {
+  content: "\e005";
+}
+.glyphicon-star:before {
+  content: "\e006";
+}
+.glyphicon-star-empty:before {
+  content: "\e007";
+}
+.glyphicon-user:before {
+  content: "\e008";
+}
+.glyphicon-film:before {
+  content: "\e009";
+}
+.glyphicon-th-large:before {
+  content: "\e010";
+}
+.glyphicon-th:before {
+  content: "\e011";
+}
+.glyphicon-th-list:before {
+  content: "\e012";
+}
+.glyphicon-ok:before {
+  content: "\e013";
+}
+.glyphicon-remove:before {
+  content: "\e014";
+}
+.glyphicon-zoom-in:before {
+  content: "\e015";
+}
+.glyphicon-zoom-out:before {
+  content: "\e016";
+}
+.glyphicon-off:before {
+  content: "\e017";
+}
+.glyphicon-signal:before {
+  content: "\e018";
+}
+.glyphicon-cog:before {
+  content: "\e019";
+}
+.glyphicon-trash:before {
+  content: "\e020";
+}
+.glyphicon-home:before {
+  content: "\e021";
+}
+.glyphicon-file:before {
+  content: "\e022";
+}
+.glyphicon-time:before {
+  content: "\e023";
+}
+.glyphicon-road:before {
+  content: "\e024";
+}
+.glyphicon-download-alt:before {
+  content: "\e025";
+}
+.glyphicon-download:before {
+  content: "\e026";
+}
+.glyphicon-upload:before {
+  content: "\e027";
+}
+.glyphicon-inbox:before {
+  content: "\e028";
+}
+.glyphicon-play-circle:before {
+  content: "\e029";
+}
+.glyphicon-repeat:before {
+  content: "\e030";
+}
+.glyphicon-refresh:before {
+  content: "\e031";
+}
+.glyphicon-list-alt:before {
+  content: "\e032";
+}
+.glyphicon-lock:before {
+  content: "\e033";
+}
+.glyphicon-flag:before {
+  content: "\e034";
+}
+.glyphicon-headphones:before {
+  content: "\e035";
+}
+.glyphicon-volume-off:before {
+  content: "\e036";
+}
+.glyphicon-volume-down:before {
+  content: "\e037";
+}
+.glyphicon-volume-up:before {
+  content: "\e038";
+}
+.glyphicon-qrcode:before {
+  content: "\e039";
+}
+.glyphicon-barcode:before {
+  content: "\e040";
+}
+.glyphicon-tag:before {
+  content: "\e041";
+}
+.glyphicon-tags:before {
+  content: "\e042";
+}
+.glyphicon-book:before {
+  content: "\e043";
+}
+.glyphicon-bookmark:before {
+  content: "\e044";
+}
+.glyphicon-print:before {
+  content: "\e045";
+}
+.glyphicon-camera:before {
+  content: "\e046";
+}
+.glyphicon-font:before {
+  content: "\e047";
+}
+.glyphicon-bold:before {
+  content: "\e048";
+}
+.glyphicon-italic:before {
+  content: "\e049";
+}
+.glyphicon-text-height:before {
+  content: "\e050";
+}
+.glyphicon-text-width:before {
+  content: "\e051";
+}
+.glyphicon-align-left:before {
+  content: "\e052";
+}
+.glyphicon-align-center:before {
+  content: "\e053";
+}
+.glyphicon-align-right:before {
+  content: "\e054";
+}
+.glyphicon-align-justify:before {
+  content: "\e055";
+}
+.glyphicon-list:before {
+  content: "\e056";
+}
+.glyphicon-indent-left:before {
+  content: "\e057";
+}
+.glyphicon-indent-right:before {
+  content: "\e058";
+}
+.glyphicon-facetime-video:before {
+  content: "\e059";
+}
+.glyphicon-picture:before {
+  content: "\e060";
+}
+.glyphicon-map-marker:before {
+  content: "\e062";
+}
+.glyphicon-adjust:before {
+  content: "\e063";
+}
+.glyphicon-tint:before {
+  content: "\e064";
+}
+.glyphicon-edit:before {
+  content: "\e065";
+}
+.glyphicon-share:before {
+  content: "\e066";
+}
+.glyphicon-check:before {
+  content: "\e067";
+}
+.glyphicon-move:before {
+  content: "\e068";
+}
+.glyphicon-step-backward:before {
+  content: "\e069";
+}
+.glyphicon-fast-backward:before {
+  content: "\e070";
+}
+.glyphicon-backward:before {
+  content: "\e071";
+}
+.glyphicon-play:before {
+  content: "\e072";
+}
+.glyphicon-pause:before {
+  content: "\e073";
+}
+.glyphicon-stop:before {
+  content: "\e074";
+}
+.glyphicon-forward:before {
+  content: "\e075";
+}
+.glyphicon-fast-forward:before {
+  content: "\e076";
+}
+.glyphicon-step-forward:before {
+  content: "\e077";
+}
+.glyphicon-eject:before {
+  content: "\e078";
+}
+.glyphicon-chevron-left:before {
+  content: "\e079";
+}
+.glyphicon-chevron-right:before {
+  content: "\e080";
+}
+.glyphicon-plus-sign:before {
+  content: "\e081";
+}
+.glyphicon-minus-sign:before {
+  content: "\e082";
+}
+.glyphicon-remove-sign:before {
+  content: "\e083";
+}
+.glyphicon-ok-sign:before {
+  content: "\e084";
+}
+.glyphicon-question-sign:before {
+  content: "\e085";
+}
+.glyphicon-info-sign:before {
+  content: "\e086";
+}
+.glyphicon-screenshot:before {
+  content: "\e087";
+}
+.glyphicon-remove-circle:before {
+  content: "\e088";
+}
+.glyphicon-ok-circle:before {
+  content: "\e089";
+}
+.glyphicon-ban-circle:before {
+  content: "\e090";
+}
+.glyphicon-arrow-left:before {
+  content: "\e091";
+}
+.glyphicon-arrow-right:before {
+  content: "\e092";
+}
+.glyphicon-arrow-up:before {
+  content: "\e093";
+}
+.glyphicon-arrow-down:before {
+  content: "\e094";
+}
+.glyphicon-share-alt:before {
+  content: "\e095";
+}
+.glyphicon-resize-full:before {
+  content: "\e096";
+}
+.glyphicon-resize-small:before {
+  content: "\e097";
+}
+.glyphicon-exclamation-sign:before {
+  content: "\e101";
+}
+.glyphicon-gift:before {
+  content: "\e102";
+}
+.glyphicon-leaf:before {
+  content: "\e103";
+}
+.glyphicon-fire:before {
+  content: "\e104";
+}
+.glyphicon-eye-open:before {
+  content: "\e105";
+}
+.glyphicon-eye-close:before {
+  content: "\e106";
+}
+.glyphicon-warning-sign:before {
+  content: "\e107";
+}
+.glyphicon-plane:before {
+  content: "\e108";
+}
+.glyphicon-calendar:before {
+  content: "\e109";
+}
+.glyphicon-random:before {
+  content: "\e110";
+}
+.glyphicon-comment:before {
+  content: "\e111";
+}
+.glyphicon-magnet:before {
+  content: "\e112";
+}
+.glyphicon-chevron-up:before {
+  content: "\e113";
+}
+.glyphicon-chevron-down:before {
+  content: "\e114";
+}
+.glyphicon-retweet:before {
+  content: "\e115";
+}
+.glyphicon-shopping-cart:before {
+  content: "\e116";
+}
+.glyphicon-folder-close:before {
+  content: "\e117";
+}
+.glyphicon-folder-open:before {
+  content: "\e118";
+}
+.glyphicon-resize-vertical:before {
+  content: "\e119";
+}
+.glyphicon-resize-horizontal:before {
+  content: "\e120";
+}
+.glyphicon-hdd:before {
+  content: "\e121";
+}
+.glyphicon-bullhorn:before {
+  content: "\e122";
+}
+.glyphicon-bell:before {
+  content: "\e123";
+}
+.glyphicon-certificate:before {
+  content: "\e124";
+}
+.glyphicon-thumbs-up:before {
+  content: "\e125";
+}
+.glyphicon-thumbs-down:before {
+  content: "\e126";
+}
+.glyphicon-hand-right:before {
+  content: "\e127";
+}
+.glyphicon-hand-left:before {
+  content: "\e128";
+}
+.glyphicon-hand-up:before {
+  content: "\e129";
+}
+.glyphicon-hand-down:before {
+  content: "\e130";
+}
+.glyphicon-circle-arrow-right:before {
+  content: "\e131";
+}
+.glyphicon-circle-arrow-left:before {
+  content: "\e132";
+}
+.glyphicon-circle-arrow-up:before {
+  content: "\e133";
+}
+.glyphicon-circle-arrow-down:before {
+  content: "\e134";
+}
+.glyphicon-globe:before {
+  content: "\e135";
+}
+.glyphicon-wrench:before {
+  content: "\e136";
+}
+.glyphicon-tasks:before {
+  content: "\e137";
+}
+.glyphicon-filter:before {
+  content: "\e138";
+}
+.glyphicon-briefcase:before {
+  content: "\e139";
+}
+.glyphicon-fullscreen:before {
+  content: "\e140";
+}
+.glyphicon-dashboard:before {
+  content: "\e141";
+}
+.glyphicon-paperclip:before {
+  content: "\e142";
+}
+.glyphicon-heart-empty:before {
+  content: "\e143";
+}
+.glyphicon-link:before {
+  content: "\e144";
+}
+.glyphicon-phone:before {
+  content: "\e145";
+}
+.glyphicon-pushpin:before {
+  content: "\e146";
+}
+.glyphicon-usd:before {
+  content: "\e148";
+}
+.glyphicon-gbp:before {
+  content: "\e149";
+}
+.glyphicon-sort:before {
+  content: "\e150";
+}
+.glyphicon-sort-by-alphabet:before {
+  content: "\e151";
+}
+.glyphicon-sort-by-alphabet-alt:before {
+  content: "\e152";
+}
+.glyphicon-sort-by-order:before {
+  content: "\e153";
+}
+.glyphicon-sort-by-order-alt:before {
+  content: "\e154";
+}
+.glyphicon-sort-by-attributes:before {
+  content: "\e155";
+}
+.glyphicon-sort-by-attributes-alt:before {
+  content: "\e156";
+}
+.glyphicon-unchecked:before {
+  content: "\e157";
+}
+.glyphicon-expand:before {
+  content: "\e158";
+}
+.glyphicon-collapse-down:before {
+  content: "\e159";
+}
+.glyphicon-collapse-up:before {
+  content: "\e160";
+}
+.glyphicon-log-in:before {
+  content: "\e161";
+}
+.glyphicon-flash:before {
+  content: "\e162";
+}
+.glyphicon-log-out:before {
+  content: "\e163";
+}
+.glyphicon-new-window:before {
+  content: "\e164";
+}
+.glyphicon-record:before {
+  content: "\e165";
+}
+.glyphicon-save:before {
+  content: "\e166";
+}
+.glyphicon-open:before {
+  content: "\e167";
+}
+.glyphicon-saved:before {
+  content: "\e168";
+}
+.glyphicon-import:before {
+  content: "\e169";
+}
+.glyphicon-export:before {
+  content: "\e170";
+}
+.glyphicon-send:before {
+  content: "\e171";
+}
+.glyphicon-floppy-disk:before {
+  content: "\e172";
+}
+.glyphicon-floppy-saved:before {
+  content: "\e173";
+}
+.glyphicon-floppy-remove:before {
+  content: "\e174";
+}
+.glyphicon-floppy-save:before {
+  content: "\e175";
+}
+.glyphicon-floppy-open:before {
+  content: "\e176";
+}
+.glyphicon-credit-card:before {
+  content: "\e177";
+}
+.glyphicon-transfer:before {
+  content: "\e178";
+}
+.glyphicon-cutlery:before {
+  content: "\e179";
+}
+.glyphicon-header:before {
+  content: "\e180";
+}
+.glyphicon-compressed:before {
+  content: "\e181";
+}
+.glyphicon-earphone:before {
+  content: "\e182";
+}
+.glyphicon-phone-alt:before {
+  content: "\e183";
+}
+.glyphicon-tower:before {
+  content: "\e184";
+}
+.glyphicon-stats:before {
+  content: "\e185";
+}
+.glyphicon-sd-video:before {
+  content: "\e186";
+}
+.glyphicon-hd-video:before {
+  content: "\e187";
+}
+.glyphicon-subtitles:before {
+  content: "\e188";
+}
+.glyphicon-sound-stereo:before {
+  content: "\e189";
+}
+.glyphicon-sound-dolby:before {
+  content: "\e190";
+}
+.glyphicon-sound-5-1:before {
+  content: "\e191";
+}
+.glyphicon-sound-6-1:before {
+  content: "\e192";
+}
+.glyphicon-sound-7-1:before {
+  content: "\e193";
+}
+.glyphicon-copyright-mark:before {
+  content: "\e194";
+}
+.glyphicon-registration-mark:before {
+  content: "\e195";
+}
+.glyphicon-cloud-download:before {
+  content: "\e197";
+}
+.glyphicon-cloud-upload:before {
+  content: "\e198";
+}
+.glyphicon-tree-conifer:before {
+  content: "\e199";
+}
+.glyphicon-tree-deciduous:before {
+  content: "\e200";
+}
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: 4px solid;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+}
+.dropdown {
+  position: relative;
+}
+.dropdown-toggle:focus {
+  outline: 0;
+}
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  font-size: 14px;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background-clip: padding-box;
+}
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+.dropdown-menu .divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 1.428571429;
+  color: #333333;
+  white-space: nowrap;
+}
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: #c23315;
+}
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #c23315;
+}
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #999999;
+}
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+  cursor: not-allowed;
+}
+.open > .dropdown-menu {
+  display: block;
+}
+.open > a {
+  outline: 0;
+}
+.dropdown-menu-right {
+  left: auto;
+  right: 0;
+}
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+.dropdown-header {
+  display: block;
+  padding: 3px 20px;
+  font-size: 12px;
+  line-height: 1.428571429;
+  color: #999999;
+}
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990;
+}
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-top: 0;
+  border-bottom: 4px solid;
+  content: "";
+}
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 1px;
+}
+@media (min-width: 768px) {
+  .navbar-right .dropdown-menu {
+    left: auto;
+    right: 0;
+  }
+  .navbar-right .dropdown-menu-left {
+    left: 0;
+    right: auto;
+  }
+}
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+  position: relative;
+  float: left;
+}
+.btn-group > .btn:hover,
+.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
+.btn-group > .btn:active,
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
+  z-index: 2;
+}
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus {
+  outline: none;
+}
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
+  margin-left: -1px;
+}
+.btn-toolbar {
+  margin-left: -5px;
+}
+.btn-toolbar .btn-group,
+.btn-toolbar .input-group {
+  float: left;
+}
+.btn-toolbar > .btn,
+.btn-toolbar > .btn-group,
+.btn-toolbar > .input-group {
+  margin-left: 5px;
+}
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+.btn-group > .btn:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child > .btn:last-child,
+.btn-group > .btn-group:first-child > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.btn-group > .btn-group:last-child > .btn:first-child {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+.btn-group.open .dropdown-toggle {
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
+.btn-group.open .dropdown-toggle.btn-link {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.btn .caret {
+  margin-left: 0;
+}
+.btn-lg .caret {
+  border-width: 5px 5px 0;
+  border-bottom-width: 0;
+}
+.dropup .btn-lg .caret {
+  border-width: 0 5px 5px;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group,
+.btn-group-vertical > .btn-group > .btn {
+  display: block;
+  float: none;
+  width: 100%;
+  max-width: 100%;
+}
+.btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
+  margin-top: -1px;
+  margin-left: 0;
+}
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-bottom-left-radius: 3px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+.btn-group-justified > .btn,
+.btn-group-justified > .btn-group {
+  float: none;
+  display: table-cell;
+  width: 1%;
+}
+.btn-group-justified > .btn-group .btn {
+  width: 100%;
+}
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+  display: none;
+}
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+}
+.input-group .form-control {
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  height: 45px;
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.33;
+  border-radius: 3px;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+  height: 45px;
+  line-height: 45px;
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+  height: 30px;
+  line-height: 30px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .input-group-btn > .btn {
+  height: auto;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: 6px 12px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1;
+  color: #555555;
+  text-align: center;
+  background-color: #eeeeee;
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+}
+.input-group-addon.input-sm {
+  padding: 5px 10px;
+  font-size: 12px;
+  border-radius: 3px;
+}
+.input-group-addon.input-lg {
+  padding: 10px 16px;
+  font-size: 18px;
+  border-radius: 3px;
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group {
+  margin-left: -1px;
+}
+.nav {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none;
+}
+.nav > li {
+  position: relative;
+  display: block;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eeeeee;
+}
+.nav > li.disabled > a {
+  color: #999999;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+  color: #999999;
+  text-decoration: none;
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+  background-color: #eeeeee;
+  border-color: #c23315;
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+.nav-tabs {
+  border-bottom: 1px solid #dddddd;
+}
+.nav-tabs > li {
+  float: left;
+  margin-bottom: -1px;
+}
+.nav-tabs > li > a {
+  margin-right: 2px;
+  line-height: 1.428571429;
+  border: 1px solid transparent;
+  border-radius: 3px 3px 0 0;
+}
+.nav-tabs > li > a:hover {
+  border-color: #eeeeee #eeeeee #dddddd;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: #555555;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-bottom-color: transparent;
+  cursor: default;
+}
+.nav-tabs.nav-justified {
+  width: 100%;
+  border-bottom: 0;
+}
+.nav-tabs.nav-justified > li {
+  float: none;
+}
+.nav-tabs.nav-justified > li > a {
+  text-align: center;
+  margin-bottom: 5px;
+}
+.nav-tabs.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-tabs.nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs.nav-justified > li > a {
+  margin-right: 0;
+  border-radius: 3px;
+}
+.nav-tabs.nav-justified > .active > a,
+.nav-tabs.nav-justified > .active > a:hover,
+.nav-tabs.nav-justified > .active > a:focus {
+  border: 1px solid #dddddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs.nav-justified > li > a {
+    border-bottom: 1px solid #dddddd;
+    border-radius: 3px 3px 0 0;
+  }
+  .nav-tabs.nav-justified > .active > a,
+  .nav-tabs.nav-justified > .active > a:hover,
+  .nav-tabs.nav-justified > .active > a:focus {
+    border-bottom-color: #ffffff;
+  }
+}
+.nav-pills > li {
+  float: left;
+}
+.nav-pills > li > a {
+  border-radius: 3px;
+}
+.nav-pills > li + li {
+  margin-left: 2px;
+}
+.nav-pills > li.active > a,
+.nav-pills > li.active > a:hover,
+.nav-pills > li.active > a:focus {
+  color: #ffffff;
+  background-color: #c23315;
+}
+.nav-stacked > li {
+  float: none;
+}
+.nav-stacked > li + li {
+  margin-top: 2px;
+  margin-left: 0;
+}
+.nav-justified {
+  width: 100%;
+}
+.nav-justified > li {
+  float: none;
+}
+.nav-justified > li > a {
+  text-align: center;
+  margin-bottom: 5px;
+}
+.nav-justified > .dropdown .dropdown-menu {
+  top: auto;
+  left: auto;
+}
+@media (min-width: 768px) {
+  .nav-justified > li {
+    display: table-cell;
+    width: 1%;
+  }
+  .nav-justified > li > a {
+    margin-bottom: 0;
+  }
+}
+.nav-tabs-justified {
+  border-bottom: 0;
+}
+.nav-tabs-justified > li > a {
+  margin-right: 0;
+  border-radius: 3px;
+}
+.nav-tabs-justified > .active > a,
+.nav-tabs-justified > .active > a:hover,
+.nav-tabs-justified > .active > a:focus {
+  border: 1px solid #dddddd;
+}
+@media (min-width: 768px) {
+  .nav-tabs-justified > li > a {
+    border-bottom: 1px solid #dddddd;
+    border-radius: 3px 3px 0 0;
+  }
+  .nav-tabs-justified > .active > a,
+  .nav-tabs-justified > .active > a:hover,
+  .nav-tabs-justified > .active > a:focus {
+    border-bottom-color: #ffffff;
+  }
+}
+.tab-content > .tab-pane {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.nav-tabs .dropdown-menu {
+  margin-top: -1px;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+}
+@media (min-width: 768px) {
+  .navbar {
+    border-radius: 3px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-header {
+    float: left;
+  }
+}
+.navbar-collapse {
+  max-height: 340px;
+  overflow-x: visible;
+  padding-right: 15px;
+  padding-left: 15px;
+  border-top: 1px solid transparent;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  -webkit-overflow-scrolling: touch;
+}
+.navbar-collapse.in {
+  overflow-y: auto;
+}
+@media (min-width: 768px) {
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .navbar-collapse.in {
+    overflow-y: visible;
+  }
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+.container > .navbar-header,
+.container-fluid > .navbar-header,
+.container > .navbar-collapse,
+.container-fluid > .navbar-collapse {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+@media (min-width: 768px) {
+  .container > .navbar-header,
+  .container-fluid > .navbar-header,
+  .container > .navbar-collapse,
+  .container-fluid > .navbar-collapse {
+    margin-right: 0;
+    margin-left: 0;
+  }
+}
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+@media (min-width: 768px) {
+  .navbar-static-top {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+@media (min-width: 768px) {
+  .navbar-fixed-top,
+  .navbar-fixed-bottom {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+.navbar-brand {
+  float: left;
+  padding: 15px 15px;
+  font-size: 18px;
+  line-height: 20px;
+  height: 50px;
+}
+.navbar-brand:hover,
+.navbar-brand:focus {
+  text-decoration: none;
+}
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: -15px;
+  }
+}
+.navbar-toggle {
+  position: relative;
+  float: right;
+  margin-right: 15px;
+  padding: 9px 10px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 3px;
+}
+.navbar-toggle:focus {
+  outline: none;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+}
+.navbar-nav {
+  margin: 7.5px -15px;
+}
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+@media (max-width: 767px) {
+  .navbar-nav .open .dropdown-menu {
+    position: static;
+    float: none;
+    width: auto;
+    margin-top: 0;
+    background-color: transparent;
+    border: 0;
+    box-shadow: none;
+  }
+  .navbar-nav .open .dropdown-menu > li > a,
+  .navbar-nav .open .dropdown-menu .dropdown-header {
+    padding: 5px 15px 5px 25px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a {
+    line-height: 20px;
+  }
+  .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-nav .open .dropdown-menu > li > a:focus {
+    background-image: none;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+  .navbar-nav.navbar-right:last-child {
+    margin-right: -15px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-left {
+    float: left !important;
+  }
+  .navbar-right {
+    float: right !important;
+  }
+}
+.navbar-form {
+  margin-left: -15px;
+  margin-right: -15px;
+  padding: 10px 15px;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+@media (min-width: 768px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .navbar-form .input-group > .form-control {
+    width: 100%;
+  }
+  .navbar-form .control-label {
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio,
+  .navbar-form .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-left: 0;
+    vertical-align: middle;
+  }
+  .navbar-form .radio input[type="radio"],
+  .navbar-form .checkbox input[type="checkbox"] {
+    float: none;
+    margin-left: 0;
+  }
+  .navbar-form .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+@media (max-width: 767px) {
+  .navbar-form .form-group {
+    margin-bottom: 5px;
+  }
+}
+@media (min-width: 768px) {
+  .navbar-form {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+  .navbar-form.navbar-right:last-child {
+    margin-right: -15px;
+  }
+}
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.navbar-btn {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+.navbar-btn.btn-sm {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+.navbar-btn.btn-xs {
+  margin-top: 14px;
+  margin-bottom: 14px;
+}
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+@media (min-width: 768px) {
+  .navbar-text {
+    float: left;
+    margin-left: 15px;
+    margin-right: 15px;
+  }
+  .navbar-text.navbar-right:last-child {
+    margin-right: 0;
+  }
+}
+.navbar-default {
+  background-color: #f8f8f8;
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-brand {
+  color: #777777;
+}
+.navbar-default .navbar-brand:hover,
+.navbar-default .navbar-brand:focus {
+  color: #5e5e5e;
+  background-color: transparent;
+}
+.navbar-default .navbar-text {
+  color: #777777;
+}
+.navbar-default .navbar-nav > li > a {
+  color: #777777;
+}
+.navbar-default .navbar-nav > li > a:hover,
+.navbar-default .navbar-nav > li > a:focus {
+  color: #333333;
+  background-color: transparent;
+}
+.navbar-default .navbar-nav > .active > a,
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > .active > a:focus {
+  color: #555555;
+  background-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .disabled > a,
+.navbar-default .navbar-nav > .disabled > a:hover,
+.navbar-default .navbar-nav > .disabled > a:focus {
+  color: #cccccc;
+  background-color: transparent;
+}
+.navbar-default .navbar-toggle {
+  border-color: #dddddd;
+}
+.navbar-default .navbar-toggle:hover,
+.navbar-default .navbar-toggle:focus {
+  background-color: #dddddd;
+}
+.navbar-default .navbar-toggle .icon-bar {
+  background-color: #888888;
+}
+.navbar-default .navbar-collapse,
+.navbar-default .navbar-form {
+  border-color: #e7e7e7;
+}
+.navbar-default .navbar-nav > .open > a,
+.navbar-default .navbar-nav > .open > a:hover,
+.navbar-default .navbar-nav > .open > a:focus {
+  background-color: #e7e7e7;
+  color: #555555;
+}
+@media (max-width: 767px) {
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+    color: #777777;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #333333;
+    background-color: transparent;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #555555;
+    background-color: #e7e7e7;
+  }
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #cccccc;
+    background-color: transparent;
+  }
+}
+.navbar-default .navbar-link {
+  color: #777777;
+}
+.navbar-default .navbar-link:hover {
+  color: #333333;
+}
+.navbar-inverse {
+  background-color: #222222;
+  border-color: #080808;
+}
+.navbar-inverse .navbar-brand {
+  color: #999999;
+}
+.navbar-inverse .navbar-brand:hover,
+.navbar-inverse .navbar-brand:focus {
+  color: #ffffff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-text {
+  color: #999999;
+}
+.navbar-inverse .navbar-nav > li > a {
+  color: #999999;
+}
+.navbar-inverse .navbar-nav > li > a:hover,
+.navbar-inverse .navbar-nav > li > a:focus {
+  color: #ffffff;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-nav > .active > a,
+.navbar-inverse .navbar-nav > .active > a:hover,
+.navbar-inverse .navbar-nav > .active > a:focus {
+  color: #ffffff;
+  background-color: #080808;
+}
+.navbar-inverse .navbar-nav > .disabled > a,
+.navbar-inverse .navbar-nav > .disabled > a:hover,
+.navbar-inverse .navbar-nav > .disabled > a:focus {
+  color: #444444;
+  background-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: #333333;
+}
+.navbar-inverse .navbar-toggle:hover,
+.navbar-inverse .navbar-toggle:focus {
+  background-color: #333333;
+}
+.navbar-inverse .navbar-toggle .icon-bar {
+  background-color: #ffffff;
+}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+  border-color: #101010;
+}
+.navbar-inverse .navbar-nav > .open > a,
+.navbar-inverse .navbar-nav > .open > a:hover,
+.navbar-inverse .navbar-nav > .open > a:focus {
+  background-color: #080808;
+  color: #ffffff;
+}
+@media (max-width: 767px) {
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+    border-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+    color: #999999;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+    color: #ffffff;
+    background-color: transparent;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
+    color: #ffffff;
+    background-color: #080808;
+  }
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+    color: #444444;
+    background-color: transparent;
+  }
+}
+.navbar-inverse .navbar-link {
+  color: #999999;
+}
+.navbar-inverse .navbar-link:hover {
+  color: #ffffff;
+}
+.breadcrumb {
+  padding: 8px 15px;
+  margin-bottom: 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+}
+.breadcrumb > li {
+  display: inline-block;
+}
+.breadcrumb > li + li:before {
+  content: "/\00a0";
+  padding: 0 5px;
+  color: #cccccc;
+}
+.breadcrumb > .active {
+  color: #999999;
+}
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 20px 0;
+  border-radius: 3px;
+}
+.pagination > li {
+  display: inline;
+}
+.pagination > li > a,
+.pagination > li > span {
+  position: relative;
+  float: left;
+  padding: 6px 12px;
+  line-height: 1.428571429;
+  text-decoration: none;
+  color: #c23315;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  margin-left: -1px;
+}
+.pagination > li:first-child > a,
+.pagination > li:first-child > span {
+  margin-left: 0;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination > li:last-child > a,
+.pagination > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pagination > li > a:hover,
+.pagination > li > span:hover,
+.pagination > li > a:focus,
+.pagination > li > span:focus {
+  color: #7d210e;
+  background-color: #eeeeee;
+  border-color: #dddddd;
+}
+.pagination > .active > a,
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+  z-index: 2;
+  color: #ffffff;
+  background-color: #c23315;
+  border-color: #c23315;
+  cursor: default;
+}
+.pagination > .disabled > span,
+.pagination > .disabled > span:hover,
+.pagination > .disabled > span:focus,
+.pagination > .disabled > a,
+.pagination > .disabled > a:hover,
+.pagination > .disabled > a:focus {
+  color: #999999;
+  background-color: #ffffff;
+  border-color: #dddddd;
+  cursor: not-allowed;
+}
+.pagination-lg > li > a,
+.pagination-lg > li > span {
+  padding: 10px 16px;
+  font-size: 18px;
+}
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pagination-sm > li > a,
+.pagination-sm > li > span {
+  padding: 5px 10px;
+  font-size: 12px;
+}
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+.pager {
+  padding-left: 0;
+  margin: 20px 0;
+  list-style: none;
+  text-align: center;
+}
+.pager li {
+  display: inline;
+}
+.pager li > a,
+.pager li > span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 15px;
+}
+.pager li > a:hover,
+.pager li > a:focus {
+  text-decoration: none;
+  background-color: #eeeeee;
+}
+.pager .next > a,
+.pager .next > span {
+  float: right;
+}
+.pager .previous > a,
+.pager .previous > span {
+  float: left;
+}
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+  color: #999999;
+  background-color: #ffffff;
+  cursor: not-allowed;
+}
+.label {
+  display: inline;
+  padding: .2em .6em .3em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #ffffff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .25em;
+}
+.label[href]:hover,
+.label[href]:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+.label:empty {
+  display: none;
+}
+.btn .label {
+  position: relative;
+  top: -1px;
+}
+.label-default {
+  background-color: #999999;
+}
+.label-default[href]:hover,
+.label-default[href]:focus {
+  background-color: #808080;
+}
+.label-primary {
+  background-color: #c23315;
+}
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+  background-color: #942710;
+}
+.label-success {
+  background-color: #24b87f;
+}
+.label-success[href]:hover,
+.label-success[href]:focus {
+  background-color: #1c8d62;
+}
+.label-info {
+  background-color: #119bbb;
+}
+.label-info[href]:hover,
+.label-info[href]:focus {
+  background-color: #0d748c;
+}
+.label-warning {
+  background-color: #f0ad4e;
+}
+.label-warning[href]:hover,
+.label-warning[href]:focus {
+  background-color: #ec971f;
+}
+.label-danger {
+  background-color: #e3413c;
+}
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+  background-color: #ce231e;
+}
+.badge {
+  display: inline-block;
+  min-width: 10px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: bold;
+  color: #ffffff;
+  line-height: 1;
+  vertical-align: baseline;
+  white-space: nowrap;
+  text-align: center;
+  background-color: #999999;
+  border-radius: 10px;
+}
+.badge:empty {
+  display: none;
+}
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+.btn-xs .badge {
+  top: 0;
+  padding: 1px 5px;
+}
+a.badge:hover,
+a.badge:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+a.list-group-item.active > .badge,
+.nav-pills > .active > a > .badge {
+  color: #c23315;
+  background-color: #ffffff;
+}
+.nav-pills > li > a > .badge {
+  margin-left: 3px;
+}
+.jumbotron {
+  padding: 30px;
+  margin-bottom: 30px;
+  color: inherit;
+  background-color: #eeeeee;
+}
+.jumbotron h1,
+.jumbotron .h1 {
+  color: inherit;
+}
+.jumbotron p {
+  margin-bottom: 15px;
+  font-size: 21px;
+  font-weight: 200;
+}
+.container .jumbotron {
+  border-radius: 3px;
+}
+.jumbotron .container {
+  max-width: 100%;
+}
+@media screen and (min-width: 768px) {
+  .jumbotron {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  .container .jumbotron {
+    padding-left: 60px;
+    padding-right: 60px;
+  }
+  .jumbotron h1,
+  .jumbotron .h1 {
+    font-size: 63px;
+  }
+}
+.thumbnail {
+  display: block;
+  padding: 4px;
+  margin-bottom: 20px;
+  line-height: 1.428571429;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+.thumbnail > img,
+.thumbnail a > img {
+  margin-left: auto;
+  margin-right: auto;
+}
+a.thumbnail:hover,
+a.thumbnail:focus,
+a.thumbnail.active {
+  border-color: #c23315;
+}
+.thumbnail .caption {
+  padding: 9px;
+  color: #333333;
+}
+.alert {
+  padding: 15px;
+  margin-bottom: 20px;
+  border: 1px solid transparent;
+  border-radius: 3px;
+}
+.alert h4 {
+  margin-top: 0;
+  color: inherit;
+}
+.alert .alert-link {
+  font-weight: bold;
+}
+.alert > p,
+.alert > ul {
+  margin-bottom: 0;
+}
+.alert > p + p {
+  margin-top: 5px;
+}
+.alert-dismissable {
+  padding-right: 35px;
+}
+.alert-dismissable .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  color: inherit;
+}
+.alert-success {
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+  color: #468847;
+}
+.alert-success hr {
+  border-top-color: #c9e2b3;
+}
+.alert-success .alert-link {
+  color: #356635;
+}
+.alert-info {
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+  color: #3a87ad;
+}
+.alert-info hr {
+  border-top-color: #a6e1ec;
+}
+.alert-info .alert-link {
+  color: #2d6987;
+}
+.alert-warning {
+  background-color: #fcf8e3;
+  border-color: #fbeed5;
+  color: #c09853;
+}
+.alert-warning hr {
+  border-top-color: #f8e5be;
+}
+.alert-warning .alert-link {
+  color: #a47e3c;
+}
+.alert-danger {
+  background-color: #f2dede;
+  border-color: #eed3d7;
+  color: #b94a48;
+}
+.alert-danger hr {
+  border-top-color: #e6c1c7;
+}
+.alert-danger .alert-link {
+  color: #953b39;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.progress {
+  overflow: hidden;
+  height: 20px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: 12px;
+  line-height: 20px;
+  color: #ffffff;
+  text-align: center;
+  background-color: #c23315;
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+}
+.progress-striped .progress-bar {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 40px 40px;
+}
+.progress.active .progress-bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
+}
+.progress-bar-success {
+  background-color: #24b87f;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-info {
+  background-color: #119bbb;
+}
+.progress-striped .progress-bar-info {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #f0ad4e;
+}
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #e3413c;
+}
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.media,
+.media-body {
+  overflow: hidden;
+  zoom: 1;
+}
+.media,
+.media .media {
+  margin-top: 15px;
+}
+.media:first-child {
+  margin-top: 0;
+}
+.media-object {
+  display: block;
+}
+.media-heading {
+  margin: 0 0 5px;
+}
+.media > .pull-left {
+  margin-right: 10px;
+}
+.media > .pull-right {
+  margin-left: 10px;
+}
+.media-list {
+  padding-left: 0;
+  list-style: none;
+}
+.list-group {
+  margin-bottom: 20px;
+  padding-left: 0;
+}
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  margin-bottom: -1px;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+}
+.list-group-item:first-child {
+  border-top-right-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.list-group-item:last-child {
+  margin-bottom: 0;
+  border-bottom-right-radius: 3px;
+  border-bottom-left-radius: 3px;
+}
+.list-group-item > .badge {
+  float: right;
+}
+.list-group-item > .badge + .badge {
+  margin-right: 5px;
+}
+a.list-group-item {
+  color: #555555;
+}
+a.list-group-item .list-group-item-heading {
+  color: #333333;
+}
+a.list-group-item:hover,
+a.list-group-item:focus {
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+a.list-group-item.active,
+a.list-group-item.active:hover,
+a.list-group-item.active:focus {
+  z-index: 2;
+  color: #ffffff;
+  background-color: #c23315;
+  border-color: #c23315;
+}
+a.list-group-item.active .list-group-item-heading,
+a.list-group-item.active:hover .list-group-item-heading,
+a.list-group-item.active:focus .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item.active .list-group-item-text,
+a.list-group-item.active:hover .list-group-item-text,
+a.list-group-item.active:focus .list-group-item-text {
+  color: #f6baad;
+}
+.list-group-item-success {
+  color: #468847;
+  background-color: #dff0d8;
+}
+a.list-group-item-success {
+  color: #468847;
+}
+a.list-group-item-success .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-success:hover,
+a.list-group-item-success:focus {
+  color: #468847;
+  background-color: #d0e9c6;
+}
+a.list-group-item-success.active,
+a.list-group-item-success.active:hover,
+a.list-group-item-success.active:focus {
+  color: #fff;
+  background-color: #468847;
+  border-color: #468847;
+}
+.list-group-item-info {
+  color: #3a87ad;
+  background-color: #d9edf7;
+}
+a.list-group-item-info {
+  color: #3a87ad;
+}
+a.list-group-item-info .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-info:hover,
+a.list-group-item-info:focus {
+  color: #3a87ad;
+  background-color: #c4e3f3;
+}
+a.list-group-item-info.active,
+a.list-group-item-info.active:hover,
+a.list-group-item-info.active:focus {
+  color: #fff;
+  background-color: #3a87ad;
+  border-color: #3a87ad;
+}
+.list-group-item-warning {
+  color: #c09853;
+  background-color: #fcf8e3;
+}
+a.list-group-item-warning {
+  color: #c09853;
+}
+a.list-group-item-warning .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-warning:hover,
+a.list-group-item-warning:focus {
+  color: #c09853;
+  background-color: #faf2cc;
+}
+a.list-group-item-warning.active,
+a.list-group-item-warning.active:hover,
+a.list-group-item-warning.active:focus {
+  color: #fff;
+  background-color: #c09853;
+  border-color: #c09853;
+}
+.list-group-item-danger {
+  color: #b94a48;
+  background-color: #f2dede;
+}
+a.list-group-item-danger {
+  color: #b94a48;
+}
+a.list-group-item-danger .list-group-item-heading {
+  color: inherit;
+}
+a.list-group-item-danger:hover,
+a.list-group-item-danger:focus {
+  color: #b94a48;
+  background-color: #ebcccc;
+}
+a.list-group-item-danger.active,
+a.list-group-item-danger.active:hover,
+a.list-group-item-danger.active:focus {
+  color: #fff;
+  background-color: #b94a48;
+  border-color: #b94a48;
+}
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
+.panel {
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  border: 1px solid transparent;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.panel-body {
+  padding: 15px;
+}
+.panel-heading {
+  padding: 10px 15px;
+  border-bottom: 1px solid transparent;
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel-heading > .dropdown .dropdown-toggle {
+  color: inherit;
+}
+.panel-title {
+  margin-top: 0;
+  margin-bottom: 0;
+  font-size: 16px;
+  color: inherit;
+}
+.panel-title > a {
+  color: inherit;
+}
+.panel-footer {
+  padding: 10px 15px;
+  background-color: #f5f5f5;
+  border-top: 1px solid #dddddd;
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel > .list-group {
+  margin-bottom: 0;
+}
+.panel > .list-group .list-group-item {
+  border-width: 1px 0;
+  border-radius: 0;
+}
+.panel > .list-group .list-group-item:first-child {
+  border-top: 0;
+}
+.panel > .list-group .list-group-item:last-child {
+  border-bottom: 0;
+}
+.panel > .list-group:first-child .list-group-item:first-child {
+  border-top-right-radius: 2px;
+  border-top-left-radius: 2px;
+}
+.panel > .list-group:last-child .list-group-item:last-child {
+  border-bottom-right-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.panel-heading + .list-group .list-group-item:first-child {
+  border-top-width: 0;
+}
+.panel > .table,
+.panel > .table-responsive > .table {
+  margin-bottom: 0;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
+  border-top-left-radius: 2px;
+}
+.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
+.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
+.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
+.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
+  border-top-right-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
+  border-bottom-left-radius: 2px;
+}
+.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
+.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
+.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
+.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
+  border-bottom-right-radius: 2px;
+}
+.panel > .panel-body + .table,
+.panel > .panel-body + .table-responsive {
+  border-top: 1px solid #dddddd;
+}
+.panel > .table > tbody:first-child > tr:first-child th,
+.panel > .table > tbody:first-child > tr:first-child td {
+  border-top: 0;
+}
+.panel > .table-bordered,
+.panel > .table-responsive > .table-bordered {
+  border: 0;
+}
+.panel > .table-bordered > thead > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
+.panel > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
+.panel > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+.panel > .table-bordered > thead > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
+.panel > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
+.panel > .table-bordered > tfoot > tr > td:first-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+  border-left: 0;
+}
+.panel > .table-bordered > thead > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
+.panel > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
+.panel > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+.panel > .table-bordered > thead > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
+.panel > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
+.panel > .table-bordered > tfoot > tr > td:last-child,
+.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+  border-right: 0;
+}
+.panel > .table-bordered > thead > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
+.panel > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
+.panel > .table-bordered > thead > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
+.panel > .table-bordered > tbody > tr:first-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
+  border-bottom: 0;
+}
+.panel > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
+.panel > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
+.panel > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
+.panel > .table-bordered > tfoot > tr:last-child > th,
+.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
+  border-bottom: 0;
+}
+.panel > .table-responsive {
+  border: 0;
+  margin-bottom: 0;
+}
+.panel-group {
+  margin-bottom: 20px;
+}
+.panel-group .panel {
+  margin-bottom: 0;
+  border-radius: 3px;
+  overflow: hidden;
+}
+.panel-group .panel + .panel {
+  margin-top: 5px;
+}
+.panel-group .panel-heading {
+  border-bottom: 0;
+}
+.panel-group .panel-heading + .panel-collapse .panel-body {
+  border-top: 1px solid #dddddd;
+}
+.panel-group .panel-footer {
+  border-top: 0;
+}
+.panel-group .panel-footer + .panel-collapse .panel-body {
+  border-bottom: 1px solid #dddddd;
+}
+.panel-default {
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading {
+  color: #333333;
+  background-color: #f5f5f5;
+  border-color: #dddddd;
+}
+.panel-default > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #dddddd;
+}
+.panel-default > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #dddddd;
+}
+.panel-primary {
+  border-color: #c23315;
+}
+.panel-primary > .panel-heading {
+  color: #ffffff;
+  background-color: #c23315;
+  border-color: #c23315;
+}
+.panel-primary > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #c23315;
+}
+.panel-primary > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #c23315;
+}
+.panel-success {
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+.panel-success > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #d6e9c6;
+}
+.panel-success > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #d6e9c6;
+}
+.panel-info {
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading {
+  color: #3a87ad;
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.panel-info > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #bce8f1;
+}
+.panel-info > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #bce8f1;
+}
+.panel-warning {
+  border-color: #fbeed5;
+}
+.panel-warning > .panel-heading {
+  color: #c09853;
+  background-color: #fcf8e3;
+  border-color: #fbeed5;
+}
+.panel-warning > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #fbeed5;
+}
+.panel-warning > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #fbeed5;
+}
+.panel-danger {
+  border-color: #eed3d7;
+}
+.panel-danger > .panel-heading {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+.panel-danger > .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #eed3d7;
+}
+.panel-danger > .panel-footer + .panel-collapse .panel-body {
+  border-bottom-color: #eed3d7;
+}
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #f5f5f5;
+  border: 1px solid #e3e3e3;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+.well-lg {
+  padding: 24px;
+  border-radius: 3px;
+}
+.well-sm {
+  padding: 9px;
+  border-radius: 3px;
+}
+.close {
+  float: right;
+  font-size: 21px;
+  font-weight: bold;
+  line-height: 1;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+.modal-open {
+  overflow: hidden;
+}
+.modal {
+  display: none;
+  overflow: auto;
+  overflow-y: scroll;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  -webkit-overflow-scrolling: touch;
+  outline: 0;
+}
+.modal.fade .modal-dialog {
+  -webkit-transform: translate(0, -25%);
+  -ms-transform: translate(0, -25%);
+  transform: translate(0, -25%);
+  -webkit-transition: -webkit-transform 0.3s ease-out;
+  -moz-transition: -moz-transform 0.3s ease-out;
+  -o-transition: -o-transform 0.3s ease-out;
+  transition: transform 0.3s ease-out;
+}
+.modal.in .modal-dialog {
+  -webkit-transform: translate(0, 0);
+  -ms-transform: translate(0, 0);
+  transform: translate(0, 0);
+}
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+.modal-content {
+  position: relative;
+  background-color: #ffffff;
+  border: 1px solid #999999;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+  background-clip: padding-box;
+  outline: none;
+}
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+.modal-backdrop.fade {
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.modal-backdrop.in {
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+.modal-header {
+  padding: 15px;
+  border-bottom: 1px solid #e5e5e5;
+  min-height: 16.428571429px;
+}
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-title {
+  margin: 0;
+  line-height: 1.428571429;
+}
+.modal-body {
+  position: relative;
+  padding: 20px;
+}
+.modal-footer {
+  margin-top: 15px;
+  padding: 19px 20px 20px;
+  text-align: right;
+  border-top: 1px solid #e5e5e5;
+}
+.modal-footer .btn + .btn {
+  margin-left: 5px;
+  margin-bottom: 0;
+}
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .modal-dialog {
+    width: 600px;
+    margin: 30px auto;
+  }
+  .modal-content {
+    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+  }
+  .modal-sm {
+    width: 300px;
+  }
+}
+@media (min-width: 992px) {
+  .modal-lg {
+    width: 900px;
+  }
+}
+.tooltip {
+  position: absolute;
+  z-index: 1030;
+  display: block;
+  visibility: visible;
+  font-size: 12px;
+  line-height: 1.4;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.tooltip.in {
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.tooltip.top {
+  margin-top: -3px;
+  padding: 5px 0;
+}
+.tooltip.right {
+  margin-left: 3px;
+  padding: 0 5px;
+}
+.tooltip.bottom {
+  margin-top: 3px;
+  padding: 5px 0;
+}
+.tooltip.left {
+  margin-left: -3px;
+  padding: 0 5px;
+}
+.tooltip-inner {
+  max-width: 200px;
+  padding: 3px 8px;
+  color: #ffffff;
+  text-align: center;
+  text-decoration: none;
+  background-color: #000000;
+  border-radius: 3px;
+}
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000000;
+}
+.tooltip.top-left .tooltip-arrow {
+  bottom: 0;
+  left: 5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000000;
+}
+.tooltip.top-right .tooltip-arrow {
+  bottom: 0;
+  right: 5px;
+  border-width: 5px 5px 0;
+  border-top-color: #000000;
+}
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #000000;
+}
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #000000;
+}
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000000;
+}
+.tooltip.bottom-left .tooltip-arrow {
+  top: 0;
+  left: 5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000000;
+}
+.tooltip.bottom-right .tooltip-arrow {
+  top: 0;
+  right: 5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #000000;
+}
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1010;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  text-align: left;
+  background-color: #ffffff;
+  background-clip: padding-box;
+  border: 1px solid #cccccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 3px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  white-space: normal;
+}
+.popover.top {
+  margin-top: -10px;
+}
+.popover.right {
+  margin-left: 10px;
+}
+.popover.bottom {
+  margin-top: 10px;
+}
+.popover.left {
+  margin-left: -10px;
+}
+.popover-title {
+  margin: 0;
+  padding: 8px 14px;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 18px;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb;
+  border-radius: 5px 5px 0 0;
+}
+.popover-content {
+  padding: 9px 14px;
+}
+.popover > .arrow,
+.popover > .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.popover > .arrow {
+  border-width: 11px;
+}
+.popover > .arrow:after {
+  border-width: 10px;
+  content: "";
+}
+.popover.top > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-bottom-width: 0;
+  border-top-color: #999999;
+  border-top-color: rgba(0, 0, 0, 0.25);
+  bottom: -11px;
+}
+.popover.top > .arrow:after {
+  content: " ";
+  bottom: 1px;
+  margin-left: -10px;
+  border-bottom-width: 0;
+  border-top-color: #ffffff;
+}
+.popover.right > .arrow {
+  top: 50%;
+  left: -11px;
+  margin-top: -11px;
+  border-left-width: 0;
+  border-right-color: #999999;
+  border-right-color: rgba(0, 0, 0, 0.25);
+}
+.popover.right > .arrow:after {
+  content: " ";
+  left: 1px;
+  bottom: -10px;
+  border-left-width: 0;
+  border-right-color: #ffffff;
+}
+.popover.bottom > .arrow {
+  left: 50%;
+  margin-left: -11px;
+  border-top-width: 0;
+  border-bottom-color: #999999;
+  border-bottom-color: rgba(0, 0, 0, 0.25);
+  top: -11px;
+}
+.popover.bottom > .arrow:after {
+  content: " ";
+  top: 1px;
+  margin-left: -10px;
+  border-top-width: 0;
+  border-bottom-color: #ffffff;
+}
+.popover.left > .arrow {
+  top: 50%;
+  right: -11px;
+  margin-top: -11px;
+  border-right-width: 0;
+  border-left-color: #999999;
+  border-left-color: rgba(0, 0, 0, 0.25);
+}
+.popover.left > .arrow:after {
+  content: " ";
+  right: 1px;
+  border-right-width: 0;
+  border-left-color: #ffffff;
+  bottom: -10px;
+}
+.carousel {
+  position: relative;
+}
+.carousel-inner {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+}
+.carousel-inner > .item {
+  display: none;
+  position: relative;
+  -webkit-transition: 0.6s ease-in-out left;
+  transition: 0.6s ease-in-out left;
+}
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  line-height: 1;
+}
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.carousel-inner > .next {
+  left: 100%;
+}
+.carousel-inner > .prev {
+  left: -100%;
+}
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+.carousel-inner > .active.left {
+  left: -100%;
+}
+.carousel-inner > .active.right {
+  left: 100%;
+}
+.carousel-control {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 15%;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+  font-size: 20px;
+  color: #ffffff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+.carousel-control.left {
+  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
+}
+.carousel-control.right {
+  left: auto;
+  right: 0;
+  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
+}
+.carousel-control:hover,
+.carousel-control:focus {
+  outline: none;
+  color: #ffffff;
+  text-decoration: none;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right {
+  position: absolute;
+  top: 50%;
+  z-index: 5;
+  display: inline-block;
+}
+.carousel-control .icon-prev,
+.carousel-control .glyphicon-chevron-left {
+  left: 50%;
+}
+.carousel-control .icon-next,
+.carousel-control .glyphicon-chevron-right {
+  right: 50%;
+}
+.carousel-control .icon-prev,
+.carousel-control .icon-next {
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  font-family: serif;
+}
+.carousel-control .icon-prev:before {
+  content: '\2039';
+}
+.carousel-control .icon-next:before {
+  content: '\203a';
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  margin-left: -30%;
+  padding-left: 0;
+  list-style: none;
+  text-align: center;
+}
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  border: 1px solid #ffffff;
+  border-radius: 10px;
+  cursor: pointer;
+  background-color: #000 \9;
+  background-color: rgba(0, 0, 0, 0);
+}
+.carousel-indicators .active {
+  margin: 0;
+  width: 12px;
+  height: 12px;
+  background-color: #ffffff;
+}
+.carousel-caption {
+  position: absolute;
+  left: 15%;
+  right: 15%;
+  bottom: 20px;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #ffffff;
+  text-align: center;
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+}
+.carousel-caption .btn {
+  text-shadow: none;
+}
+@media screen and (min-width: 768px) {
+  .carousel-control .glyphicons-chevron-left,
+  .carousel-control .glyphicons-chevron-right,
+  .carousel-control .icon-prev,
+  .carousel-control .icon-next {
+    width: 30px;
+    height: 30px;
+    margin-top: -15px;
+    margin-left: -15px;
+    font-size: 30px;
+  }
+  .carousel-caption {
+    left: 20%;
+    right: 20%;
+    padding-bottom: 30px;
+  }
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after,
+.form-horizontal .form-group:before,
+.form-horizontal .form-group:after,
+.btn-toolbar:before,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after,
+.nav:before,
+.nav:after,
+.navbar:before,
+.navbar:after,
+.navbar-header:before,
+.navbar-header:after,
+.navbar-collapse:before,
+.navbar-collapse:after,
+.pager:before,
+.pager:after,
+.panel-body:before,
+.panel-body:after,
+.modal-footer:before,
+.modal-footer:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after,
+.form-horizontal .form-group:after,
+.btn-toolbar:after,
+.btn-group-vertical > .btn-group:after,
+.nav:after,
+.navbar:after,
+.navbar-header:after,
+.navbar-collapse:after,
+.pager:after,
+.panel-body:after,
+.modal-footer:after {
+  clear: both;
+}
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+.affix {
+  position: fixed;
+}
+@-ms-viewport {
+  width: device-width;
+}
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  display: none !important;
+}
+@media (max-width: 767px) {
+  .visible-xs {
+    display: block !important;
+  }
+  table.visible-xs {
+    display: table;
+  }
+  tr.visible-xs {
+    display: table-row !important;
+  }
+  th.visible-xs,
+  td.visible-xs {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .visible-sm {
+    display: block !important;
+  }
+  table.visible-sm {
+    display: table;
+  }
+  tr.visible-sm {
+    display: table-row !important;
+  }
+  th.visible-sm,
+  td.visible-sm {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .visible-md {
+    display: block !important;
+  }
+  table.visible-md {
+    display: table;
+  }
+  tr.visible-md {
+    display: table-row !important;
+  }
+  th.visible-md,
+  td.visible-md {
+    display: table-cell !important;
+  }
+}
+@media (min-width: 1200px) {
+  .visible-lg {
+    display: block !important;
+  }
+  table.visible-lg {
+    display: table;
+  }
+  tr.visible-lg {
+    display: table-row !important;
+  }
+  th.visible-lg,
+  td.visible-lg {
+    display: table-cell !important;
+  }
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .hidden-sm {
+    display: none !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+  .hidden-md {
+    display: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .hidden-lg {
+    display: none !important;
+  }
+}
+.visible-print {
+  display: none !important;
+}
+@media print {
+  .visible-print {
+    display: block !important;
+  }
+  table.visible-print {
+    display: table;
+  }
+  tr.visible-print {
+    display: table-row !important;
+  }
+  th.visible-print,
+  td.visible-print {
+    display: table-cell !important;
+  }
+}
+@media print {
+  .hidden-print {
+    display: none !important;
+  }
+}
diff --git a/tests.html b/tests.html
new file mode 100644
index 0000000..cc60b71
--- /dev/null
+++ b/tests.html
@@ -0,0 +1,3 @@
+<title>BitHub Tests</title>
+<script src="node_modules/steal/steal.js" main="tests/tests"></script>
+<div id="qunit-fixture"></div>
diff --git a/tests/smoketest.js b/tests/smoketest.js
new file mode 100644
index 0000000..4c6e1e4
--- /dev/null
+++ b/tests/smoketest.js
@@ -0,0 +1,85 @@
+(function(){
+	F.timeout = 60 * 1000;
+
+	var hubListExists = function(){
+		F('bh-hub-list table.table', 0).exists('List of hubs is shown');
+		F('bh-hub-list .edit-hub-btn', 0).exists('Edit hub button exists');
+	}
+
+	QUnit.module('Smoketest', {
+
+		beforeEach : function(){
+
+		},
+		afterEach : function(){
+
+		}
+	});
+
+	QUnit.test('Registration', function(){
+		F('#account_email', 0).exists('Email input exists');
+		F('#account_email', 0).type('foo@bar.com');
+		F('#account_password', 0).type('5up3r1337');
+		F('#account_password_confirmation', 0).type('5up3r1337');
+		F('input[name="commit"]', 0).click();
+		F('[can-click=createAndEditHub]', 0).exists('User is registered');
+		F('[can-click=createAndEditHub]', 0).click();
+		F('bh-sidebar', 0).exists('Hub is created');
+		F('.hub-name-wrap', 0).click();
+		F('input.hub-name', 0).exists('Editing hub name');
+		F.wait(1000, function(){
+			F('input.hub-name', 0).type("Some awesome name\r");
+			F('.hub-name-wrap', 0).text(/Some awesome name/);
+			F('[data-feed=rss]', 0).click();
+			F('[can-value="map.config.url"]', 0).type('http://retroaktive.me/rss');
+			F('[can-value="map.config.tag_with"]', 0).type('retro');
+			F('button.save-service', 0).click();
+			F('bh-service-loader', 0).exists('Data is loading');
+			F('bh-bit', 0).exists('Data is loaded')
+			F('.back-to-admin', 0).click();
+			
+		});
+		
+	})
+
+	QUnit.test('List of hubs is shown', function(assert){
+		hubListExists();
+	})
+
+	QUnit.test('Expanding a hub will show the expanded list', function(assert){
+		hubListExists();
+		F('bh-hub-list [can-click=toggleExpandedRow]', 0).click();
+		F('bh-hub-list .expanded-services', 0).exists('List of services for hub is shown');
+	});
+
+	QUnit.test('Clicking on the embed link will take you to the sidebar layout', function(assert){
+		hubListExists();
+		F('bh-hub-list .edit-hub-btn', 0).click();
+		F('bh-sidebar', 0).exists('Sidebar layout is open');
+		F('.back-to-admin', 0).click();
+	});
+
+	QUnit.test('Opening hub will load the bits', function(assert){
+		hubListExists();
+		F('bh-hub-list .edit-hub-btn',0 ).click();
+		F('bh-bits',0).exists('Bits are loaded');
+		F('bh-bits bh-bit',0 ).exists('Bits exist');
+		F('.back-to-admin', 0).click();
+	});
+
+	QUnit.test('Editing service works', function(assert){
+		hubListExists();
+		F('bh-hub-list .edit-hub-btn', 0).click();
+		F('bh-services-list', 0).exists('List of services exists');
+		F('[can-click=editService]', 0).exists('Edit service button exists');
+		F('[can-click=editService]', 0).click();
+		F('bh-rss-site-service', 0).exists('Edit service form exists');
+		F('.back-to-admin', 0).click();
+	})
+
+	QUnit.test('Deleting hub works', function(assert){
+		hubListExists();
+		F('bh-hub-list [can-click=destroyHub]', 0).click();
+		F('bh-hub-list table.table', 0).exists('List of hubs does not exist');
+	})
+})();
\ No newline at end of file
diff --git a/tests/tests.js b/tests/tests.js
new file mode 100644
index 0000000..fc8a76e
--- /dev/null
+++ b/tests/tests.js
@@ -0,0 +1,12 @@
+import "components/edit_hub_name/edit_hub_name_test";
+import "components/delete_service_dialog/delete_service_dialog_test";
+import "components/analytics/analytics_test";
+import "components/tag-list/tag-list-tests";
+import "components/suggestions/suggestions_test";
+import "components/sidebar/sidebar_tests";
+import "components/hub-list/hub-list-tests";
+import "components/moderation/moderation_test";
+import "components/moderation-rules/moderation-rules-test";
+import "components/services/services_test";
+import "components/services-list/services-list-test";
+import "components/integration/integration_test";