')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/ie8.scss b/escape-velocity/assets/sass/ie8.scss
new file mode 100644
index 0000000..484ec37
--- /dev/null
+++ b/escape-velocity/assets/sass/ie8.scss
@@ -0,0 +1,68 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+
+/*
+ Escape Velocity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ form {
+ input[type="text"],
+ input[type="email"],
+ input[type="password"],
+ select,
+ textarea {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+ }
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"] {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+
+ .button,
+ #intro > .style2,
+ #copyright ul,
+ #nav > ul,
+ .dropotron {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+
+/* Section/Article */
+
+ section > .last-child,
+ article > .last-child,
+ section.last-child,
+ article.last-child {
+ margin-bottom: 0;
+ }
+
+/* Wrappers */
+
+ .wrapper {
+ .title {
+ &:before,
+ &:after {
+ display: none;
+ }
+ }
+ }
+
+ #header-wrapper {
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+ }
+
+/* Copyright */
+
+ #copyright {
+ margin: 0;
+ }
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/libs/_functions.scss b/escape-velocity/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/escape-velocity/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/libs/_mixins.scss b/escape-velocity/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/escape-velocity/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/libs/_skel.scss b/escape-velocity/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/escape-velocity/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/libs/_vars.scss b/escape-velocity/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..3358992
--- /dev/null
+++ b/escape-velocity/assets/sass/libs/_vars.scss
@@ -0,0 +1,22 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ navPanel: 0.5s
+ );
+
+// Size.
+ $size: (
+ navPanel: 275px
+ );
+
+// Font.
+ $font: (
+ );
+
+// Palette.
+ $palette: (
+ );
\ No newline at end of file
diff --git a/escape-velocity/assets/sass/main.scss b/escape-velocity/assets/sass/main.scss
new file mode 100644
index 0000000..6525baf
--- /dev/null
+++ b/escape-velocity/assets/sass/main.scss
@@ -0,0 +1,1649 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@charset "UTF-8";
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900');
+@import url('font-awesome.min.css');
+
+/*
+ Escape Velocity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @import "libs/skel";
+
+ @include skel-breakpoints((
+ desktop: '(min-width: 737px)',
+ tablet: '(min-width: 737px) and (max-width: 1200px)',
+ mobile: '(max-width: 736px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: true,
+ conditionals: true,
+ containers: true,
+ breakpoints: (
+ desktop: (
+ containers: 1200px,
+ grid: ( gutters: (50px, 50px) )
+ ),
+ tablet: (
+ containers: 1000px,
+ grid: ( gutters: (35px, 35px) )
+ ),
+ mobile: (
+ containers: (100%, true),
+ grid: ( gutters: (10px, 10px) )
+ )
+ )
+ ));
+
+/* Basic */
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ body, input, textarea, select {
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 400;
+ color: #919499;
+ }
+
+ body {
+ &.is-loading * {
+ @include vendor('transition', 'none !important');
+ @include vendor('animation', 'none !important');
+ }
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: 700;
+ color: #484d55;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ a {
+ @include vendor('transition', 'color .25s ease-in-out');
+ text-decoration: underline;
+ color: #717479;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ strong, b {
+ font-weight: 700;
+ color: #484d55;
+ }
+
+ blockquote {
+ border-left: solid 0.5em #ddd;
+ padding: 1em 0 1em 2em;
+ font-style: italic;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ hr {
+ border: 0;
+ border-top: solid 1px #ddd;
+ }
+
+ sub {
+ position: relative;
+ top: 0.5em;
+ font-size: 0.8em;
+ }
+
+ sup {
+ position: relative;
+ top: -0.5em;
+ font-size: 0.8em;
+ }
+
+ .nobr {
+ white-space: nowrap;
+ }
+
+ br.clear {
+ clear: both;
+ }
+
+ p, ul, ol, dl, table, blockquote, form {
+ margin-bottom: 2em;
+ }
+
+/* Table */
+
+ table {
+ width: 100%;
+
+ &.default {
+ width: 100%;
+
+ tbody {
+ tr:nth-child(2n+2) {
+ background: #f4f4f4;
+ }
+ }
+
+ td {
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ th {
+ text-align: left;
+ font-weight: 400;
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ thead {
+ background: #484d55;
+ color: #fff;
+ }
+
+ tfoot {
+ background: #eee;
+ }
+ }
+ }
+
+/* Form */
+
+ form {
+ label {
+ display: block;
+ font-weight: 700;
+ color: #484d55;
+ }
+
+ input[type="text"],
+ input[type="email"],
+ input[type="password"],
+ select,
+ textarea {
+ @include vendor('transition', 'all .25s ease-in-out');
+ -webkit-appearance: none;
+ display: block;
+ border: 0;
+ background: #eee;
+ box-shadow: inset 0px 0px 1px 0px #a0a1a7;
+ border-radius: 0.35em;
+ width: 100%;
+ padding: 0.75em 1em 0.75em 1em;
+
+ &:focus {
+ background: #f8f8f8;
+ }
+ }
+
+ input[type="text"],
+ input[type="email"]
+ input[type="password"] {
+ line-height: 1em;
+ }
+
+ select {
+ line-height: 1em;
+ }
+
+ textarea {
+ min-height: 10em;
+ }
+
+ .formerize-placeholder {
+ color: #555 !important;
+ font-style: italic;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #555 !important;
+ font-style: italic;
+ line-height: 1.35em;
+ }
+
+ :-moz-placeholder {
+ color: #555 !important;
+ font-style: italic;
+ }
+
+ ::-moz-placeholder {
+ color: #555 !important;
+ font-style: italic;
+ }
+
+ :-ms-input-placeholder {
+ color: #555 !important;
+ font-style: italic;
+ }
+
+ ::-moz-focus-inner {
+ border: 0;
+ }
+ }
+
+/* Section/Article */
+
+ section,
+ article {
+ margin-bottom: 3em;
+ }
+
+ section > :last-child,
+ article > :last-child,
+ section:last-child,
+ article:last-child {
+ margin-bottom: 0;
+ }
+
+ header {
+ &.style1 {
+ text-align: center;
+
+ h2 {
+ font-weight: 700;
+ }
+
+ p {
+ color: #b1b4b9;
+ }
+ }
+ }
+
+/* Image */
+
+ .image {
+ display: inline-block;
+
+ img {
+ display: block;
+ width: 100%;
+ }
+
+ &.fit {
+ display: block;
+ width: 100%;
+ }
+
+ &.left {
+ float: left;
+ margin: 0 2em 2em 0;
+ }
+
+ &.centered {
+ display: block;
+ margin: 0 0 2em 0;
+
+ img {
+ margin: 0 auto;
+ width: auto;
+ }
+ }
+
+ &.featured {
+ display: block;
+ width: 100%;
+ margin: 0 0 2em 0;
+ }
+ }
+
+/* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ @include vendor('transition', 'all .25s ease-in-out');
+ display: inline-block;
+ background: #444;
+ text-align: center;
+ text-transform: uppercase;
+ font-weight: 700;
+ letter-spacing: 0.25em;
+ text-decoration: none;
+ border-radius: 0.35em;
+ border: 0;
+ outline: 0;
+ cursor: pointer;
+
+ &:hover {
+ background-color: #f98780;
+ }
+
+ &.style1 {
+ background: #e97770 url('images/overlay.png');
+ color: #fff;
+
+ &:hover {
+ background-color: #f98780;
+ }
+
+ &:active {
+ background-color: #d96760;
+ }
+ }
+
+ &.style2 {
+ background: none;
+ color: #606167;
+ box-shadow: inset 0px 0px 2px 0px #a0a1a7;
+
+ &:hover {
+ box-shadow: inset 0px 0px 2px 0px #606167;
+ }
+
+ &:active {
+ box-shadow: inset 0px 0px 2px 0px #202127;
+ }
+ }
+
+ &.style3 {
+ background: #2f333b url('images/overlay.png');
+ color: #fff;
+
+ &:hover {
+ background-color: #3f434b;
+ }
+
+ &:active {
+ background-color: #1f232b;
+ }
+ }
+ }
+
+/* List */
+
+ ul {
+ &.default {
+ list-style: disc;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+ }
+
+ &.style2 {
+ li {
+ border-top: solid 1px #eee;
+ padding: 1.5em 0 0 0;
+ margin: 1.5em 0 0 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ margin-top: 0;
+ }
+ }
+ }
+
+ &.style3 {
+ li {
+ border-top: solid 1px #eee;
+ padding: 0.5em 0 0 0;
+ margin: 0.5em 0 0 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ margin-top: 0;
+ }
+ }
+ }
+ }
+
+ ol {
+ &.default {
+ list-style: decimal;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+ }
+
+/* Feature List */
+
+ .feature-list {
+ h3 {
+ color: #e97770 !important;
+
+ &:before {
+ position: relative;
+ display: inline-block;
+ color: #fff;
+ background: #2f333b url('images/overlay.png');
+ border-radius: 1em;
+ text-align: center;
+ }
+ }
+ }
+
+/* Icons */
+
+ .icon {
+ text-decoration: none;
+
+ &:before {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 1.25em;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ > .label {
+ display: none;
+ }
+ }
+
+/* Wrappers */
+
+ .wrapper {
+ position: relative;
+
+ .title {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ text-align: center;
+ text-transform: uppercase;
+ display: block;
+ font-weight: 700;
+ letter-spacing: 0.25em;
+
+ &:before {
+ content: '';
+ position: absolute;
+ bottom: -38px;
+ left: -35px;
+ width: 35px;
+ height: 38px;
+ background: url('images/shadow.png');
+ }
+
+ &:after {
+ @include vendor('transform', 'scaleX(-1)');
+ content: '';
+ position: absolute;
+ bottom: -38px;
+ right: -35px;
+ width: 35px;
+ height: 38px;
+ background: url('images/shadow.png');
+ }
+ }
+
+ &.style1 {
+ background: #e97770 url('images/overlay.png');
+ color: #eee;
+ color: rgba(255, 255, 255, 0.75);
+
+ .title {
+ background: #e97770 url('images/overlay.png');
+ color: #fff;
+ }
+
+ h1, h2, h3, h4, h5, h6, strong, b, a {
+ color: #fff;
+ }
+ }
+
+ &.style2 {
+ background: #fff;
+
+ .title {
+ background: #fff;
+ color: #484d55;
+ }
+ }
+
+ &.style3 {
+ background: #f3f3f3 url('images/overlay.png');
+
+ .title {
+ background: #f3f3f3 url('images/overlay.png');
+ color: #484d55;
+ }
+
+ .image {
+ border: solid 10px #fff;
+ }
+ }
+ }
+
+ #header-wrapper {
+ background: url('../../images/banner.jpg') center center;
+ background-size: cover;
+
+ &:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: url('images/overlay.png');
+ }
+ }
+
+ #footer-wrapper {
+ background: #282b34 url('images/overlay.png');
+ color: #eee;
+ color: rgba(255, 255, 255, 0.5);
+
+ h1, h2, h3, h4, h5, h6, strong, b, a {
+ color: #fff;
+ }
+
+ hr {
+ border-top-color: #333;
+ border-top-color: rgba(255, 255, 255, 0.05);
+ }
+
+ form {
+ input[type="text"],
+ input[type="email"],
+ input[type="password"],
+ select,
+ textarea {
+ background: #ccc;
+ box-shadow: none;
+
+ &:focus {
+ background: #fff;
+ }
+ }
+ }
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ color: #fff;
+ box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.5);
+
+ &:hover {
+ color: #fff;
+ box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.65);
+ }
+
+ &:active {
+ box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75);
+ }
+
+ &.style2 {
+ &:active {
+ box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75);
+ }
+ }
+ }
+
+ .title {
+ background: #282b34 url('images/overlay.png');
+ color: #eee;
+ }
+
+ header {
+ &.style1 {
+ h2 {
+ color: #fff;
+ }
+
+ .p {
+ color: inherit;
+ }
+ }
+ }
+
+ .feature-list {
+ section {
+ border-top-color: #333;
+ border-top-color: rgba(255, 255, 255, 0.05);
+ }
+
+ h3 {
+ &:before {
+ background: #3d4249 url('images/overlay.png');
+ }
+ }
+ }
+ }
+
+/* Logo */
+
+ #logo {
+ h1 {
+ font-weight: 900;
+ text-transform: uppercase;
+ color: #fff;
+ }
+
+ p {
+ color: #eee;
+ color: rgba(255, 255, 255, 0.5);
+ text-transform: uppercase;
+ }
+ }
+
+/* Intro */
+
+ #intro {
+ > .style2 {
+ font-weight: 700;
+ color: #fff;
+ border-radius: 0.35em;
+ box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+ }
+
+/* Highlights */
+
+ #highlights {
+ .highlight {
+ text-align: center;
+
+ h3 {
+ color: #e97770;
+ }
+ }
+ }
+
+/* Copyright */
+
+ #copyright {
+ text-align: center;
+
+ ul {
+ display: inline-block;
+ border-radius: 0.35em;
+ box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.05);
+ color: #aaa;
+ color: rgba(255, 255, 255, 0.25);
+ }
+
+ a {
+ color: inherit;
+
+ &:hover {
+ color: #fff;
+ }
+ }
+ }
+
+/* Desktop + Tablet */
+
+ @include breakpoint(desktop) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 13pt;
+ line-height: 1.75em;
+ letter-spacing: 0.025em;
+ }
+
+ body {
+ min-width: 1200px;
+ }
+
+ hr {
+ margin: 2em 0 2em 0;
+ }
+
+ /* Section/Article */
+
+ section, article {
+ margin: 0 0 4em 0;
+ }
+
+ header {
+ &.style1 {
+ padding: 3em 0 3em 0;
+
+ h2 {
+ font-size: 2em;
+ letter-spacing: 0.075em;
+ line-height: 1.5em;
+ }
+
+ p {
+ display: block;
+ margin: 1.15em 0 0 0;
+ font-size: 1.3em;
+ letter-spacing: 0.075em;
+ line-height: 1.5em;
+ }
+ }
+ }
+
+ /* Form */
+
+ form {
+ label {
+ margin: 0.25em 0 0.5em 0;
+ }
+ }
+
+ /* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ padding: 0 2.25em 0 2.25em;
+ font-size: 0.9em;
+ min-width: 12em;
+ height: 4em;
+ line-height: 4em;
+
+ &.big {
+ font-size: 1em;
+ min-width: 14em;
+ }
+ }
+
+ /* List */
+
+ ul {
+ &.actions {
+ margin: 3em 0 0 0;
+
+ li {
+ display: inline-block;
+ margin: 0 0.75em 0 0.75em;
+
+ &:first-child {
+ margin-left: 0;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ }
+
+ &.actions-centered {
+ text-align: center;
+ }
+ }
+
+ form {
+ ul {
+ &.actions {
+ margin-top: 0;
+ }
+ }
+ }
+
+ /* Feature List */
+
+ .feature-list {
+ section {
+ padding-top: 2em;
+ border-top: solid 1px #eee;
+ }
+
+ .row:first-child section {
+ padding-top: 0;
+ border-top: 0;
+ }
+
+ h3 {
+ margin: 0 0 0.75em 0;
+ font-size: 1.15em;
+ letter-spacing: 0.05em;
+ margin-top: -0.35em;
+
+ &:before {
+ width: 64px;
+ height: 64px;
+ line-height: 64px;
+ margin-right: 0.75em;
+ font-size: 32px;
+ top: 0.2em;
+ }
+ }
+
+ p {
+ margin: 0 0 0 5em;
+ }
+
+ &.small {
+ h3:before {
+ font-size: 24px;
+ line-height: 45px;
+ width: 45px;
+ height: 45px;
+ margin-right: 1em;
+ }
+
+ p {
+ margin: 0 0 0 4em;
+ }
+ }
+ }
+
+ /* Box */
+
+ .box {
+ header {
+ margin: 0 0 1.5em 0;
+
+ &.style1 {
+ position: relative;
+ margin: -0.5em 0 0 0;
+ padding-top: 0;
+ }
+ }
+
+ h2 {
+ margin: 0 0 0.75em 0;
+ font-size: 1.15em;
+ letter-spacing: 0.05em;
+ }
+
+ h3 {
+ margin: 0 0 0.5em 0;
+ font-size: 1em;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ }
+
+ &.post-excerpt {
+ .image.left {
+ position: relative;
+ top: 0.5em;
+ width: 5em;
+ }
+
+ h3, p {
+ margin-left: 7em;
+ }
+ }
+ }
+
+ /* Wrappers */
+
+ .wrapper {
+ padding: 6em 0 9em 0;
+
+ .title {
+ font-size: 0.9em;
+ width: 25em;
+ height: 3.25em;
+ top: -3.25em;
+ line-height: 3.25em;
+ margin-bottom: -3.25em;
+ margin-left: -12.5em;
+ padding-top: 0.5em;
+ }
+ }
+
+ #header-wrapper {
+ padding: 0;
+ }
+
+ #intro-wrapper {
+ padding-bottom: 8em;
+ }
+
+ /* Header */
+
+ #header {
+ position: relative;
+ padding: 12em 0;
+ }
+
+ .homepage #header {
+ padding: 18em 0;
+ }
+
+ /* Logo */
+
+ #logo {
+ position: absolute;
+ height: 5em;
+ top: 50%;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ margin-top: -0.5em;
+ }
+
+ .homepage #logo {
+ margin-top: -1em;
+ }
+
+ #logo {
+ h1 {
+ font-size: 2em;
+ letter-spacing: 0.25em;
+ }
+
+ p {
+ margin: 1.25em 0 0 0;
+ display: block;
+ letter-spacing: 0.2em;
+ font-size: 0.9em;
+ }
+ }
+
+ /* Nav */
+
+ #nav {
+ position: absolute;
+ display: block;
+ top: 2.5em;
+ left: 0;
+ width: 100%;
+ text-align: center;
+
+ > ul {
+ display: inline-block;
+ border-radius: 0.35em;
+ box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
+ padding: 0 1.5em 0 1.5em;
+
+ > li {
+ display: inline-block;
+ text-align: center;
+ padding: 0 1.5em 0 1.5em;
+
+ > ul {
+ display: none;
+ }
+
+ > a, > span {
+ display: block;
+ color: #eee;
+ color: rgba(255, 255, 255, 0.75);
+ text-transform: uppercase;
+ text-decoration: none;
+ font-size: 0.7em;
+ letter-spacing: 0.25em;
+ height: 5em;
+ line-height: 5em;
+ -moz-transition: all .25s ease-in-out;
+ -webkit-transition: all .25s ease-in-out;
+ -o-transition: all .25s ease-in-out;
+ -ms-transition: all .25s ease-in-out;
+ transition: all .25s ease-in-out;
+ outline: 0;
+ }
+
+ &:hover {
+ > a {
+ color: #fff;
+ }
+ }
+
+ &.active {
+ > a, > span {
+ color: #fff;
+ }
+ }
+ }
+ }
+ }
+
+ .dropotron {
+ background: #222835 url('images/overlay.png');
+ background-color: rgba(44, 50, 63, 0.925);
+ padding: 1.25em 1em 1.25em 1em;
+ border-radius: 0.35em;
+ box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
+ min-width: 12em;
+ text-align: left;
+ margin-top: -1.25em;
+ margin-left: -1px;
+
+ &.level-0 {
+ margin-top: -1px;
+ margin-left: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+
+ a, span {
+ @include vendor('transition', 'all .25s ease-in-out');
+ display: block;
+ color: #eee;
+ color: rgba(255, 255, 255, 0.75);
+ text-transform: uppercase;
+ text-decoration: none;
+ font-size: 0.7em;
+ letter-spacing: 0.25em;
+ border-top: solid 1px rgba(255, 255, 255, 0.15);
+ line-height: 3em;
+ }
+
+ li {
+ &:first-child {
+ a, span {
+ border-top: 0;
+ }
+ }
+
+ &:hover {
+ > a, > span {
+ color: #fff;
+ }
+ }
+ }
+ }
+
+ /* Intro */
+
+ #intro {
+ text-align: center;
+
+ > .style1 {
+ font-size: 1.5em;
+ letter-spacing: 0.075em;
+ }
+
+ > .style2 {
+ font-size: 2.75em;
+ letter-spacing: 0.075em;
+ line-height: 1.35em;
+ padding: 1em 0 1em 0;
+ margin-bottom: 1em;
+ }
+
+ > .style3 {
+ font-size: 1.1em;
+ width: 48em;
+ margin: 0 auto;
+ }
+ }
+
+ /* Features */
+
+ #features {
+ padding: 0 6em 0 6em;
+ header {
+ &.style1 {
+ padding-bottom: 5em;
+ }
+ }
+
+ .actions {
+ margin-top: 5em;
+ }
+ }
+
+ /* Highlights */
+
+ #highlights {
+ .highlight {
+ h3 {
+ margin: 0 0 0.75em 0;
+ font-size: 1.15em;
+ letter-spacing: 0.05em;
+ }
+ }
+ }
+
+ /* Main */
+
+ #main {
+ margin-top: 1em;
+ margin-bottom: 1em;
+ }
+
+ .homepage #main {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ /* Footer */
+
+ #footer {
+ header {
+ &.style1 {
+ padding-bottom: 0;
+ }
+ }
+
+ hr {
+ margin: 6em 0 6em 0;
+ }
+ }
+
+ /* Copyright */
+
+ #copyright {
+ margin: 6em 0 0 0;
+
+ ul {
+ padding: 0.75em 2em;
+ font-size: 0.9em;
+
+ li {
+ display: inline-block;
+ margin-left: 1em;
+ padding-left: 1em;
+ border-left: solid 1px #333;
+ border-left-color: rgba(255, 255, 255, 0.05);
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ }
+ }
+ }
+
+ }
+
+/* Tablet Only */
+
+ @include breakpoint(tablet) {
+
+ /* Basic */
+
+ body {
+ min-width: 1000px;
+ font-size: 12pt;
+ line-height: 1.5em;
+ letter-spacing: 0.015em;
+ }
+
+ input, select, textarea {
+ font-size: 12pt;
+ line-height: 1.5em;
+ letter-spacing: 0.015em;
+ }
+
+ body {
+ min-width: 960px;
+ }
+
+ /* Wrappers */
+
+ .wrapper {
+ padding: 4em 0 7em 0;
+ }
+
+ #intro-wrapper {
+ padding-bottom: 7em;
+ }
+
+ #footer-wrapper {
+ hr {
+ margin: 3em 0 3em 0;
+ }
+ }
+
+ /* Header */
+
+ #header {
+ padding: 10em 0;
+ }
+
+ .homepage #header {
+ padding: 14em 0;
+ }
+
+ /* Logo */
+
+ #logo {
+ margin-top: -0.5em !important;
+
+ h1 {
+ font-size: 1.75em;
+ }
+ }
+
+ /* Intro */
+
+ #intro {
+ > .style1 {
+ font-size: 1.25em;
+ }
+
+ > .style2 {
+ font-size: 2.25em;
+ }
+ }
+
+ /* Copyright */
+
+ #copyright {
+ margin: 3em 0 0 0;
+ }
+
+ }
+
+/* Mobile Only */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @include breakpoint(mobile) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, select, textarea {
+ line-height: 1.5em;
+ font-size: 10.5pt;
+ letter-spacing: 0;
+ }
+
+ h2, h3, h4, h5, h6 {
+ font-size: 1.2em;
+ letter-spacing: 0.05em;
+ margin: 0 0 1em 0;
+ }
+
+ hr {
+ margin: 1em 0 1em 0;
+ }
+
+ /* Section/Article */
+
+ section, article {
+ clear: both;
+ padding: 1em 0 1em 0 !important;
+ }
+
+ header {
+ br {
+ display: none;
+ }
+
+ &.style1 {
+ padding: 0 0 1em 0;
+
+ h2 {
+ font-size: 1.5em;
+ letter-spacing: 0.075em;
+ line-height: 1.25em;
+ }
+
+ p {
+ display: block;
+ margin: 0;
+ }
+ }
+ }
+
+ /* Button */
+
+ input,
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ display: block;
+ width: 100%;
+ font-size: 1em;
+ padding: 1em 0 1em 0;
+ max-width: 30em;
+ margin: 0 auto;
+ }
+
+ /* List */
+
+ ul {
+ &.actions {
+ margin: 2em 0 0 0;
+
+ li {
+ margin: 15px 0 0 0;
+ }
+ }
+ }
+
+ form ul.actions {
+ margin: 1em 0 0 0;
+ }
+
+ /* Feature List */
+
+ .feature-list {
+ section {
+ border-top: solid 1px #eee;
+ }
+
+ > div > div:first-child > div:first-child > section {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ h3 {
+ position: relative;
+ padding: 4px 0 0 48px;
+ line-height: 1.25em;
+
+ &:before {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 32px;
+ height: 32px;
+ line-height: 32px;
+ font-size: 16px;
+ }
+ }
+
+ p {
+ margin: 0 0 0 48px;
+ }
+ }
+
+ /* Box */
+
+ .box {
+ &.post-excerpt {
+ .image {
+ &.left {
+ position: relative;
+ top: 0.25em;
+ width: 25%;
+ margin: 0;
+ }
+ }
+
+ h3, p {
+ margin-left: 32.5%;
+ }
+ }
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ padding-bottom: 1px;
+ }
+
+ #titleBar {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 1;
+ background: none;
+
+ .title {
+ display: none;
+ }
+
+ .toggle {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 60px;
+ height: 44px;
+
+ &:before {
+ @include vendor('transition', 'all .15s ease-in-out');
+ font-family: FontAwesome;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: '\f0c9';
+ font-size: 14px;
+ position: absolute;
+ top: 6px;
+ left: 6px;
+ display: block;
+ width: 54px;
+ height: 38px;
+ line-height: 38px;
+ text-align: center;
+ color: rgba(255, 255, 255, 0.75);
+ background-color: rgba(92, 95, 103, 0.5);
+ border-radius: 0.25em;
+ }
+ &:active {
+ &:before {
+ background-color: rgba(92, 95, 103, 0.75);
+ }
+ }
+ }
+ }
+
+ #navPanel {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transform', 'translateX(#{_size(navPanel) * -1})');
+ @include vendor('transition', ('transform #{_duration(navPanel)} ease'));
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: _size(navPanel);
+ z-index: _misc(z-index-base) + 2;
+ background: #242730 url('images/overlay.png');
+ box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1);
+
+ .link {
+ display: block;
+ color: rgba(255, 255, 255, 0.5);
+ text-transform: uppercase;
+ text-decoration: none;
+ font-size: 0.85em;
+ letter-spacing: 0.15em;
+ text-decoration: none;
+ height: 44px;
+ line-height: 44px;
+ border-top: solid 1px rgba(255, 255, 255, 0.05);
+ margin: 0 15px 0 15px;
+
+ &:first-child {
+ border-top: 0;
+ }
+ }
+
+ .indent-1 {
+ display: inline-block;
+ width: 1em;
+ }
+
+ .indent-2 {
+ display: inline-block;
+ width: 2em;
+ }
+
+ .indent-3 {
+ display: inline-block;
+ width: 3em;
+ }
+
+ .indent-4 {
+ display: inline-block;
+ width: 4em;
+ }
+
+ .indent-5 {
+ display: inline-block;
+ width: 5em;
+ }
+
+ .depth-0 {
+ color: #fff;
+ }
+ }
+
+ body {
+ &.navPanel-visible {
+ #page-wrapper {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #titleBar {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #navPanel {
+ @include vendor('transform', 'translateX(0)');
+ }
+ }
+ }
+
+ /* Wrappers */
+
+ .wrapper {
+ padding: 15px 15px 5em 15px;
+
+ .title {
+ font-size: 0.9em;
+ width: 18em;
+ height: 2.5em;
+ top: -2.5em;
+ line-height: 2.5em;
+ margin-bottom: -2.5em;
+ margin-left: -9em;
+ padding-top: 0.5em;
+
+ &:before,
+ &:after {
+ height: 15px;
+ bottom: -15px;
+ background-size: 100% 100%;
+ }
+ }
+ }
+
+ #header-wrapper {
+ padding: 6em 2em 6em 2em;
+ }
+
+ #footer-wrapper {
+ padding-top: 3em;
+ .feature-list {
+ section {
+ border-top-color: #eee;
+ border-top-color: rgba(255, 255, 255, 0.05);
+ }
+ }
+ }
+
+ /* Logo */
+
+ #logo {
+ text-align: center;
+
+ h1 {
+ font-size: 1.5em;
+ letter-spacing: 0.2em;
+ }
+
+ p {
+ margin: 1.25em 0 0 0;
+ display: block;
+ letter-spacing: 0.2em;
+ font-size: 0.9em;
+ }
+ }
+
+ /* Nav */
+
+ #nav {
+ display: none;
+ }
+
+ /* Intro */
+
+ #intro {
+ text-align: center;
+ padding: 1em 2em 1em 2em !important;
+ margin: 0 auto;
+
+ .style2 {
+ font-size: 1.5em;
+ letter-spacing: 0.05em;
+ line-height: 1.25em;
+ padding: 1.25em;
+ }
+ }
+
+ /* Main */
+
+ #main {
+ padding: 1em 0 0 0;
+ }
+
+ /* Content */
+
+ #content {
+ padding: 0 0 2em 0;
+
+ header {
+ &.style1 {
+ padding-bottom: 2.5em;
+ }
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ hr {
+ display: none;
+ }
+ }
+
+ /* Copyright */
+
+ #copyright {
+ padding: 2em 0 0 0;
+
+ ul {
+ padding: 1em 2em;
+ width: 100%;
+
+ li {
+ display: block;
+ margin: 0.5em 0 0 0;
+
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/escape-velocity/images/banner.jpg b/escape-velocity/images/banner.jpg
new file mode 100644
index 0000000..1774bac
Binary files /dev/null and b/escape-velocity/images/banner.jpg differ
diff --git a/escape-velocity/images/pic01.jpg b/escape-velocity/images/pic01.jpg
new file mode 100644
index 0000000..2600092
Binary files /dev/null and b/escape-velocity/images/pic01.jpg differ
diff --git a/escape-velocity/images/pic02.jpg b/escape-velocity/images/pic02.jpg
new file mode 100644
index 0000000..86795de
Binary files /dev/null and b/escape-velocity/images/pic02.jpg differ
diff --git a/escape-velocity/images/pic03.jpg b/escape-velocity/images/pic03.jpg
new file mode 100644
index 0000000..5670469
Binary files /dev/null and b/escape-velocity/images/pic03.jpg differ
diff --git a/escape-velocity/images/pic04.jpg b/escape-velocity/images/pic04.jpg
new file mode 100644
index 0000000..40dfdef
Binary files /dev/null and b/escape-velocity/images/pic04.jpg differ
diff --git a/escape-velocity/images/pic05.jpg b/escape-velocity/images/pic05.jpg
new file mode 100644
index 0000000..710401c
Binary files /dev/null and b/escape-velocity/images/pic05.jpg differ
diff --git a/escape-velocity/images/pic06.jpg b/escape-velocity/images/pic06.jpg
new file mode 100644
index 0000000..8a64906
Binary files /dev/null and b/escape-velocity/images/pic06.jpg differ
diff --git a/escape-velocity/images/pic07.jpg b/escape-velocity/images/pic07.jpg
new file mode 100644
index 0000000..b530a9d
Binary files /dev/null and b/escape-velocity/images/pic07.jpg differ
diff --git a/escape-velocity/images/pic08.jpg b/escape-velocity/images/pic08.jpg
new file mode 100644
index 0000000..99a07cb
Binary files /dev/null and b/escape-velocity/images/pic08.jpg differ
diff --git a/escape-velocity/images/pic09.jpg b/escape-velocity/images/pic09.jpg
new file mode 100644
index 0000000..8672dad
Binary files /dev/null and b/escape-velocity/images/pic09.jpg differ
diff --git a/escape-velocity/images/pic10.jpg b/escape-velocity/images/pic10.jpg
new file mode 100644
index 0000000..fab46e4
Binary files /dev/null and b/escape-velocity/images/pic10.jpg differ
diff --git a/escape-velocity/index.html b/escape-velocity/index.html
new file mode 100644
index 0000000..4ebdd79
--- /dev/null
+++ b/escape-velocity/index.html
@@ -0,0 +1,300 @@
+
+
+
+
+
Escape Velocity by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Introduction
+
+ So in case you were wondering what this is all about ...
+
+ Escape Velocity is a free responsiveHTML5 UP
+
+ It's responsive , built on HTML5 and CSS3 , and released for
+ free under the Creative Commons Attribution 3.0 license , so use it for any of
+ your personal or commercial projects – just be sure to credit us!
+
+
+
+
+
+
+
The Details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+ Lorem ipsum dolor sit veroeros
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+
+
+ Pretium phasellus justo lorem
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+ Tempus sed pretium orci
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+
+
+ Aliquam consequat et feugiat
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+ Dolore laoreet aliquam mattis
+ Eget mattis at, laoreet vel et velit aliquam diam ante, aliquet sit amet vulputate. Eget mattis at, laoreet vel velit lorem.
+
+
+
+
+
+
+
+
+
+
+
The Endorsements
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/escape-velocity/left-sidebar.html b/escape-velocity/left-sidebar.html
new file mode 100644
index 0000000..f2500b7
--- /dev/null
+++ b/escape-velocity/left-sidebar.html
@@ -0,0 +1,356 @@
+
+
+
+
+
Left Sidebar - >Escape Velocity by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Left Sidebar
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+ Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
+ ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
+ eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+
+
+
+
+
+
+
+
The Endorsements
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/escape-velocity/no-sidebar.html b/escape-velocity/no-sidebar.html
new file mode 100644
index 0000000..e2fe84f
--- /dev/null
+++ b/escape-velocity/no-sidebar.html
@@ -0,0 +1,302 @@
+
+
+
+
+
No Sidebar - Escape Velocity by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
No Sidebar
+
+
+
+
+
+
+
+
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+ Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
+ ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
+ eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+
+
+
+
+
+
The Endorsements
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/escape-velocity/right-sidebar.html b/escape-velocity/right-sidebar.html
new file mode 100644
index 0000000..be5a9ac
--- /dev/null
+++ b/escape-velocity/right-sidebar.html
@@ -0,0 +1,356 @@
+
+
+
+
+
Right Sidebar - Escape Velocity by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Right Sidebar
+
+
+
+
+
+
+
+
+
+
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget.
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+ Donec consectetur vestibulum dolor et pulvinar. Etiam vel felis enim, at viverra
+ ligula. Ut porttitor sagittis lorem, quis eleifend nisi ornare vel. Praesent nec orci
+ eget quam rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tincidunt felis sagittis eget. Donec elementum ligula dignissim sem pulvinar non semper
+ odio eleifend. Duis commodo fringilla commodo. Aliquam erat volutpat. Vestibulum
+ facilisis leo magna. Cras sit amet urna eros, id egestas urna. Quisque aliquam
+ tempus euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
+ posuere cubilia.
+ Phasellus nisl nisl, varius id porttitor sed, pellentesque ac orci. Pellentesque
+ habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi
+ bibendum justo sed mauris vehicula malesuada aliquam elit imperdiet. Aliquam eu nibh
+ lorem, eget gravida mi. Duis odio diam, luctus et vulputate vitae, vehicula ac dolor.
+ Pellentesque at urna eget tellus lobortis ultrices sed non erat. Donec eget erat non
+ magna volutpat malesuada quis eget eros. Nullam sodales cursus sapien, id consequat
+ leo suscipit ut. Praesent id turpis vitae turpis pretium ultricies. Vestibulum sit
+ amet risus elit.
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+ Magna pulvinar tempus
+
+ Rutrum bibendum. Proin pellentesque diam non ligula commodo tempor. Vivamus
+ eget urna nibh. Curabitur non fringilla nisl. Donec accumsan interdum nisi, quis
+ tempus.
+ More
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
The Endorsements
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+ Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ethereal/README.txt b/ethereal/README.txt
new file mode 100644
index 0000000..5615888
--- /dev/null
+++ b/ethereal/README.txt
@@ -0,0 +1,383 @@
+Ethereal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+This is Ethereal, my latest, greatest, and quite possibly most unique template for HTML5 UP.
+Since releasing Parallelism 3-4 years ago (!!!), I've been dying to do another side-scrolling
+template with more in the way of flexibility/customization potential. The result is this template,
+Ethereal, which combines a robust side-scrolling framework of my own creation (with various
+"scroll-assist" features like drag/momentum scrolling, keyboard shortcuts, etc.) with a unique
+look and feel, a lightbox gallery, tons of customization options, and, of course, full
+responsiveness. Hope you dig it :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Instructions:
+
+ Overview
+ ========
+
+ Browsers deal with side-scrolling pages differently to vertically-oriented ones in
+ that they require elements (or at the very least, the top-most wrapper element) to
+ have a defined (fixed) width. This leads to a number of limitations (eg. the page
+ won't automatically grow/shrink in the same way a vertically-oriented one will), so
+ Ethereal does two things to work around this:
+
+ - The entire page is made up of "panel" elements, each of which can be assigned an
+ optional "size" modifier (satisfying the fixed width requirement).
+
+ - For panels that don't use a size modifier, individual containing elements *inside*
+ them (eg. a column) can be assigned a "span" modifier to give those a fixed width
+ instead (also satisfying the fixed width requirement).
+
+ Another fun quirk of side-scrolling pages is how to actually implement horizontal
+ scrolling *without* resorting to using the (usually ugly) horizontal scrollbar.
+ Ethereal does this in FOUR (!) ways:
+
+ - Dragging: Users can simply click and drag the page left or right to scroll it around.
+ This works exactly as you'd expect, and even has a nice "post-scroll momentum" effect.
+
+ - Scroll Wheel: Ethereal modifies* the scroll wheel's behavior to translate vertical
+ scrolling into horizontal scrolling, allowing the user to use either the scroll wheel
+ or trackpad to scroll the page (the latter of which retains the ability to horziontally
+ scroll as normal, so nothing changes there).
+
+ * Special thanks to @miorel + @pieterv of Facebook for "normalizeWheel()" :)
+
+ - Scroll Zones: Users can hover the mouse cursor on the left or right edges of the page
+ to automatically scroll in either direction.
+
+ - Keyboard Shortcuts: Finally, users can simply use the left/right arrows, page up/down,
+ home/end, and the spacebar to scroll the page.
+
+ Note that any (or all) of these scroll-assist features can be turned off (and in some
+ cases customized). See the top of assets/js/main.js for more information.
+
+
+ Span Modifiers
+ ==============
+
+ Span modifiers are simply classes that give elements a fixed width, the size of which
+ is determined by the "unit value" associated with the modifier (eg. "span-3" means
+ "span 3 units"). These sizes are in "rem" units when used inside panels that don't
+ use a size modifier, and in percentage units when used inside panels that do.
+
+ Ethereal includes span modifiers ranging from 0.25 units ("span-0-25") to 10 units
+ ("span-10"). Here's a partial list:
+
+ span-0-25 Span 0.25 units.
+ span-0-5 Span 0.5 units.
+ span-0-75 Span 0.75 units.
+ span-1 Span 1 unit.
+ span-1-25 Span 1.25 units.
+ span-1-5 Span 1.5 units.
+ span-1-75 Span 1.75 units.
+ ...
+ span-9 Span 9 units.
+ span-9-25 Span 9.25 units.
+ span-9-5 Span 9.5 units.
+ span-9-75 Span 9.75 units.
+ span-10 Span 10 units.
+
+
+ Major Elements
+ ==============
+
+ Most of Ethereal's elements are pretty much what you'd expect, but there are a handful
+ of "major" ones that warrant a bit more explanation:
+
+
+ Panel
+ ------
+
+ The primary building block of Ethereal.
+
+ HTML
+
+
+
+ (intro content)
+
+
+ (inner content)
+
+
+
+ Note: The entire "intro" child element can be excluded.
+ Note: You can have as many "intro" and "inner" child elements as you like.
+
+ Modifiers
+
+ Size
+
+ small Use small size.
+ medium Use medium size.
+ large Use large size.
+
+ Color
+
+ color0 Use background color 0 (gradient).
+ color1 Use background color 1.
+ color2 Use background color 2.
+ color3 Use background color 3.
+ color4 Use background color 4.
+ color1-alt Use background color 1 (alt).
+ color2-alt Use background color 2 (alt).
+ color3-alt Use background color 3 (alt).
+ color4-alt Use background color 4 (alt).
+
+ Inner
+
+ columns Divides child elements into columns.
+ aligned When used with "columns", aligns content to top of panel.
+ divided When used with "columns", separates each column with a vertical line.
+
+ Examples
+
+ Here's a very basic example:
+
+
+
+
Panel
+
Just a generic panel.
+
+
Lorem ipsum dolor sit amet.
+
+
+ And here's a more advanced example using columns and *no* size modifier:
+
+
+
+
Panel
+
Just a generic panel.
+
+
+
This column is 4 units wide.
+
+
+
This column is 3 units wide.
+
+
+
This column is 2 units wide.
+
+
+
+ Note: The "intro" child element already has a fixed width, so a span modifier
+ isn't required.
+
+
+ Panel (Banner)
+ --------------
+
+ The "Banner" variant of a regular panel.
+
+ HTML
+
+
+
+ (content)
+
+
+
+
+
+ Modifiers
+
+ Orientation
+
+ left Content on the left, image on the right.
+ right Content on the right, image on the left.
+
+ Image
+
+ filtered Applies a gradient filter to the image.
+ tinted Applies a tint filter to the image.
+
+ Image Position (required)
+
+ top left Position image in the top-left corner.
+ top Position image along the top edge.
+ top right Position image in the top-right corner.
+ right Position image along the right edge.
+ bottom right Position image in the bottom-right corner.
+ bottom Position image along the bottom edge.
+ bottom left Position image in the bottom-left corner.
+ left Position image along the left edge.
+ center Position image in the center.
+
+ Example
+
+
+
+
Banner
+
Lorem ipsum dolor sit amet.
+
+
+
+
+
+ Panel (Spotlight)
+ -----------------
+
+ The "Spotlight" variant of a regular panel.
+
+ HTML
+
+
+
+ (content)
+
+
+
+
+
+ Modifiers
+
+ Orientation
+
+ left Content on the left.
+ right Content on the right.
+
+ Image
+
+ filtered Applies a gradient filter to the image.
+ tinted Applies a tint filter to the image.
+
+ Image Position (required)
+
+ top left Position image in the top-left corner.
+ top Position image along the top edge.
+ top right Position image in the top-right corner.
+ right Position image along the right edge.
+ bottom right Position image in the bottom-right corner.
+ bottom Position image along the bottom edge.
+ bottom left Position image in the bottom-left corner.
+ left Position image along the left edge.
+ center Position image in the center.
+
+ Example
+
+
+
+
Spotlight
+
Lorem ipsum dolor sit amet.
+
+
+
+
+
+ Gallery
+ -------
+
+ A lightbox-enabled gallery.
+
+ HTML
+
+
+
+ Note: The "group" element creates a dual-row group of images. Images inside this group will
+ automatically wrap to the next row when they exceed its width (as defined by its span modifier).
+ You can have as many groups in a gallery as you like.
+
+ Modifiers
+
+ Image
+
+ filtered Applies a gradient filter to the image.
+ tinted Applies a tint filter to the image.
+
+ Image Position (required)
+
+ top left Position image in the top-left corner.
+ top Position image along the top edge.
+ top right Position image in the top-right corner.
+ right Position image along the right edge.
+ bottom right Position image in the bottom-right corner.
+ bottom Position image along the bottom edge.
+ bottom left Position image in the bottom-left corner.
+ left Position image along the left edge.
+ center Position image in the center.
+
+ Example
+
+
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ Misc. Sass functions (@HugoGiraudel)
+ normalizeWheel (@miorel + @pieterv of Facebook)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/ethereal/assets/css/font-awesome.min.css b/ethereal/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/ethereal/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/ethereal/assets/css/main.css b/ethereal/assets/css/main.css
new file mode 100644
index 0000000..76e3d58
--- /dev/null
+++ b/ethereal/assets/css/main.css
@@ -0,0 +1,3672 @@
+@import url(font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300i,400i");
+
+/*
+ Ethereal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Page */
+
+ @-moz-keyframes load-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes load-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes load-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes load-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ html {
+ width: 100%;
+ height: 100%;
+ }
+
+ body {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-justify-content: -moz-flex-start;
+ -webkit-justify-content: -webkit-flex-start;
+ -ms-justify-content: -ms-flex-start;
+ justify-content: flex-start;
+ -ms-overflow-style: scrollbar;
+ width: 100%;
+ height: 100%;
+ min-height: 30rem;
+ overflow: hidden;
+ }
+
+ body:before {
+ -moz-animation: load-spinner 1s infinite linear;
+ -webkit-animation: load-spinner 1s infinite linear;
+ -ms-animation: load-spinner 1s infinite linear;
+ animation: load-spinner 1s infinite linear;
+ -moz-transition: opacity 0.25s ease;
+ -webkit-transition: opacity 0.25s ease;
+ -ms-transition: opacity 0.25s ease;
+ transition: opacity 0.25s ease;
+ -moz-transition-delay: 0s;
+ -webkit-transition-delay: 0s;
+ -ms-transition-delay: 0s;
+ transition-delay: 0s;
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 4rem;
+ height: 4rem;
+ margin: -2rem 0 0 -2rem;
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %232e2b37%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 4rem;
+ opacity: 0;
+ }
+
+ body:after {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ content: '';
+ display: block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ background-attachment: fixed;
+ background-color: #e1e6e1;
+ background-image: url("../../images/overlay.png"), url("../../images/bg.jpg");
+ background-repeat: repeat, repeat-x;
+ background-size: 128px 128px, cover;
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+ body.is-loading:before {
+ -moz-transition: opacity 1s ease;
+ -webkit-transition: opacity 1s ease;
+ -ms-transition: opacity 1s ease;
+ transition: opacity 1s ease;
+ -moz-transition-delay: 0.75s;
+ -webkit-transition-delay: 0.75s;
+ -ms-transition-delay: 0.75s;
+ transition-delay: 0.75s;
+ opacity: 0.25;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ html {
+ height: auto;
+ }
+
+ body {
+ height: auto;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+/* Typography */
+
+ html {
+ font-size: 18pt;
+ font-size: 1vmax;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ html {
+ font-size: 12pt;
+ font-size: 1.1vmax;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ html {
+ font-size: 11pt;
+ font-size: 1.5vmax;
+ }
+
+ }
+
+ body, input, select, textarea {
+ color: rgba(255, 255, 255, 0.75);
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 1rem;
+ font-weight: 300;
+ line-height: 1.65;
+ }
+
+ a {
+ -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ color: inherit;
+ border-bottom: dotted 1px;
+ text-decoration: none;
+ }
+
+ a:hover {
+ border-bottom-color: transparent;
+ color: #ffe4b4;
+ }
+
+ strong, b {
+ color: rgba(255, 255, 255, 0.875);
+ font-weight: 400;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 1.5rem 0;
+ }
+
+ body.is-ie p {
+ width: 100%;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: rgba(255, 255, 255, 0.875);
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: 700;
+ line-height: 1.3;
+ margin: 0 0 0.75rem 0;
+ letter-spacing: -0.05em;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ h1.major, h2.major, h3.major {
+ position: relative;
+ }
+
+ h1.major:after, h2.major:after, h3.major:after {
+ content: '';
+ position: absolute;
+ left: 0;
+ width: 3.5rem;
+ height: 0.1rem;
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+
+ h1 {
+ font-size: 3rem;
+ line-height: 1.2;
+ }
+
+ h1.major {
+ margin: 0 0 2.625rem 0;
+ }
+
+ h1.major:after {
+ bottom: -1.325rem;
+ }
+
+ h2 {
+ font-size: 1.75rem;
+ line-height: 1.2;
+ }
+
+ h2.major {
+ margin: 0 0 1.9875rem 0;
+ }
+
+ h2.major:after {
+ bottom: -1.2rem;
+ }
+
+ h3 {
+ font-size: 1.325rem;
+ }
+
+ h3.major {
+ margin: 0 0 1.875rem 0;
+ }
+
+ h3.major:after {
+ bottom: -0.75rem;
+ }
+
+ h4 {
+ font-size: 1rem;
+ }
+
+ h5 {
+ font-size: 0.9rem;
+ }
+
+ h6 {
+ font-size: 0.7rem;
+ }
+
+ sub {
+ font-size: 0.8rem;
+ position: relative;
+ top: 0.5rem;
+ }
+
+ sup {
+ font-size: 0.8rem;
+ position: relative;
+ top: -0.5rem;
+ }
+
+ blockquote {
+ border-left: solid 0.25rem rgba(255, 255, 255, 0.25);
+ font-style: italic;
+ margin: 0 0 1.5rem 0;
+ padding: 0.375rem 0 0.375rem 1.5rem;
+ }
+
+ code {
+ background: rgba(255, 255, 255, 0.075);
+ border-radius: 0.25rem;
+ font-family: "Courier New", monospace;
+ font-size: 0.8rem;
+ margin: 0 0.25rem;
+ padding: 0.25rem 0.65rem;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.8rem;
+ margin: 0 0 1.5rem 0;
+ white-space: pre-wrap;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.625;
+ padding: 1rem 1.5rem;
+ overflow-x: auto;
+ margin: 0;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 2px rgba(255, 255, 255, 0.25);
+ margin: 1.875rem 0;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ html {
+ font-size: 12pt;
+ }
+
+ h1 {
+ font-size: 2.25rem;
+ line-height: 1.2;
+ }
+
+ h1.major {
+ margin: 0 0 2.625rem 0;
+ }
+
+ h1.major:after {
+ bottom: -1.325rem;
+ }
+
+ h2 {
+ font-size: 1.5rem;
+ line-height: 1.2;
+ }
+
+ h2.major {
+ margin: 0 0 1.9875rem 0;
+ }
+
+ h2.major:after {
+ bottom: -1.2rem;
+ }
+
+ h3 {
+ font-size: 1rem;
+ }
+
+ h3.major {
+ margin: 0 0 1.875rem 0;
+ }
+
+ h3.major:after {
+ bottom: -0.75rem;
+ }
+
+ h4 {
+ font-size: 1rem;
+ }
+
+ h5 {
+ font-size: 0.9rem;
+ }
+
+ h6 {
+ font-size: 0.7rem;
+ }
+
+ h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
+ display: none;
+ }
+
+ }
+
+ @media screen and (max-width: 360px) {
+
+ html {
+ font-size: 11pt;
+ }
+
+ }
+
+/* Form */
+
+ form {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: calc(100% + 3rem);
+ margin: -1.5rem 0 1.5rem -1.5rem;
+ }
+
+ form > .field {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ padding: 1.5rem 0 0 1.5rem;
+ width: calc(100% - 1.5rem);
+ }
+
+ form > .field.half {
+ width: calc(50% - 0.75rem);
+ }
+
+ form > .field.third {
+ width: calc(100%/3 - 0.5rem);
+ }
+
+ form > .field.quarter {
+ width: calc(25% - 0.375rem);
+ }
+
+ form > .actions {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ margin: 1.5rem 0 0 1.5rem;
+ }
+
+ label {
+ color: rgba(255, 255, 255, 0.875);
+ display: block;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 0.8rem;
+ font-weight: 700;
+ margin: 0 0 0.4875rem 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: transparent;
+ border: solid 2px rgba(255, 255, 255, 0.25);
+ border-radius: 0.25rem;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 0.75rem;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ input[type="tel"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ input[type="tel"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #ffe4b4;
+ }
+
+ option {
+ background-color: rgba(255, 255, 255, 0.875);
+ color: #2e2b37;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ display: block;
+ content: '\f107';
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 2.5rem;
+ height: 2.5rem;
+ line-height: 2.5rem;
+ color: rgba(255, 255, 255, 0.75);
+ pointer-events: none;
+ text-align: center;
+ }
+
+ body.is-ie .select-wrapper:before {
+ line-height: 2.5;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.5rem;
+ }
+
+ textarea {
+ padding: 0.75rem 1rem;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2rem;
+ opacity: 0;
+ width: 1rem;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ position: relative;
+ color: rgba(255, 255, 255, 0.75);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1rem;
+ font-weight: 300;
+ margin-bottom: 0;
+ padding-left: 2.5rem;
+ padding-right: 1rem;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ content: '';
+ display: inline-block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1.5rem;
+ height: 1.5rem;
+ line-height: 1.4375rem;
+ background: rgba(255, 255, 255, 0.075);
+ border: solid 1px rgba(255, 255, 255, 0.25);
+ border-radius: 0.25rem;
+ color: #2e2b37;
+ text-align: center;
+ }
+
+ body.is-ie input[type="checkbox"] + label:before, body.is-ie
+ input[type="radio"] + label:before {
+ line-height: 1.5;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ content: '\f00c';
+ background: rgba(255, 255, 255, 0.875);
+ border-color: rgba(255, 255, 255, 0.875);
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #ffe4b4;
+ box-shadow: 0 0 0 1px #ffe4b4;
+ }
+
+ input[type="checkbox"]:focus:checked + label:before,
+ input[type="radio"]:focus:checked + label:before {
+ background: #ffe4b4;
+ }
+
+ input[type="checkbox"].color1 + label:before,
+ input[type="radio"].color1 + label:before {
+ color: #726193;
+ }
+
+ input[type="checkbox"].color2 + label:before,
+ input[type="radio"].color2 + label:before {
+ color: #e37b7c;
+ }
+
+ input[type="checkbox"].color3 + label:before,
+ input[type="radio"].color3 + label:before {
+ color: #ffe4b4;
+ }
+
+ input[type="checkbox"].color4 + label:before,
+ input[type="radio"].color4 + label:before {
+ color: #353865;
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 0.25rem;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ form {
+ margin: -1.5rem 0 1.5rem 0;
+ width: 100%;
+ }
+
+ form > .field {
+ padding: 1.5rem 0 0 0;
+ width: 100% !important;
+ }
+
+ form > .actions {
+ margin: 1.5rem 0 0 0;
+ }
+
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ position: relative;
+ border-bottom: none;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+/* Image */
+
+ .image {
+ display: inline-block;
+ position: relative;
+ border: 0;
+ }
+
+ .image.filtered:after {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ z-index: 1;
+ }
+
+ .image.filtered.tinted:after {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25)), linear-gradient(0deg, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.125));
+ background-size: 128px 128px, auto, auto;
+ }
+
+ .image[data-position] img {
+ -moz-object-fit: cover;
+ -webkit-object-fit: cover;
+ -ms-object-fit: cover;
+ object-fit: cover;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ .image[data-position="top left"] img {
+ -moz-object-position: top left;
+ -webkit-object-position: top left;
+ -ms-object-position: top left;
+ object-position: top left;
+ }
+
+ .image[data-position="top"] img {
+ -moz-object-position: top;
+ -webkit-object-position: top;
+ -ms-object-position: top;
+ object-position: top;
+ }
+
+ .image[data-position="top right"] img {
+ -moz-object-position: top right;
+ -webkit-object-position: top right;
+ -ms-object-position: top right;
+ object-position: top right;
+ }
+
+ .image[data-position="right"] img {
+ -moz-object-position: right;
+ -webkit-object-position: right;
+ -ms-object-position: right;
+ object-position: right;
+ }
+
+ .image[data-position="bottom right"] img {
+ -moz-object-position: bottom right;
+ -webkit-object-position: bottom right;
+ -ms-object-position: bottom right;
+ object-position: bottom right;
+ }
+
+ .image[data-position="bottom"] img {
+ -moz-object-position: bottom;
+ -webkit-object-position: bottom;
+ -ms-object-position: bottom;
+ object-position: bottom;
+ }
+
+ .image[data-position="bottom left"] img {
+ -moz-object-position: bottom left;
+ -webkit-object-position: bottom left;
+ -ms-object-position: bottom left;
+ object-position: bottom left;
+ }
+
+ .image[data-position="left"] img {
+ -moz-object-position: left;
+ -webkit-object-position: left;
+ -ms-object-position: left;
+ object-position: left;
+ }
+
+ .image[data-position="center"] img {
+ -moz-object-position: center;
+ -webkit-object-position: center;
+ -ms-object-position: center;
+ object-position: center;
+ }
+
+ .image[data-position="25% 25%"] img {
+ -moz-object-position: 25% 25%;
+ -webkit-object-position: 25% 25%;
+ -ms-object-position: 25% 25%;
+ object-position: 25% 25%;
+ }
+
+ .image[data-position="75% 25%"] img {
+ -moz-object-position: 75% 25%;
+ -webkit-object-position: 75% 25%;
+ -ms-object-position: 75% 25%;
+ object-position: 75% 25%;
+ }
+
+ .image[data-position="75% 75%"] img {
+ -moz-object-position: 75% 75%;
+ -webkit-object-position: 75% 75%;
+ -ms-object-position: 75% 75%;
+ object-position: 75% 75%;
+ }
+
+ .image[data-position="25% 75%"] img {
+ -moz-object-position: 25% 75%;
+ -webkit-object-position: 25% 75%;
+ -ms-object-position: 25% 75%;
+ object-position: 25% 75%;
+ }
+
+ .image img {
+ display: block;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.left {
+ float: left;
+ padding: 0 1.5rem 1rem 0;
+ top: 0.25rem;
+ }
+
+ .image.right {
+ float: right;
+ padding: 0 0 1rem 1.5rem;
+ top: 0.25rem;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 1.5rem 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+ .image.main {
+ display: block;
+ margin: 0 0 2.25rem 0;
+ width: 100%;
+ }
+
+ .image.main img {
+ width: 100%;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 1.5rem 0;
+ padding-left: 1.25rem;
+ }
+
+ ol li {
+ padding-left: 0.25rem;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 1.5rem 0;
+ padding-left: 1rem;
+ }
+
+ ul li {
+ padding-left: 0.5rem;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px rgba(255, 255, 255, 0.25);
+ padding: 0.5rem 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 1rem 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 1.25em;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 0.75rem 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.375rem 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 0.75rem 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.375rem 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -0.75rem;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 0.75rem);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 0.75rem;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.375rem;
+ width: calc(100% + 0.375rem);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.375rem;
+ }
+
+ ul.contact-icons {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.contact-icons > li {
+ margin: 1.25rem 0 0 0;
+ padding-left: 0;
+ }
+
+ ul.contact-icons > li:before {
+ display: inline-block;
+ width: 2.25rem;
+ height: 2.25rem;
+ line-height: 2.25rem;
+ border-radius: 2.25rem;
+ background-color: white;
+ color: #2e2b37;
+ cursor: default;
+ font-size: 1.125rem;
+ margin-right: 1rem;
+ text-align: center;
+ vertical-align: middle;
+ }
+
+ body.is-ie ul.contact-icons > li:before {
+ line-height: 2.125;
+ }
+
+ ul.contact-icons > li a {
+ border-bottom: 0;
+ }
+
+ ul.contact-icons.color1 > li:before {
+ color: #726193;
+ }
+
+ ul.contact-icons.color2 > li:before {
+ color: #e37b7c;
+ }
+
+ ul.contact-icons.color3 > li:before {
+ color: #ffe4b4;
+ }
+
+ ul.contact-icons.color4 > li:before {
+ color: #353865;
+ }
+
+ ul.grid-icons {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ list-style: none;
+ margin: 0 0 1.5rem 0;
+ padding-left: 0;
+ }
+
+ ul.grid-icons .icon {
+ display: block;
+ position: relative;
+ width: 100%;
+ text-align: center;
+ }
+
+ ul.grid-icons .icon:before {
+ display: block;
+ width: 6rem;
+ height: 6rem;
+ line-height: 6rem;
+ border-radius: 6rem;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+ font-size: 2.5rem;
+ margin: 0 auto;
+ text-align: center;
+ }
+
+ body.is-ie ul.grid-icons .icon:before {
+ line-height: 2.375;
+ }
+
+ ul.grid-icons > li {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ position: relative;
+ margin: 1.5rem 0 0 1.5rem;
+ padding-left: 0;
+ }
+
+ ul.grid-icons.connected > li:before {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 1.5rem;
+ height: 2px;
+ top: 50%;
+ left: -1.5rem;
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+
+ ul.grid-icons.connected > li:after {
+ content: '';
+ display: block;
+ position: absolute;
+ width: 2px;
+ height: 1.5rem;
+ top: -1.5rem;
+ left: 50%;
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+
+ ul.grid-icons.two {
+ width: 14rem;
+ }
+
+ ul.grid-icons.two > li:nth-child(-n + 2) {
+ margin-top: 0;
+ }
+
+ ul.grid-icons.two > li:nth-child(-n + 2):after {
+ display: none;
+ }
+
+ ul.grid-icons.two > li:nth-child(2n - 1) {
+ margin-left: 0;
+ }
+
+ ul.grid-icons.two > li:nth-child(2n - 1):before {
+ display: none;
+ }
+
+ ul.grid-icons.three {
+ width: 21.5rem;
+ }
+
+ ul.grid-icons.three > li:nth-child(-n + 3) {
+ margin-top: 0;
+ }
+
+ ul.grid-icons.three > li:nth-child(-n + 3):after {
+ display: none;
+ }
+
+ ul.grid-icons.three > li:nth-child(3n - 2) {
+ margin-left: 0;
+ }
+
+ ul.grid-icons.three > li:nth-child(3n - 2):before {
+ display: none;
+ }
+
+ ul.grid-icons.four {
+ width: 29rem;
+ }
+
+ ul.grid-icons.four > li:nth-child(-n + 4) {
+ margin-top: 0;
+ }
+
+ ul.grid-icons.four > li:nth-child(-n + 4):after {
+ display: none;
+ }
+
+ ul.grid-icons.four > li:nth-child(4n - 3) {
+ margin-left: 0;
+ }
+
+ ul.grid-icons.four > li:nth-child(4n - 3):before {
+ display: none;
+ }
+
+ dl {
+ margin: 0 0 1.5rem 0;
+ }
+
+ dl dt {
+ display: block;
+ font-weight: 400;
+ margin: 0 0 0.75rem 0;
+ }
+
+ dl dd {
+ margin-left: 1.5rem;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ ul.grid-icons {
+ -moz-justify-content: -moz-flex-start;
+ -webkit-justify-content: -webkit-flex-start;
+ -ms-justify-content: -ms-flex-start;
+ justify-content: flex-start;
+ width: 100% !important;
+ margin: -1rem 0 1.5rem -1rem;
+ }
+
+ ul.grid-icons .icon:before {
+ width: 4.5rem;
+ height: 4.5rem;
+ line-height: 4.5rem;
+ font-size: 1.75rem;
+ }
+
+ ul.grid-icons > li {
+ margin: 1rem 0 0 1rem !important;
+ }
+
+ ul.grid-icons > li:before {
+ display: none !important;
+ }
+
+ ul.grid-icons > li:after {
+ display: none !important;
+ }
+
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 1.5rem 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border: solid 1px rgba(255, 255, 255, 0.25);
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ table td {
+ padding: 0.75rem 0.75rem;
+ }
+
+ table th {
+ color: rgba(255, 255, 255, 0.875);
+ font-size: 0.9rem;
+ font-weight: 400;
+ padding: 0 0.75rem 0.75rem 0.75rem;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom: solid 2px rgba(255, 255, 255, 0.25);
+ }
+
+ table tfoot {
+ border-top: solid 2px rgba(255, 255, 255, 0.25);
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px rgba(255, 255, 255, 0.25);
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
+ background-color: transparent;
+ border: 0;
+ border-radius: 0.25rem;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+ color: rgba(255, 255, 255, 0.875) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 0.6rem;
+ font-weight: 700;
+ height: 2.75rem;
+ letter-spacing: 0.15rem;
+ line-height: 2.75rem;
+ padding: 0 1.5rem 0 1.65rem;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ box-shadow: inset 0 0 0 2px #ffe4b4;
+ color: #ffe4b4 !important;
+ }
+
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active,
+ button:active,
+ .button:active {
+ background-color: rgba(255, 228, 180, 0.125);
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ display: inline-block;
+ position: relative;
+ top: -0.075rem;
+ vertical-align: middle;
+ font-size: 0.8rem;
+ margin: 0 0.375rem 0 -0.325rem;
+ }
+
+ input[type="submit"].icon.circle,
+ input[type="reset"].icon.circle,
+ input[type="button"].icon.circle,
+ button.icon.circle,
+ .button.icon.circle {
+ position: relative;
+ width: 3.125rem;
+ height: 3.125rem;
+ line-height: 3.125rem;
+ text-indent: 3.125rem;
+ border-radius: 100%;
+ overflow: hidden;
+ padding: 0;
+ letter-spacing: 0;
+ }
+
+ input[type="submit"].icon.circle:before,
+ input[type="reset"].icon.circle:before,
+ input[type="button"].icon.circle:before,
+ button.icon.circle:before,
+ .button.icon.circle:before {
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: inherit;
+ height: inherit;
+ font-size: 1.25rem;
+ line-height: inherit;
+ margin: 0;
+ text-indent: 0;
+ }
+
+ input[type="submit"].icon.circle.fa-angle-left:before,
+ input[type="reset"].icon.circle.fa-angle-left:before,
+ input[type="button"].icon.circle.fa-angle-left:before,
+ button.icon.circle.fa-angle-left:before,
+ .button.icon.circle.fa-angle-left:before {
+ position: relative;
+ left: -0.1rem;
+ font-size: 1.75rem;
+ }
+
+ input[type="submit"].icon.circle.fa-angle-right:before,
+ input[type="reset"].icon.circle.fa-angle-right:before,
+ input[type="button"].icon.circle.fa-angle-right:before,
+ button.icon.circle.fa-angle-right:before,
+ .button.icon.circle.fa-angle-right:before {
+ position: relative;
+ left: 0.1rem;
+ font-size: 1.75rem;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 0.75rem 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.4rem;
+ height: 1.875rem;
+ line-height: 1.875rem;
+ padding: 0 1.25rem 0 1.4rem;
+ }
+
+ input[type="submit"].large,
+ input[type="reset"].large,
+ input[type="button"].large,
+ button.large,
+ .button.large {
+ font-size: 0.8rem;
+ height: 3.3125rem;
+ line-height: 3.3125rem;
+ padding: 0 2rem 0 2.15rem;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ button.special,
+ .button.special {
+ background-color: white;
+ box-shadow: none;
+ color: #2e2b37 !important;
+ }
+
+ input[type="submit"].special.color1,
+ input[type="reset"].special.color1,
+ input[type="button"].special.color1,
+ button.special.color1,
+ .button.special.color1 {
+ color: #726193 !important;
+ }
+
+ input[type="submit"].special.color2,
+ input[type="reset"].special.color2,
+ input[type="button"].special.color2,
+ button.special.color2,
+ .button.special.color2 {
+ color: #e37b7c !important;
+ }
+
+ input[type="submit"].special.color3,
+ input[type="reset"].special.color3,
+ input[type="button"].special.color3,
+ button.special.color3,
+ .button.special.color3 {
+ color: #ffe4b4 !important;
+ }
+
+ input[type="submit"].special.color4,
+ input[type="reset"].special.color4,
+ input[type="button"].special.color4,
+ button.special.color4,
+ .button.special.color4 {
+ color: #353865 !important;
+ }
+
+ input[type="submit"].special:hover,
+ input[type="reset"].special:hover,
+ input[type="button"].special:hover,
+ button.special:hover,
+ .button.special:hover {
+ background-color: #ffe4b4;
+ }
+
+ input[type="submit"].special:active,
+ input[type="reset"].special:active,
+ input[type="button"].special:active,
+ button.special:active,
+ .button.special:active {
+ background-color: #fdd997;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ cursor: default;
+ opacity: 0.5;
+ }
+
+/* Gallery */
+
+ @-moz-keyframes gallery-modal-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes gallery-modal-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes gallery-modal-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes gallery-modal-spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ .gallery {
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ height: 100%;
+ }
+
+ .gallery > * {
+ width: 20rem;
+ height: 100%;
+ }
+
+ .gallery .image {
+ display: block;
+ position: relative;
+ border-bottom: 0;
+ overflow: hidden;
+ }
+
+ .gallery .image img {
+ -moz-transition: -moz-transform 0.2s ease-in-out;
+ -webkit-transition: -webkit-transform 0.2s ease-in-out;
+ -ms-transition: -ms-transform 0.2s ease-in-out;
+ transition: transform 0.2s ease-in-out;
+ }
+
+ .gallery .image:after {
+ -moz-transition: opacity 0.2s ease-in-out;
+ -webkit-transition: opacity 0.2s ease-in-out;
+ -ms-transition: opacity 0.2s ease-in-out;
+ transition: opacity 0.2s ease-in-out;
+ }
+
+ .gallery .image:hover img {
+ -moz-transform: scale(1.025);
+ -webkit-transform: scale(1.025);
+ -ms-transform: scale(1.025);
+ transform: scale(1.025);
+ }
+
+ .gallery .image:hover:after {
+ opacity: 0;
+ }
+
+ .gallery .group {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ }
+
+ .gallery .group > * {
+ height: 50%;
+ }
+
+ .gallery .modal {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
+ -webkit-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
+ -ms-transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
+ transition: opacity 0.5s ease, visibility 0.5s, z-index 0.5s;
+ -webkit-tap-highlight-color: transparent;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(46, 43, 55, 0.875);
+ opacity: 0;
+ outline: 0;
+ visibility: none;
+ z-index: 0;
+ }
+
+ .gallery .modal:before {
+ -moz-animation: gallery-modal-spinner 1s infinite linear;
+ -webkit-animation: gallery-modal-spinner 1s infinite linear;
+ -ms-animation: gallery-modal-spinner 1s infinite linear;
+ animation: gallery-modal-spinner 1s infinite linear;
+ -moz-transition: opacity 0.25s ease;
+ -webkit-transition: opacity 0.25s ease;
+ -ms-transition: opacity 0.25s ease;
+ transition: opacity 0.25s ease;
+ -moz-transition-delay: 0.5s;
+ -webkit-transition-delay: 0.5s;
+ -ms-transition-delay: 0.5s;
+ transition-delay: 0.5s;
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 4rem;
+ height: 4rem;
+ margin: -2rem 0 0 -2rem;
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: rgba(255, 255, 255, 0.875)%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 4rem;
+ opacity: 0;
+ }
+
+ .gallery .modal:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0.5rem;
+ right: 0.5rem;
+ width: 4rem;
+ height: 4rem;
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: rgba(255, 255, 255, 0.875)%3Bstroke-width: 1.5px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 3rem;
+ cursor: pointer;
+ }
+
+ .gallery .modal .inner {
+ -moz-transform: translateY(0.75rem);
+ -webkit-transform: translateY(0.75rem);
+ -ms-transform: translateY(0.75rem);
+ transform: translateY(0.75rem);
+ -moz-transition: opacity 0.25s ease, -moz-transform 0.25s ease;
+ -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease;
+ -ms-transition: opacity 0.25s ease, -ms-transform 0.25s ease;
+ transition: opacity 0.25s ease, transform 0.25s ease;
+ opacity: 0;
+ }
+
+ .gallery .modal .inner img {
+ display: block;
+ max-width: 90vw;
+ max-height: 85vh;
+ box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.35);
+ }
+
+ .gallery .modal.visible {
+ -moz-pointer-events: auto;
+ -webkit-pointer-events: auto;
+ -ms-pointer-events: auto;
+ pointer-events: auto;
+ opacity: 1;
+ visibility: visible;
+ z-index: 11000;
+ }
+
+ .gallery .modal.visible:before {
+ opacity: 1;
+ }
+
+ .gallery .modal.loaded .inner {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
+ -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
+ transition: opacity 0.5s ease, transform 0.5s ease;
+ opacity: 1;
+ }
+
+ .gallery .modal.loaded:before {
+ -moz-transition-delay: 0s;
+ -webkit-transition-delay: 0s;
+ -ms-transition-delay: 0s;
+ transition-delay: 0s;
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .gallery .modal .inner img {
+ max-width: 100vw;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .gallery {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: auto;
+ }
+
+ .gallery > * {
+ height: auto;
+ width: 100%;
+ }
+
+ .gallery .image {
+ width: 100%;
+ height: 40rem;
+ }
+
+ .gallery .group .span-0-25 {
+ width: 8.33333%;
+ }
+
+ .gallery .group .span-0-5 {
+ width: 16.66666%;
+ }
+
+ .gallery .group .span-0-75 {
+ width: 25%;
+ }
+
+ .gallery .group .span-1 {
+ width: 33.33333%;
+ }
+
+ .gallery .group .span-1-25 {
+ width: 41.66666%;
+ }
+
+ .gallery .group .span-1-5 {
+ width: 50%;
+ }
+
+ .gallery .group .span-1-75 {
+ width: 58.33333%;
+ }
+
+ .gallery .group .span-2 {
+ width: 66.66666%;
+ }
+
+ .gallery .group .span-2-25 {
+ width: 74.99999%;
+ }
+
+ .gallery .group .span-2-5 {
+ width: 83.33332%;
+ }
+
+ .gallery .group .span-2-75 {
+ width: 91.66666%;
+ }
+
+ .gallery .group .span-3 {
+ width: 99.99999%;
+ }
+
+ .gallery .group .span-3-25 {
+ width: 108.33332%;
+ }
+
+ .gallery .group .span-3-5 {
+ width: 116.66666%;
+ }
+
+ .gallery .group .span-3-75 {
+ width: 124.99999%;
+ }
+
+ .gallery .group .span-4 {
+ width: 133.33332%;
+ }
+
+ .gallery .group .span-4-25 {
+ width: 141.66665%;
+ }
+
+ .gallery .group .span-4-5 {
+ width: 149.99998%;
+ }
+
+ .gallery .group .span-4-75 {
+ width: 158.33332%;
+ }
+
+ .gallery .group .span-5 {
+ width: 166.66665%;
+ }
+
+ .gallery .group .span-5-25 {
+ width: 174.99998%;
+ }
+
+ .gallery .group .span-5-5 {
+ width: 183.33331%;
+ }
+
+ .gallery .group .span-5-75 {
+ width: 191.66665%;
+ }
+
+ .gallery .group .span-6 {
+ width: 199.99998%;
+ }
+
+ .gallery .group .span-6-25 {
+ width: 208.33331%;
+ }
+
+ .gallery .group .span-6-5 {
+ width: 216.66665%;
+ }
+
+ .gallery .group .span-6-75 {
+ width: 224.99998%;
+ }
+
+ .gallery .group .span-7 {
+ width: 233.33331%;
+ }
+
+ .gallery .group .span-7-25 {
+ width: 241.66664%;
+ }
+
+ .gallery .group .span-7-5 {
+ width: 249.99997%;
+ }
+
+ .gallery .group .span-7-75 {
+ width: 258.33331%;
+ }
+
+ .gallery .group .span-8 {
+ width: 266.66664%;
+ }
+
+ .gallery .group .span-8-25 {
+ width: 274.99997%;
+ }
+
+ .gallery .group .span-8-5 {
+ width: 283.33331%;
+ }
+
+ .gallery .group .span-8-75 {
+ width: 291.66664%;
+ }
+
+ .gallery .group .span-9 {
+ width: 299.99997%;
+ }
+
+ .gallery .group .span-9-25 {
+ width: 308.3333%;
+ }
+
+ .gallery .group .span-9-5 {
+ width: 316.66664%;
+ }
+
+ .gallery .group .span-9-75 {
+ width: 324.99997%;
+ }
+
+ .gallery .group .span-10 {
+ width: 333.3333%;
+ }
+
+ .gallery .group .image {
+ height: 20rem;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .gallery .image {
+ height: 30rem;
+ }
+
+ .gallery .group .image {
+ height: 12.5rem;
+ }
+
+ }
+
+/* Panel */
+
+ .panel {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ height: 100%;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+
+ .panel > * {
+ position: relative;
+ min-width: 10rem;
+ }
+
+ .panel > *.color0 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, #726193 20%, #e37b7c 60%, #ffe4b4);
+ background-size: 128px 128px, auto;
+ }
+
+ .panel > *.color1 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #726193;
+ }
+
+ .panel > *.color2 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #e37b7c;
+ }
+
+ .panel > *.color3 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #ffe4b4;
+ }
+
+ .panel > *.color4 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #353865;
+ }
+
+ .panel > *.color1-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #6c5e86;
+ }
+
+ .panel > *.color2-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #de7172;
+ }
+
+ .panel > *.color3-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #fedea6;
+ }
+
+ .panel > *.color4-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #323459;
+ }
+
+ .panel > .intro {
+ padding: 3.5rem 3.5rem 2rem 3.5rem ;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-align-items: -moz-flex-start;
+ -webkit-align-items: -webkit-flex-start;
+ -ms-align-items: -ms-flex-start;
+ align-items: flex-start;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 22rem;
+ }
+
+ .panel > .intro.joined {
+ width: 18.5rem;
+ padding-right: 0;
+ }
+
+ .panel > .intro.joined + .inner {
+ padding-left: 2.625rem;
+ }
+
+ .panel > .inner {
+ padding: 3.5rem 3.5rem 2rem 3.5rem ;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-align-items: -moz-flex-start;
+ -webkit-align-items: -webkit-flex-start;
+ -ms-align-items: -ms-flex-start;
+ align-items: flex-start;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ position: relative;
+ width: 100%;
+ }
+
+ .panel > .inner.columns {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+
+ .panel > .inner.columns > * {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-left: 3.5rem;
+ }
+
+ .panel > .inner.columns > :first-child {
+ margin-left: 0;
+ }
+
+ .panel > .inner.columns.divided > * {
+ margin-left: 7rem;
+ }
+
+ .panel > .inner.columns.divided > *:before {
+ content: '';
+ position: absolute;
+ top: 3.5rem;
+ width: 2px;
+ height: calc(100% - 7rem);
+ margin-left: -3.5rem;
+ background-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .panel > .inner.columns.divided > :first-child {
+ margin-left: 0;
+ }
+
+ .panel > .inner.columns.divided > :first-child:before {
+ display: none;
+ }
+
+ .panel > .inner.columns.aligned {
+ -moz-align-items: -moz-flex-start;
+ -webkit-align-items: -webkit-flex-start;
+ -ms-align-items: -ms-flex-start;
+ align-items: flex-start;
+ }
+
+ .panel .span-0-25 {
+ width: 2.5rem;
+ }
+
+ .panel .span-0-5 {
+ width: 5rem;
+ }
+
+ .panel .span-0-75 {
+ width: 7.5rem;
+ }
+
+ .panel .span-1 {
+ width: 10rem;
+ }
+
+ .panel .span-1-25 {
+ width: 12.5rem;
+ }
+
+ .panel .span-1-5 {
+ width: 15rem;
+ }
+
+ .panel .span-1-75 {
+ width: 17.5rem;
+ }
+
+ .panel .span-2 {
+ width: 20rem;
+ }
+
+ .panel .span-2-25 {
+ width: 22.5rem;
+ }
+
+ .panel .span-2-5 {
+ width: 25rem;
+ }
+
+ .panel .span-2-75 {
+ width: 27.5rem;
+ }
+
+ .panel .span-3 {
+ width: 30rem;
+ }
+
+ .panel .span-3-25 {
+ width: 32.5rem;
+ }
+
+ .panel .span-3-5 {
+ width: 35rem;
+ }
+
+ .panel .span-3-75 {
+ width: 37.5rem;
+ }
+
+ .panel .span-4 {
+ width: 40rem;
+ }
+
+ .panel .span-4-25 {
+ width: 42.5rem;
+ }
+
+ .panel .span-4-5 {
+ width: 45rem;
+ }
+
+ .panel .span-4-75 {
+ width: 47.5rem;
+ }
+
+ .panel .span-5 {
+ width: 50rem;
+ }
+
+ .panel .span-5-25 {
+ width: 52.5rem;
+ }
+
+ .panel .span-5-5 {
+ width: 55rem;
+ }
+
+ .panel .span-5-75 {
+ width: 57.5rem;
+ }
+
+ .panel .span-6 {
+ width: 60rem;
+ }
+
+ .panel .span-6-25 {
+ width: 62.5rem;
+ }
+
+ .panel .span-6-5 {
+ width: 65rem;
+ }
+
+ .panel .span-6-75 {
+ width: 67.5rem;
+ }
+
+ .panel .span-7 {
+ width: 70rem;
+ }
+
+ .panel .span-7-25 {
+ width: 72.5rem;
+ }
+
+ .panel .span-7-5 {
+ width: 75rem;
+ }
+
+ .panel .span-7-75 {
+ width: 77.5rem;
+ }
+
+ .panel .span-8 {
+ width: 80rem;
+ }
+
+ .panel .span-8-25 {
+ width: 82.5rem;
+ }
+
+ .panel .span-8-5 {
+ width: 85rem;
+ }
+
+ .panel .span-8-75 {
+ width: 87.5rem;
+ }
+
+ .panel .span-9 {
+ width: 90rem;
+ }
+
+ .panel .span-9-25 {
+ width: 92.5rem;
+ }
+
+ .panel .span-9-5 {
+ width: 95rem;
+ }
+
+ .panel .span-9-75 {
+ width: 97.5rem;
+ }
+
+ .panel .span-10 {
+ width: 100rem;
+ }
+
+ .panel.small {
+ width: 35rem;
+ }
+
+ .panel.medium {
+ width: 50rem;
+ }
+
+ .panel.large {
+ width: 65rem;
+ }
+
+ .panel.small .span-0-25, .panel.medium .span-0-25, .panel.large .span-0-25 {
+ width: 2.5%;
+ }
+
+ .panel.small .span-0-5, .panel.medium .span-0-5, .panel.large .span-0-5 {
+ width: 5%;
+ }
+
+ .panel.small .span-0-75, .panel.medium .span-0-75, .panel.large .span-0-75 {
+ width: 7.5%;
+ }
+
+ .panel.small .span-1, .panel.medium .span-1, .panel.large .span-1 {
+ width: 10%;
+ }
+
+ .panel.small .span-1-25, .panel.medium .span-1-25, .panel.large .span-1-25 {
+ width: 12.5%;
+ }
+
+ .panel.small .span-1-5, .panel.medium .span-1-5, .panel.large .span-1-5 {
+ width: 15%;
+ }
+
+ .panel.small .span-1-75, .panel.medium .span-1-75, .panel.large .span-1-75 {
+ width: 17.5%;
+ }
+
+ .panel.small .span-2, .panel.medium .span-2, .panel.large .span-2 {
+ width: 20%;
+ }
+
+ .panel.small .span-2-25, .panel.medium .span-2-25, .panel.large .span-2-25 {
+ width: 22.5%;
+ }
+
+ .panel.small .span-2-5, .panel.medium .span-2-5, .panel.large .span-2-5 {
+ width: 25%;
+ }
+
+ .panel.small .span-2-75, .panel.medium .span-2-75, .panel.large .span-2-75 {
+ width: 27.5%;
+ }
+
+ .panel.small .span-3, .panel.medium .span-3, .panel.large .span-3 {
+ width: 30%;
+ }
+
+ .panel.small .span-3-25, .panel.medium .span-3-25, .panel.large .span-3-25 {
+ width: 32.5%;
+ }
+
+ .panel.small .span-3-5, .panel.medium .span-3-5, .panel.large .span-3-5 {
+ width: 35%;
+ }
+
+ .panel.small .span-3-75, .panel.medium .span-3-75, .panel.large .span-3-75 {
+ width: 37.5%;
+ }
+
+ .panel.small .span-4, .panel.medium .span-4, .panel.large .span-4 {
+ width: 40%;
+ }
+
+ .panel.small .span-4-25, .panel.medium .span-4-25, .panel.large .span-4-25 {
+ width: 42.5%;
+ }
+
+ .panel.small .span-4-5, .panel.medium .span-4-5, .panel.large .span-4-5 {
+ width: 45%;
+ }
+
+ .panel.small .span-4-75, .panel.medium .span-4-75, .panel.large .span-4-75 {
+ width: 47.5%;
+ }
+
+ .panel.small .span-5, .panel.medium .span-5, .panel.large .span-5 {
+ width: 50%;
+ }
+
+ .panel.small .span-5-25, .panel.medium .span-5-25, .panel.large .span-5-25 {
+ width: 52.5%;
+ }
+
+ .panel.small .span-5-5, .panel.medium .span-5-5, .panel.large .span-5-5 {
+ width: 55%;
+ }
+
+ .panel.small .span-5-75, .panel.medium .span-5-75, .panel.large .span-5-75 {
+ width: 57.5%;
+ }
+
+ .panel.small .span-6, .panel.medium .span-6, .panel.large .span-6 {
+ width: 60%;
+ }
+
+ .panel.small .span-6-25, .panel.medium .span-6-25, .panel.large .span-6-25 {
+ width: 62.5%;
+ }
+
+ .panel.small .span-6-5, .panel.medium .span-6-5, .panel.large .span-6-5 {
+ width: 65%;
+ }
+
+ .panel.small .span-6-75, .panel.medium .span-6-75, .panel.large .span-6-75 {
+ width: 67.5%;
+ }
+
+ .panel.small .span-7, .panel.medium .span-7, .panel.large .span-7 {
+ width: 70%;
+ }
+
+ .panel.small .span-7-25, .panel.medium .span-7-25, .panel.large .span-7-25 {
+ width: 72.5%;
+ }
+
+ .panel.small .span-7-5, .panel.medium .span-7-5, .panel.large .span-7-5 {
+ width: 75%;
+ }
+
+ .panel.small .span-7-75, .panel.medium .span-7-75, .panel.large .span-7-75 {
+ width: 77.5%;
+ }
+
+ .panel.small .span-8, .panel.medium .span-8, .panel.large .span-8 {
+ width: 80%;
+ }
+
+ .panel.small .span-8-25, .panel.medium .span-8-25, .panel.large .span-8-25 {
+ width: 82.5%;
+ }
+
+ .panel.small .span-8-5, .panel.medium .span-8-5, .panel.large .span-8-5 {
+ width: 85%;
+ }
+
+ .panel.small .span-8-75, .panel.medium .span-8-75, .panel.large .span-8-75 {
+ width: 87.5%;
+ }
+
+ .panel.small .span-9, .panel.medium .span-9, .panel.large .span-9 {
+ width: 90%;
+ }
+
+ .panel.small .span-9-25, .panel.medium .span-9-25, .panel.large .span-9-25 {
+ width: 92.5%;
+ }
+
+ .panel.small .span-9-5, .panel.medium .span-9-5, .panel.large .span-9-5 {
+ width: 95%;
+ }
+
+ .panel.small .span-9-75, .panel.medium .span-9-75, .panel.large .span-9-75 {
+ width: 97.5%;
+ }
+
+ .panel.small .span-10, .panel.medium .span-10, .panel.large .span-10 {
+ width: 100%;
+ }
+
+ .panel.color0 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, #726193 20%, #e37b7c 60%, #ffe4b4);
+ background-size: 128px 128px, auto;
+ }
+
+ .panel.color1 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #726193;
+ }
+
+ .panel.color2 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #e37b7c;
+ }
+
+ .panel.color3 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #ffe4b4;
+ }
+
+ .panel.color4 {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #353865;
+ }
+
+ .panel.color1-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #6c5e86;
+ }
+
+ .panel.color2-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #de7172;
+ }
+
+ .panel.color3-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #fedea6;
+ }
+
+ .panel.color4-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(45deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #323459;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .panel {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: auto;
+ }
+
+ .panel > *.color1 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #726193;
+ }
+
+ .panel > *.color2 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #e37b7c;
+ }
+
+ .panel > *.color3 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #ffe4b4;
+ }
+
+ .panel > *.color4 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #353865;
+ }
+
+ .panel > *.color1-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #6c5e86;
+ }
+
+ .panel > *.color2-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #de7172;
+ }
+
+ .panel > *.color3-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #fedea6;
+ }
+
+ .panel > *.color4-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #323459;
+ }
+
+ .panel > .intro {
+ padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
+ width: 100% !important;
+ }
+
+ .panel > .intro.joined {
+ padding-bottom: 0;
+ padding-right: 1.75rem;
+ }
+
+ .panel > .intro.joined + .inner {
+ padding-top: 0;
+ padding-left: 1.75rem;
+ }
+
+ .panel > .inner {
+ padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
+ }
+
+ .panel > .inner.columns {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+
+ .panel > .inner.columns > * {
+ margin-left: 0;
+ margin-top: 0;
+ }
+
+ .panel > .inner.columns > :first-child {
+ margin-top: 0;
+ }
+
+ .panel > .inner.columns.divided > * {
+ margin-left: 0;
+ margin-top: 3.5rem;
+ }
+
+ .panel > .inner.columns.divided > *:before {
+ content: '';
+ position: absolute;
+ top: auto;
+ left: 1.75rem;
+ width: calc(100% - 3.5rem);
+ height: 2px;
+ margin-left: 0;
+ margin-top: -1.75rem;
+ }
+
+ .panel > .inner.columns.divided > :first-child {
+ margin-top: 0;
+ }
+
+ .panel .span-0-25 {
+ width: 100%;
+ }
+
+ .panel .span-0-5 {
+ width: 100%;
+ }
+
+ .panel .span-0-75 {
+ width: 100%;
+ }
+
+ .panel .span-1 {
+ width: 100%;
+ }
+
+ .panel .span-1-25 {
+ width: 100%;
+ }
+
+ .panel .span-1-5 {
+ width: 100%;
+ }
+
+ .panel .span-1-75 {
+ width: 100%;
+ }
+
+ .panel .span-2 {
+ width: 100%;
+ }
+
+ .panel .span-2-25 {
+ width: 100%;
+ }
+
+ .panel .span-2-5 {
+ width: 100%;
+ }
+
+ .panel .span-2-75 {
+ width: 100%;
+ }
+
+ .panel .span-3 {
+ width: 100%;
+ }
+
+ .panel .span-3-25 {
+ width: 100%;
+ }
+
+ .panel .span-3-5 {
+ width: 100%;
+ }
+
+ .panel .span-3-75 {
+ width: 100%;
+ }
+
+ .panel .span-4 {
+ width: 100%;
+ }
+
+ .panel .span-4-25 {
+ width: 100%;
+ }
+
+ .panel .span-4-5 {
+ width: 100%;
+ }
+
+ .panel .span-4-75 {
+ width: 100%;
+ }
+
+ .panel .span-5 {
+ width: 100%;
+ }
+
+ .panel .span-5-25 {
+ width: 100%;
+ }
+
+ .panel .span-5-5 {
+ width: 100%;
+ }
+
+ .panel .span-5-75 {
+ width: 100%;
+ }
+
+ .panel .span-6 {
+ width: 100%;
+ }
+
+ .panel .span-6-25 {
+ width: 100%;
+ }
+
+ .panel .span-6-5 {
+ width: 100%;
+ }
+
+ .panel .span-6-75 {
+ width: 100%;
+ }
+
+ .panel .span-7 {
+ width: 100%;
+ }
+
+ .panel .span-7-25 {
+ width: 100%;
+ }
+
+ .panel .span-7-5 {
+ width: 100%;
+ }
+
+ .panel .span-7-75 {
+ width: 100%;
+ }
+
+ .panel .span-8 {
+ width: 100%;
+ }
+
+ .panel .span-8-25 {
+ width: 100%;
+ }
+
+ .panel .span-8-5 {
+ width: 100%;
+ }
+
+ .panel .span-8-75 {
+ width: 100%;
+ }
+
+ .panel .span-9 {
+ width: 100%;
+ }
+
+ .panel .span-9-25 {
+ width: 100%;
+ }
+
+ .panel .span-9-5 {
+ width: 100%;
+ }
+
+ .panel .span-9-75 {
+ width: 100%;
+ }
+
+ .panel .span-10 {
+ width: 100%;
+ }
+
+ .panel.small, .panel.medium, .panel.large {
+ width: 100% !important;
+ }
+
+ .panel.small .span-0-25, .panel.medium .span-0-25, .panel.large .span-0-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-0-5, .panel.medium .span-0-5, .panel.large .span-0-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-0-75, .panel.medium .span-0-75, .panel.large .span-0-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-1, .panel.medium .span-1, .panel.large .span-1 {
+ width: 100%;
+ }
+
+ .panel.small .span-1-25, .panel.medium .span-1-25, .panel.large .span-1-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-1-5, .panel.medium .span-1-5, .panel.large .span-1-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-1-75, .panel.medium .span-1-75, .panel.large .span-1-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-2, .panel.medium .span-2, .panel.large .span-2 {
+ width: 100%;
+ }
+
+ .panel.small .span-2-25, .panel.medium .span-2-25, .panel.large .span-2-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-2-5, .panel.medium .span-2-5, .panel.large .span-2-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-2-75, .panel.medium .span-2-75, .panel.large .span-2-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-3, .panel.medium .span-3, .panel.large .span-3 {
+ width: 100%;
+ }
+
+ .panel.small .span-3-25, .panel.medium .span-3-25, .panel.large .span-3-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-3-5, .panel.medium .span-3-5, .panel.large .span-3-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-3-75, .panel.medium .span-3-75, .panel.large .span-3-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-4, .panel.medium .span-4, .panel.large .span-4 {
+ width: 100%;
+ }
+
+ .panel.small .span-4-25, .panel.medium .span-4-25, .panel.large .span-4-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-4-5, .panel.medium .span-4-5, .panel.large .span-4-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-4-75, .panel.medium .span-4-75, .panel.large .span-4-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-5, .panel.medium .span-5, .panel.large .span-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-5-25, .panel.medium .span-5-25, .panel.large .span-5-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-5-5, .panel.medium .span-5-5, .panel.large .span-5-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-5-75, .panel.medium .span-5-75, .panel.large .span-5-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-6, .panel.medium .span-6, .panel.large .span-6 {
+ width: 100%;
+ }
+
+ .panel.small .span-6-25, .panel.medium .span-6-25, .panel.large .span-6-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-6-5, .panel.medium .span-6-5, .panel.large .span-6-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-6-75, .panel.medium .span-6-75, .panel.large .span-6-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-7, .panel.medium .span-7, .panel.large .span-7 {
+ width: 100%;
+ }
+
+ .panel.small .span-7-25, .panel.medium .span-7-25, .panel.large .span-7-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-7-5, .panel.medium .span-7-5, .panel.large .span-7-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-7-75, .panel.medium .span-7-75, .panel.large .span-7-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-8, .panel.medium .span-8, .panel.large .span-8 {
+ width: 100%;
+ }
+
+ .panel.small .span-8-25, .panel.medium .span-8-25, .panel.large .span-8-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-8-5, .panel.medium .span-8-5, .panel.large .span-8-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-8-75, .panel.medium .span-8-75, .panel.large .span-8-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-9, .panel.medium .span-9, .panel.large .span-9 {
+ width: 100%;
+ }
+
+ .panel.small .span-9-25, .panel.medium .span-9-25, .panel.large .span-9-25 {
+ width: 100%;
+ }
+
+ .panel.small .span-9-5, .panel.medium .span-9-5, .panel.large .span-9-5 {
+ width: 100%;
+ }
+
+ .panel.small .span-9-75, .panel.medium .span-9-75, .panel.large .span-9-75 {
+ width: 100%;
+ }
+
+ .panel.small .span-10, .panel.medium .span-10, .panel.large .span-10 {
+ width: 100%;
+ }
+
+ .panel.color1 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #726193;
+ }
+
+ .panel.color2 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #e37b7c;
+ }
+
+ .panel.color3 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #ffe4b4;
+ }
+
+ .panel.color4 {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.25) 25%, rgba(227, 123, 124, 0.25) 50%, rgba(255, 228, 180, 0.25));
+ background-size: 128px 128px, auto;
+ background-color: #353865;
+ }
+
+ .panel.color1-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #6c5e86;
+ }
+
+ .panel.color2-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #de7172;
+ }
+
+ .panel.color3-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #fedea6;
+ }
+
+ .panel.color4-alt {
+ background-image: url("../../images/overlay.png"), linear-gradient(135deg, rgba(114, 97, 147, 0.175) 25%, rgba(227, 123, 124, 0.175) 50%, rgba(255, 228, 180, 0.175));
+ background-size: 128px 128px, auto;
+ background-color: #323459;
+ }
+
+ }
+
+/* Panel (Banner) */
+
+ .panel.banner {
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ }
+
+ .panel.banner .content {
+ padding: 3.5rem 3.5rem 2rem 3.5rem ;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ }
+
+ .panel.banner .content > .actions:last-child {
+ margin-bottom: 0;
+ }
+
+ .panel.banner .image {
+ -moz-flex-grow: 0;
+ -webkit-flex-grow: 0;
+ -ms-flex-grow: 0;
+ flex-grow: 0;
+ -moz-flex-shrink: 0;
+ -webkit-flex-shrink: 0;
+ -ms-flex-shrink: 0;
+ flex-shrink: 0;
+ position: relative;
+ }
+
+ .panel.banner .image img {
+ -moz-object-fit: cover;
+ -webkit-object-fit: cover;
+ -ms-object-fit: cover;
+ object-fit: cover;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ .panel.banner.left {
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+
+ .panel.banner.right {
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .panel.banner .content {
+ padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
+ -moz-flex-basis: 60%;
+ -webkit-flex-basis: 60%;
+ -ms-flex-basis: 60%;
+ flex-basis: 60%;
+ }
+
+ .panel.banner .content > .actions:last-child {
+ margin-bottom: 1.5rem;
+ }
+
+ .panel.banner .image {
+ -moz-flex-basis: 40%;
+ -webkit-flex-basis: 40%;
+ -ms-flex-basis: 40%;
+ flex-basis: 40%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ .panel.banner .content {
+ -moz-flex-basis: auto;
+ -webkit-flex-basis: auto;
+ -ms-flex-basis: auto;
+ flex-basis: auto;
+ }
+
+ .panel.banner .image {
+ -moz-flex-basis: auto;
+ -webkit-flex-basis: auto;
+ -ms-flex-basis: auto;
+ flex-basis: auto;
+ height: 18rem;
+ }
+
+ .panel.banner.left {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+
+ .panel.banner.right {
+ -moz-flex-direction: column-reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ }
+
+ }
+
+/* Panel (Spotlight) */
+
+ .panel.spotlight {
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ position: relative;
+ }
+
+ .panel.spotlight > * {
+ z-index: 1;
+ }
+
+ .panel.spotlight .content {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ padding: 3.5rem 3.5rem 2rem 3.5rem ;
+ }
+
+ .panel.spotlight .image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 0;
+ }
+
+ .panel.spotlight .image img {
+ -moz-object-fit: cover;
+ -webkit-object-fit: cover;
+ -ms-object-fit: cover;
+ object-fit: cover;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ .panel.spotlight.left {
+ -moz-justify-content: -moz-flex-start;
+ -webkit-justify-content: -webkit-flex-start;
+ -ms-justify-content: -ms-flex-start;
+ justify-content: flex-start;
+ }
+
+ .panel.spotlight.left .content {
+ background-image: linear-gradient(-90deg, transparent 0%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.175) 50%);
+ }
+
+ .panel.spotlight.right {
+ -moz-justify-content: -moz-flex-end;
+ -webkit-justify-content: -webkit-flex-end;
+ -ms-justify-content: -ms-flex-end;
+ justify-content: flex-end;
+ }
+
+ .panel.spotlight.right .content {
+ background-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.125) 30%, rgba(0, 0, 0, 0.175) 50%);
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .panel.spotlight .content {
+ padding: 2.8875rem 1.75rem 1.3875rem 1.75rem ;
+ -moz-flex-direction: column !important;
+ -webkit-flex-direction: column !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 70%, rgba(0, 0, 0, 0.175)) !important;
+ min-height: 25rem;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .panel.spotlight .content {
+ min-height: 30rem;
+ }
+
+ }
+
+/* Page Wrapper */
+
+ #page-wrapper {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-justify-content: -moz-flex-start;
+ -webkit-justify-content: -webkit-flex-start;
+ -ms-justify-content: -ms-flex-start;
+ justify-content: flex-start;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -moz-flex-shrink: 1;
+ -webkit-flex-shrink: 1;
+ -ms-flex-shrink: 1;
+ flex-shrink: 1;
+ height: 100%;
+ padding: 5rem;
+ }
+
+ @media screen and (orientation: portrait) {
+
+ #page-wrapper {
+ padding-left: 2rem;
+ padding-right: 2rem;
+ }
+
+ }
+
+ @media screen and (min-aspect-ratio: 16 / 7) {
+
+ #page-wrapper {
+ padding: 6vh;
+ }
+
+ }
+
+ @media screen and (min-aspect-ratio: 16 / 6) {
+
+ #page-wrapper {
+ padding: 0;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #page-wrapper {
+ height: auto;
+ padding: 1rem;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #page-wrapper {
+ padding: 0;
+ }
+
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -moz-transition: opacity 1s ease-out, -moz-transform 0.75s ease-out;
+ -webkit-transition: opacity 1s ease-out, -webkit-transform 0.75s ease-out;
+ -ms-transition: opacity 1s ease-out, -ms-transform 0.75s ease-out;
+ transition: opacity 1s ease-out, transform 0.75s ease-out;
+ -moz-transition-delay: 0.25s;
+ -webkit-transition-delay: 0.25s;
+ -ms-transition-delay: 0.25s;
+ transition-delay: 0.25s;
+ cursor: default;
+ position: relative;
+ height: 32rem;
+ box-shadow: 0 2rem 4rem 0.25rem rgba(46, 43, 55, 0.575);
+ }
+
+ #wrapper > .scrollZone {
+ position: fixed;
+ width: 6rem;
+ height: inherit;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ cursor: -ms-grab;
+ cursor: grab;
+ z-index: 10100;
+ }
+
+ #wrapper > .scrollZone.left {
+ left: 0;
+ }
+
+ #wrapper > .scrollZone.right {
+ right: 0;
+ }
+
+ #wrapper > .copyright {
+ position: absolute;
+ bottom: -3rem;
+ right: 0;
+ font-size: 0.8rem;
+ color: rgba(46, 43, 55, 0.375);
+ margin-bottom: 0;
+ }
+
+ #wrapper > .copyright a:hover {
+ color: inherit;
+ }
+
+ #wrapper.is-dragging {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ cursor: -ms-grab;
+ cursor: grab;
+ }
+
+ #wrapper.is-dragging * {
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+
+ #wrapper.is-dragging *:not(a, .image) {
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ cursor: -ms-grab;
+ cursor: grab;
+ }
+
+ #wrapper.is-dragged * {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ }
+
+ body.is-loading #wrapper {
+ -moz-transform: translateX(2rem);
+ -webkit-transform: translateX(2rem);
+ -ms-transform: translateX(2rem);
+ transform: translateX(2rem);
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #wrapper {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ height: auto;
+ margin: 0 0 5rem 0;
+ box-shadow: 0 0.25rem 1.5rem 0.25rem rgba(46, 43, 55, 0.5);
+ }
+
+ #wrapper > .scrollZone {
+ display: none;
+ }
+
+ #wrapper > .copyright {
+ display: block;
+ width: 100%;
+ text-align: center;
+ }
+
+ body.is-loading #wrapper {
+ -moz-transform: translateY(1rem);
+ -webkit-transform: translateY(1rem);
+ -ms-transform: translateY(1rem);
+ transform: translateY(1rem);
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #wrapper {
+ box-shadow: none;
+ }
+
+ body.is-loading #wrapper {
+ -moz-transform: none;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ }
+
+ }
\ No newline at end of file
diff --git a/ethereal/assets/css/noscript.css b/ethereal/assets/css/noscript.css
new file mode 100644
index 0000000..0f127ac
--- /dev/null
+++ b/ethereal/assets/css/noscript.css
@@ -0,0 +1,11 @@
+/*
+ Ethereal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Page */
+
+ body {
+ overflow-x: scroll;
+ }
\ No newline at end of file
diff --git a/ethereal/assets/fonts/FontAwesome.otf b/ethereal/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/ethereal/assets/fonts/FontAwesome.otf differ
diff --git a/ethereal/assets/fonts/fontawesome-webfont.eot b/ethereal/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/ethereal/assets/fonts/fontawesome-webfont.eot differ
diff --git a/ethereal/assets/fonts/fontawesome-webfont.svg b/ethereal/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/ethereal/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/ethereal/assets/fonts/fontawesome-webfont.ttf b/ethereal/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/ethereal/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/ethereal/assets/fonts/fontawesome-webfont.woff b/ethereal/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/ethereal/assets/fonts/fontawesome-webfont.woff differ
diff --git a/ethereal/assets/fonts/fontawesome-webfont.woff2 b/ethereal/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/ethereal/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/ethereal/assets/js/jquery.min.js b/ethereal/assets/js/jquery.min.js
new file mode 100644
index 0000000..0f60b7b
--- /dev/null
+++ b/ethereal/assets/js/jquery.min.js
@@ -0,0 +1,5 @@
+/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="
",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error("unsupported pseudo: "+a);return e[u]?e(b):e.length>1?(c=[a,a,"",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,"$1"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||"")||ga.error("unsupported lang: "+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute("xml:lang")||b.getAttribute("lang"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+"-");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},text:function(a){var b;return"input"===a.nodeName.toLowerCase()&&"text"===a.type&&(null==(b=a.getAttribute("type"))||"text"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++d
b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/ethereal/assets/js/main.js b/ethereal/assets/js/main.js
new file mode 100644
index 0000000..51e977c
--- /dev/null
+++ b/ethereal/assets/js/main.js
@@ -0,0 +1,758 @@
+/*
+ Ethereal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+
+ // Settings.
+ var settings = {
+
+ // Keyboard shortcuts.
+ keyboardShortcuts: {
+
+ // If true, enables scrolling via keyboard shortcuts.
+ enabled: true,
+
+ // Sets the distance to scroll when using the left/right arrow keys.
+ distance: 50
+
+ },
+
+ // Scroll wheel.
+ scrollWheel: {
+
+ // If true, enables scrolling via the scroll wheel.
+ enabled: true,
+
+ // Sets the scroll wheel factor. (Ideally) a value between 0 and 1 (lower = slower scroll, higher = faster scroll).
+ factor: 1
+
+ },
+
+ // Scroll zones.
+ scrollZones: {
+
+ // If true, enables scrolling via scroll zones on the left/right edges of the scren.
+ enabled: true,
+
+ // Sets the speed at which the page scrolls when a scroll zone is active (higher = faster scroll, lower = slower scroll).
+ speed: 15
+
+ },
+
+ // Dragging.
+ dragging: {
+
+ // If true, enables scrolling by dragging the main wrapper with the mouse.
+ enabled: true,
+
+ // Sets the momentum factor. Must be a value between 0 and 1 (lower = less momentum, higher = more momentum, 0 = disable momentum scrolling).
+ momentum: 0.875,
+
+ // Sets the drag threshold (in pixels).
+ threshold: 10
+
+ },
+
+ // If set to a valid selector , prevents key/mouse events from bubbling from these elements.
+ excludeSelector: 'input:focus, select:focus, textarea:focus, audio, video, iframe',
+
+ // Link scroll speed.
+ linkScrollSpeed: 1000
+
+ };
+
+ // Skel.
+ skel.breakpoints({
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)',
+ short: '(min-aspect-ratio: 16/7)',
+ xshort: '(min-aspect-ratio: 16/6)'
+ });
+
+ // Ready event.
+ $(function() {
+
+ // Vars.
+ var $window = $(window),
+ $document = $(document),
+ $body = $('body'),
+ $html = $('html'),
+ $bodyHtml = $('body,html'),
+ $wrapper = $('#wrapper');
+
+ // Disable animations/transitions until the page has loaded.
+ $body.addClass('is-loading');
+
+ $window.on('load', function() {
+ window.setTimeout(function() {
+ $body.removeClass('is-loading');
+ }, 100);
+ });
+
+ // Tweaks/fixes.
+
+ // Mobile: Revert to native scrolling.
+ if (skel.vars.mobile) {
+
+ // Disable all scroll-assist features.
+ settings.keyboardShortcuts.enabled = false;
+ settings.scrollWheel.enabled = false;
+ settings.scrollZones.enabled = false;
+ settings.dragging.enabled = false;
+
+ // Re-enable overflow on body.
+ $body.css('overflow-x', 'auto');
+
+ }
+
+ // IE: Various fixes.
+ if (skel.vars.browser == 'ie') {
+
+ // Enable IE mode.
+ $body.addClass('is-ie');
+
+ // Page widths.
+ $window
+ .on('load resize', function() {
+
+ // Calculate wrapper width.
+ var w = 0;
+
+ $wrapper.children().each(function() {
+ w += $(this).width();
+ });
+
+ // Apply to page.
+ $html.css('width', w + 'px');
+
+ });
+
+ }
+
+ // Polyfill: Object fit.
+ if (!skel.canUse('object-fit')) {
+
+ $('.image[data-position]').each(function() {
+
+ var $this = $(this),
+ $img = $this.children('img');
+
+ // Apply img as background.
+ $this
+ .css('background-image', 'url("' + $img.attr('src') + '")')
+ .css('background-position', $this.data('position'))
+ .css('background-size', 'cover')
+ .css('background-repeat', 'no-repeat');
+
+ // Hide img.
+ $img
+ .css('opacity', '0');
+
+ });
+
+ }
+
+ // Keyboard shortcuts.
+ if (settings.keyboardShortcuts.enabled)
+ (function() {
+
+ $wrapper
+
+ // Prevent keystrokes inside excluded elements from bubbling.
+ .on('keypress keyup keydown', settings.excludeSelector, function(event) {
+
+ // Stop propagation.
+ event.stopPropagation();
+
+ });
+
+ $window
+
+ // Keypress event.
+ .on('keydown', function(event) {
+
+ var scrolled = false;
+
+ switch (event.keyCode) {
+
+ // Left arrow.
+ case 37:
+ $document.scrollLeft($document.scrollLeft() - settings.keyboardShortcuts.distance);
+ scrolled = true;
+ break;
+
+ // Right arrow.
+ case 39:
+ $document.scrollLeft($document.scrollLeft() + settings.keyboardShortcuts.distance);
+ scrolled = true;
+ break;
+
+ // Page Up.
+ case 33:
+ $document.scrollLeft($document.scrollLeft() - $window.width() + 100);
+ scrolled = true;
+ break;
+
+ // Page Down, Space.
+ case 34:
+ case 32:
+ $document.scrollLeft($document.scrollLeft() + $window.width() - 100);
+ scrolled = true;
+ break;
+
+ // Home.
+ case 36:
+ $document.scrollLeft(0);
+ scrolled = true;
+ break;
+
+ // End.
+ case 35:
+ $document.scrollLeft($document.width());
+ scrolled = true;
+ break;
+
+ }
+
+ // Scrolled?
+ if (scrolled) {
+
+ // Prevent default.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Stop link scroll.
+ $bodyHtml.stop();
+
+ }
+
+ });
+
+ })();
+
+ // Scroll wheel.
+ if (settings.scrollWheel.enabled)
+ (function() {
+
+ // Based on code by @miorel + @pieterv of Facebook (thanks guys :)
+ // github.com/facebook/fixed-data-table/blob/master/src/vendor_upstream/dom/normalizeWheel.js
+ var normalizeWheel = function(event) {
+
+ var pixelStep = 10,
+ lineHeight = 40,
+ pageHeight = 800,
+ sX = 0,
+ sY = 0,
+ pX = 0,
+ pY = 0;
+
+ // Legacy.
+ if ('detail' in event)
+ sY = event.detail;
+ else if ('wheelDelta' in event)
+ sY = event.wheelDelta / -120;
+ else if ('wheelDeltaY' in event)
+ sY = event.wheelDeltaY / -120;
+
+ if ('wheelDeltaX' in event)
+ sX = event.wheelDeltaX / -120;
+
+ // Side scrolling on FF with DOMMouseScroll.
+ if ('axis' in event
+ && event.axis === event.HORIZONTAL_AXIS) {
+ sX = sY;
+ sY = 0;
+ }
+
+ // Calculate.
+ pX = sX * pixelStep;
+ pY = sY * pixelStep;
+
+ if ('deltaY' in event)
+ pY = event.deltaY;
+
+ if ('deltaX' in event)
+ pX = event.deltaX;
+
+ if ((pX || pY)
+ && event.deltaMode) {
+
+ if (event.deltaMode == 1) {
+ pX *= lineHeight;
+ pY *= lineHeight;
+ }
+ else {
+ pX *= pageHeight;
+ pY *= pageHeight;
+ }
+
+ }
+
+ // Fallback if spin cannot be determined.
+ if (pX && !sX)
+ sX = (pX < 1) ? -1 : 1;
+
+ if (pY && !sY)
+ sY = (pY < 1) ? -1 : 1;
+
+ // Return.
+ return {
+ spinX: sX,
+ spinY: sY,
+ pixelX: pX,
+ pixelY: pY
+ };
+
+ };
+
+ // Wheel event.
+ $body.on('wheel', function(event) {
+
+ // Disable on <=small.
+ if (skel.breakpoint('small').active)
+ return;
+
+ // Prevent default.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Stop link scroll.
+ $bodyHtml.stop();
+
+ // Calculate delta, direction.
+ var n = normalizeWheel(event.originalEvent),
+ x = (n.pixelX != 0 ? n.pixelX : n.pixelY),
+ delta = Math.min(Math.abs(x), 150) * settings.scrollWheel.factor,
+ direction = x > 0 ? 1 : -1;
+
+ // Scroll page.
+ $document.scrollLeft($document.scrollLeft() + (delta * direction));
+
+ });
+
+ })();
+
+ // Scroll zones.
+ if (settings.scrollZones.enabled)
+ (function() {
+
+ var $left = $('
'),
+ $right = $('
'),
+ $zones = $left.add($right),
+ paused = false,
+ intervalId = null,
+ direction,
+ activate = function(d) {
+
+ // Disable on <=small.
+ if (skel.breakpoint('small').active)
+ return;
+
+ // Paused? Bail.
+ if (paused)
+ return;
+
+ // Stop link scroll.
+ $bodyHtml.stop();
+
+ // Set direction.
+ direction = d;
+
+ // Initialize interval.
+ clearInterval(intervalId);
+
+ intervalId = setInterval(function() {
+ $document.scrollLeft($document.scrollLeft() + (settings.scrollZones.speed * direction));
+ }, 25);
+
+ },
+ deactivate = function() {
+
+ // Unpause.
+ paused = false;
+
+ // Clear interval.
+ clearInterval(intervalId);
+
+ };
+
+ $zones
+ .appendTo($wrapper)
+ .on('mouseleave mousedown', function(event) {
+ deactivate();
+ });
+
+ $left
+ .css('left', '0')
+ .on('mouseenter', function(event) {
+ activate(-1);
+ });
+
+ $right
+ .css('right', '0')
+ .on('mouseenter', function(event) {
+ activate(1);
+ });
+
+ $wrapper
+ .on('---pauseScrollZone', function(event) {
+
+ // Pause.
+ paused = true;
+
+ // Unpause after delay.
+ setTimeout(function() {
+ paused = false;
+ }, 500);
+
+ });
+
+ })();
+
+ // Dragging.
+ if (settings.dragging.enabled)
+ (function() {
+
+ var dragging = false,
+ dragged = false,
+ distance = 0,
+ startScroll,
+ momentumIntervalId, velocityIntervalId,
+ startX, currentX, previousX,
+ velocity, direction;
+
+ $wrapper
+
+ // Prevent image drag and drop.
+ .on('mouseup mousemove mousedown', '.image, img', function(event) {
+ event.preventDefault();
+ })
+
+ // Prevent mouse events inside excluded elements from bubbling.
+ .on('mouseup mousemove mousedown', settings.excludeSelector, function(event) {
+
+ // Prevent event from bubbling.
+ event.stopPropagation();
+
+ // End drag.
+ dragging = false;
+ $wrapper.removeClass('is-dragging');
+ clearInterval(velocityIntervalId);
+ clearInterval(momentumIntervalId);
+
+ // Pause scroll zone.
+ $wrapper.triggerHandler('---pauseScrollZone');
+
+ })
+
+ // Mousedown event.
+ .on('mousedown', function(event) {
+
+ // Disable on <=small.
+ if (skel.breakpoint('small').active)
+ return;
+
+ // Clear momentum interval.
+ clearInterval(momentumIntervalId);
+
+ // Stop link scroll.
+ $bodyHtml.stop();
+
+ // Start drag.
+ dragging = true;
+ $wrapper.addClass('is-dragging');
+
+ // Initialize and reset vars.
+ startScroll = $document.scrollLeft();
+ startX = event.clientX;
+ previousX = startX;
+ currentX = startX;
+ distance = 0;
+ direction = 0;
+
+ // Initialize velocity interval.
+ clearInterval(velocityIntervalId);
+
+ velocityIntervalId = setInterval(function() {
+
+ // Calculate velocity, direction.
+ velocity = Math.abs(currentX - previousX);
+ direction = (currentX > previousX ? -1 : 1);
+
+ // Update previous X.
+ previousX = currentX;
+
+ }, 50);
+
+ })
+
+ // Mousemove event.
+ .on('mousemove', function(event) {
+
+ // Not dragging? Bail.
+ if (!dragging)
+ return;
+
+ // Velocity.
+ currentX = event.clientX;
+
+ // Scroll page.
+ $document.scrollLeft(startScroll + (startX - currentX));
+
+ // Update distance.
+ distance = Math.abs(startScroll - $document.scrollLeft());
+
+ // Distance exceeds threshold? Disable pointer events on all descendents.
+ if (!dragged
+ && distance > settings.dragging.threshold) {
+
+ $wrapper.addClass('is-dragged');
+
+ dragged = true;
+
+ }
+
+ })
+
+ // Mouseup/mouseleave event.
+ .on('mouseup mouseleave', function(event) {
+
+ var m;
+
+ // Not dragging? Bail.
+ if (!dragging)
+ return;
+
+ // Dragged? Re-enable pointer events on all descendents.
+ if (dragged) {
+
+ setTimeout(function() {
+ $wrapper.removeClass('is-dragged');
+ }, 100);
+
+ dragged = false;
+
+ }
+
+ // Distance exceeds threshold? Prevent default.
+ if (distance > settings.dragging.threshold)
+ event.preventDefault();
+
+ // End drag.
+ dragging = false;
+ $wrapper.removeClass('is-dragging');
+ clearInterval(velocityIntervalId);
+ clearInterval(momentumIntervalId);
+
+ // Pause scroll zone.
+ $wrapper.triggerHandler('---pauseScrollZone');
+
+ // Initialize momentum interval.
+ if (settings.dragging.momentum > 0) {
+
+ m = velocity;
+
+ momentumIntervalId = setInterval(function() {
+
+ // Scroll page.
+ $document.scrollLeft($document.scrollLeft() + (m * direction));
+
+ // Decrease momentum.
+ m = m * settings.dragging.momentum;
+
+ // Negligible momentum? Clear interval and end.
+ if (Math.abs(m) < 1)
+ clearInterval(momentumIntervalId);
+
+ }, 15);
+
+ }
+
+ });
+
+ })();
+
+ // Link scroll.
+ $wrapper
+ .on('mousedown mouseup', 'a[href^="#"]', function(event) {
+
+ // Stop propagation.
+ event.stopPropagation();
+
+ })
+ .on('click', 'a[href^="#"]', function(event) {
+
+ var $this = $(this),
+ href = $this.attr('href'),
+ $target, x, y;
+
+ // Get target.
+ if (href == '#'
+ || ($target = $(href)).length == 0)
+ return;
+
+ // Prevent default.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Calculate x, y.
+ if (skel.breakpoint('small').active) {
+
+ x = $target.offset().top - (Math.max(0, $window.height() - $target.outerHeight()) / 2);
+ y = { scrollTop: x };
+
+ }
+ else {
+
+ x = $target.offset().left - (Math.max(0, $window.width() - $target.outerWidth()) / 2);
+ y = { scrollLeft: x };
+
+ }
+
+ // Scroll.
+ $bodyHtml
+ .stop()
+ .animate(
+ y,
+ settings.linkScrollSpeed,
+ 'swing'
+ );
+
+ });
+
+ // Gallery.
+ $('.gallery')
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ $gallery = $a.parents('.gallery'),
+ $modal = $gallery.children('.modal'),
+ $modalImg = $modal.find('img'),
+ href = $a.attr('href');
+
+ // Not an image? Bail.
+ if (!href.match(/\.(jpg|gif|png|mp4)$/))
+ return;
+
+ // Prevent default.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Locked? Bail.
+ if ($modal[0]._locked)
+ return;
+
+ // Lock.
+ $modal[0]._locked = true;
+
+ // Set src.
+ $modalImg.attr('src', href);
+
+ // Set visible.
+ $modal.addClass('visible');
+
+ // Focus.
+ $modal.focus();
+
+ // Delay.
+ setTimeout(function() {
+
+ // Unlock.
+ $modal[0]._locked = false;
+
+ }, 600);
+
+ })
+ .on('click', '.modal', function(event) {
+
+ var $modal = $(this),
+ $modalImg = $modal.find('img');
+
+ // Locked? Bail.
+ if ($modal[0]._locked)
+ return;
+
+ // Already hidden? Bail.
+ if (!$modal.hasClass('visible'))
+ return;
+
+ // Stop propagation.
+ event.stopPropagation();
+
+ // Lock.
+ $modal[0]._locked = true;
+
+ // Clear visible, loaded.
+ $modal
+ .removeClass('loaded')
+
+ // Delay.
+ setTimeout(function() {
+
+ $modal
+ .removeClass('visible')
+
+ // Pause scroll zone.
+ $wrapper.triggerHandler('---pauseScrollZone');
+
+ setTimeout(function() {
+
+ // Clear src.
+ $modalImg.attr('src', '');
+
+ // Unlock.
+ $modal[0]._locked = false;
+
+ // Focus.
+ $body.focus();
+
+ }, 475);
+
+ }, 125);
+
+ })
+ .on('keypress', '.modal', function(event) {
+
+ var $modal = $(this);
+
+ // Escape? Hide modal.
+ if (event.keyCode == 27)
+ $modal.trigger('click');
+
+ })
+ .on('mouseup mousedown mousemove', '.modal', function(event) {
+
+ // Stop propagation.
+ event.stopPropagation();
+
+ })
+ .prepend('
')
+ .find('img')
+ .on('load', function(event) {
+
+ var $modalImg = $(this),
+ $modal = $modalImg.parents('.modal');
+
+ setTimeout(function() {
+
+ // No longer visible? Bail.
+ if (!$modal.hasClass('visible'))
+ return;
+
+ // Set loaded.
+ $modal.addClass('loaded');
+
+ }, 275);
+
+ });
+
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/ethereal/assets/js/skel.min.js b/ethereal/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/ethereal/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e
r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/ethereal/assets/sass/base/_page.scss b/ethereal/assets/sass/base/_page.scss
new file mode 100644
index 0000000..7c3e5c1
--- /dev/null
+++ b/ethereal/assets/sass/base/_page.scss
@@ -0,0 +1,105 @@
+///
+/// Ethereal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Page */
+
+ @include keyframes('load-spinner') {
+ 0% {
+ @include vendor('transform', 'rotate(0deg)');
+ }
+
+ 100% {
+ @include vendor('transform', 'rotate(360deg)');
+ }
+ }
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ html {
+ width: 100%;
+ height: 100%;
+ }
+
+ body {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'center');
+ @include vendor('justify-content', 'flex-start');
+ -ms-overflow-style: scrollbar;
+ width: 100%;
+ height: 100%;
+ min-height: 30rem;
+ overflow: hidden;
+
+ &:before {
+ @include vendor('animation', 'load-spinner 1s infinite linear');
+ @include vendor('transition', 'opacity 0.25s ease');
+ @include vendor('transition-delay', '0s');
+ @include vendor('pointer-events', 'none');
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 4rem;
+ height: 4rem;
+ margin: -2rem 0 0 -2rem;
+ background-image: svg-url('Ethereal by HTML5 UP
+
+
+
+
+
+
+
+
+
Hello, my name
+
This is Ethereal , a free site template by AJ for HTML5 UP . It’s fully responsive, built on HTML5 and CSS3, and released entirely for free under the Creative Commons license. Hope you dig it :)
+
+
+
+
+
+
+
+
+
Sed etiam aenean
+
Mauris et ligula arcu. Proin dapibus convallis accumsan. Lorem maximus hendrerit orci, sit amet elementum massa hendrerit sed. Donec et ullamcorper ligula. Suspendisse amet potenti. Ut pretium libero eleifend euismod sed tristique. Quisque dictum magna risus, id ultricies justo sagittis vitae. Sed id odio tempor, porttitor elit amet, gravida hendrerit fringilla lorem ipsum dolor.
+
+
+
+
+
+
+
+
Amet lorem
+
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
+
+
+ Lorem Ipsum Dolor Sit Amet Nullam
+
+
+
+
+
+
Magna amet tempus
+
Mauris a cursus velit. Nunc lacinia sollicitudin egestas bibendum, magna dui bibendum ex, sagittis commodo enim risus sed magna nulla. Vestibulum ut consequat velit. Curabitur vitae libero lorem. Quisque iaculis porttitor blandit. Nullam quis sagittis maximus. Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar.
+
+
+
+
+
+
+
+
Elit integer
+
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
+
+
+
+
+
+
+
+
+
+
+
Contact
+
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
+
+
+
+
+
+
Elements
+
Sed vel nibh libero. Mauris et lorem pharetra massa lorem turpis congue pulvinar. Vivamus sed feugiat finibus. Duis amet bibendum amet sed. Duis mauris ex, dapibus sed ligula tempus volutpat magna etiam.
+
+
+
+
Text
+
This is bold and this is strong . This is italic and this is emphasized .
+ This is superscript text and this is subscript text.
+ This is underlined and this is code: for (;;) { ... }. Finally, this is a link .
+
+
Heading Level 1
+
Heading Level 2
+
Heading Level 3
+
Heading Level 4
+
Heading Level 5
+
Heading Level 6
+
+
+
+
+
Blockquote
+
Lorem ipsum dolor sit amet. Felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in vestibulum. Blandit adipiscing eu iaculis volutpat ac adipiscing volutpat ac adipiscing faucibus.
+
+
Preformatted
+
i = 0;
+
+while (!deck.isInOrder()) {
+ print 'Iteration ' + (i++);
+ deck.shuffle();
+}
+
+print 'It took ' + i + ' iterations to sort the deck.';
+
+
+
+
+
Lists
+
+
Unordered
+
+ Lorem ipsum dolor sit.
+ Dolor pulvinar etiam.
+ Etiam vel felis viverra.
+
+
+
Alternate
+
+ Lorem ipsum dolor sit.
+ Dolor pulvinar etiam.
+ Etiam vel felis viverra.
+ Felis enim feugiat.
+
+
+
+
+
+
Ordered
+
+ Lorem ipsum dolor sit.
+ Dolor pulvinar etiam.
+ Etiam vel felis viverra.
+ Felis enim feugiat.
+ Etiam vel felis lorem.
+
+
+
Actions
+
+
+
+
+
+
+
Icons
+
+
+
Contact Icons
+
+
+
+
+
Table
+
Default
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item One
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item Two
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item Three
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item Four
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
+
Alternate
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item One
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item Two
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item Three
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item Four
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item Five
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/eventually/assets/fonts/fontawesome-webfont.ttf b/eventually/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/eventually/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/eventually/assets/fonts/fontawesome-webfont.woff b/eventually/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/eventually/assets/fonts/fontawesome-webfont.woff differ
diff --git a/eventually/assets/fonts/fontawesome-webfont.woff2 b/eventually/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/eventually/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/eventually/assets/js/ie/html5shiv.js b/eventually/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/eventually/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML=" #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b= $bgs.length)
+ pos = 0;
+
+ // Swap top images.
+ $bgs[lastPos].classList.remove('top');
+ $bgs[pos].classList.add('visible');
+ $bgs[pos].classList.add('top');
+
+ // Hide last image after a short delay.
+ window.setTimeout(function() {
+ $bgs[lastPos].classList.remove('visible');
+ }, settings.delay / 2);
+
+ }, settings.delay);
+
+ })();
+
+ // Signup Form.
+ (function() {
+
+ // Vars.
+ var $form = document.querySelectorAll('#signup-form')[0],
+ $submit = document.querySelectorAll('#signup-form input[type="submit"]')[0],
+ $message;
+
+ // Bail if addEventListener isn't supported.
+ if (!('addEventListener' in $form))
+ return;
+
+ // Message.
+ $message = document.createElement('span');
+ $message.classList.add('message');
+ $form.appendChild($message);
+
+ $message._show = function(type, text) {
+
+ $message.innerHTML = text;
+ $message.classList.add(type);
+ $message.classList.add('visible');
+
+ window.setTimeout(function() {
+ $message._hide();
+ }, 3000);
+
+ };
+
+ $message._hide = function() {
+ $message.classList.remove('visible');
+ };
+
+ // Events.
+ // Note: If you're *not* using AJAX, get rid of this event listener.
+ $form.addEventListener('submit', function(event) {
+
+ event.stopPropagation();
+ event.preventDefault();
+
+ // Hide message.
+ $message._hide();
+
+ // Disable submit.
+ $submit.disabled = true;
+
+ // Process form.
+ // Note: Doesn't actually do anything yet (other than report back with a "thank you"),
+ // but there's enough here to piece together a working AJAX submission call that does.
+ window.setTimeout(function() {
+
+ // Reset form.
+ $form.reset();
+
+ // Enable submit.
+ $submit.disabled = false;
+
+ // Show message.
+ $message._show('success', 'Thank you!');
+ //$message._show('failure', 'Something went wrong. Please try again.');
+
+ }, 750);
+
+ });
+
+ })();
+
+})();
\ No newline at end of file
diff --git a/eventually/assets/sass/base/_bg.scss b/eventually/assets/sass/base/_bg.scss
new file mode 100644
index 0000000..20e3e59
--- /dev/null
+++ b/eventually/assets/sass/base/_bg.scss
@@ -0,0 +1,71 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* BG */
+
+ #bg {
+ @include vendor('transition', 'opacity #{_duration(bg-fadein)} ease-in-out');
+ height: 100%;
+ left: 0;
+ opacity: 0.25;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+
+ div {
+ @include vendor('transition', ('opacity #{_duration(bg-transition)} ease', 'visibility #{_duration(bg-transition)}'));
+ background-size: cover;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ visibility: hidden;
+ width: 150%;
+
+ &.visible {
+ @include vendor('animation', 'bg #{_duration(bg-slide)} linear infinite');
+ opacity: 1;
+ visibility: visible;
+ z-index: 1;
+
+ &.top {
+ z-index: 2;
+ }
+
+ @include breakpoint(large) {
+ @include vendor('animation', 'bg #{_duration(bg-slide) * 0.65} linear infinite');
+ }
+
+ @include breakpoint(small) {
+ @include vendor('animation', 'bg #{_duration(bg-slide) * 0.4} linear infinite');
+ }
+ }
+
+ &:only-child {
+ @include vendor('animation-direction', 'alternate !important');
+ }
+ }
+
+ body.is-loading & {
+ opacity: 0;
+ }
+ }
+
+ @include keyframes(bg) {
+ 0% {
+ @include vendor('transform', 'translateX(0)');
+ }
+
+ 100% {
+ @include vendor('transform', 'translateX(-25%)');
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/base/_page.scss b/eventually/assets/sass/base/_page.scss
new file mode 100644
index 0000000..fc63848
--- /dev/null
+++ b/eventually/assets/sass/base/_page.scss
@@ -0,0 +1,71 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ // MSIE: Prevents scrollbar from overlapping content.
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ html, body {
+ height: 100%;
+ overflow-x: hidden;
+ width: 100%;
+
+ @include breakpoint(short) {
+ height: auto;
+ min-height: 100%;
+ }
+ }
+
+ body {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ background-color: _palette(bg);
+ padding: 6em 4em 4em 4em;
+
+ > * {
+ position: relative;
+ z-index: 2;
+ }
+
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ @include breakpoint(xlarge) {
+ padding: 6em 3.5em 3.5em 3.5em;
+ }
+
+ @include breakpoint(small) {
+ padding: 5em 2em 2em 2em;
+ }
+
+ @include breakpoint(xxsmall) {
+ padding: 5em 1.25em 1.25em 1.25em;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/base/_typography.scss b/eventually/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..63b7330
--- /dev/null
+++ b/eventually/assets/sass/base/_typography.scss
@@ -0,0 +1,164 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 16pt;
+ font-weight: _font(weight);
+ letter-spacing: _font(letter-spacing);
+ line-height: 1.65em;
+
+ @include breakpoint(xlarge) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(large) {
+ font-size: 11pt;
+ }
+
+ @include breakpoint(medium) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(small) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(xsmall) {
+ font-size: 12pt;
+ }
+ }
+
+ a {
+ @include vendor('transition', (
+ 'border-bottom-color #{_duration(transition)} ease',
+ 'color #{_duration(transition)} ease'
+ ));
+ border-bottom: dotted 1px _palette(border2);
+ color: _palette(accent, bg);
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent;
+ color: _palette(accent, bg) !important;
+ text-decoration: none;
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ line-height: 1em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h1 {
+ font-size: 2.5em;
+ line-height: 1.25em;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.35em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid (_size(border-width) * 4) _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid _size(border-width) _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/components/_button.scss b/eventually/assets/sass/components/_button.scss
new file mode 100644
index 0000000..a313985
--- /dev/null
+++ b/eventually/assets/sass/components/_button.scss
@@ -0,0 +1,54 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out',
+ 'opacity #{_duration(transition)} ease-in-out'
+ ));
+ background-color: _palette(accent, bg);
+ border-radius: _size(border-radius);
+ border: 0;
+ color: _palette(accent, fg-bold) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: _font(weight-bold);
+ height: _size(element-height);
+ line-height: _size(element-height);
+ padding: 0 1.125em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &:hover {
+ background-color: lighten(_palette(accent, bg), 5);
+ }
+
+ &:active {
+ background-color: darken(_palette(accent, bg), 5);
+ }
+
+ &.disabled,
+ &:disabled {
+ opacity: 0.5;
+ }
+
+ @include breakpoint(xsmall) {
+ padding: 0;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/components/_form.scss b/eventually/assets/sass/components/_form.scss
new file mode 100644
index 0000000..9d43fc5
--- /dev/null
+++ b/eventually/assets/sass/components/_form.scss
@@ -0,0 +1,229 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+
+ .message {
+ @include icon;
+ @include vendor('transition', (
+ 'opacity #{_duration(transition)} ease-in-out',
+ 'transform #{_duration(transition)} ease-in-out'
+ ));
+ @include vendor('transform', 'scale(1.05)');
+ height: _size(element-height);
+ line-height: _size(element-height);
+ opacity: 0;
+
+ &:before {
+ margin-right: 0.5em;
+ }
+
+ &.visible {
+ @include vendor('transform', 'scale(1)');
+ opacity: 1;
+ }
+
+ &.success {
+ color: _palette(positive, bg);
+
+ &:before {
+ content: '\f00c';
+ }
+ }
+
+ &.failure {
+ color: _palette(negative, bg);
+
+ &:before {
+ content: '\f119';
+ }
+ }
+ }
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ @include keyframes(focus) {
+ 0% { @include vendor('transform', 'scale(1)'); }
+ 50% { @include vendor('transform', 'scale(1.025)'); }
+ 100% { @include vendor('transform', 'scale(1)'); }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ @include vendor('transform', 'scale(1)');
+ @include vendor('transition', (
+ 'border-color #{_duration(transition)} ease',
+ 'background-color #{_duration(transition)} ease'
+ ));
+ background-color: transparent;
+ border-radius: _size(border-radius);
+ border: none;
+ border: solid _size(border-width) _palette(border);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ @include vendor('animation', 'focus 0.1s');
+ background-color: _palette(border-bg);
+ border-color: _palette(accent, bg);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(accent, bg);
+ border-color: _palette(accent, bg);
+ color: _palette(accent, fg-bold);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(accent, bg);
+ box-shadow: 0 0 0 _size(border-width) _palette(accent, bg);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/components/_icon.scss b/eventually/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..f8ea153
--- /dev/null
+++ b/eventually/assets/sass/components/_icon.scss
@@ -0,0 +1,21 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/components/_list.scss b/eventually/assets/sass/components/_list.scss
new file mode 100644
index 0000000..7a28819
--- /dev/null
+++ b/eventually/assets/sass/components/_list.scss
@@ -0,0 +1,56 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ .icon {
+ &:before {
+ font-size: 1.25em;
+ }
+ }
+
+ a {
+ color: inherit;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/components/_section.scss b/eventually/assets/sass/components/_section.scss
new file mode 100644
index 0000000..c335530
--- /dev/null
+++ b/eventually/assets/sass/components/_section.scss
@@ -0,0 +1,63 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ color: _palette(fg-light);
+ position: relative;
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+ }
+
+ h2 + p {
+ font-size: 1.25em;
+ margin-top: (_size(element-margin) * -0.5);
+ line-height: 1.5em;
+ }
+
+ h3 + p {
+ font-size: 1.1em;
+ margin-top: (_size(element-margin) * -0.4);
+ line-height: 1.5em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ margin-top: (_size(element-margin) * -0.3);
+ line-height: 1.5em;
+ }
+
+ @include breakpoint(medium) {
+ br {
+ display: none;
+ }
+ }
+
+ @include breakpoint(small) {
+ br {
+ display: inline;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ br {
+ display: none;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/ie8.scss b/eventually/assets/sass/ie8.scss
new file mode 100644
index 0000000..5efbed4
--- /dev/null
+++ b/eventually/assets/sass/ie8.scss
@@ -0,0 +1,32 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Eventually by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* BG */
+
+ #bg {
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
+ }
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg-bold);
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ border: solid _size(border-width) _palette(fg-bold);
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/ie9.scss b/eventually/assets/sass/ie9.scss
new file mode 100644
index 0000000..452cda5
--- /dev/null
+++ b/eventually/assets/sass/ie9.scss
@@ -0,0 +1,19 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Eventually by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Signup Form */
+
+ #signup-form {
+ > * {
+ display: inline-block;
+ vertical-align: top;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/layout/_footer.scss b/eventually/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..f079ddc
--- /dev/null
+++ b/eventually/assets/sass/layout/_footer.scss
@@ -0,0 +1,78 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ @include vendor('transition', 'opacity 0.5s ease-in-out');
+ bottom: 4em;
+ color: _palette(fg-light);
+ left: 4em;
+ opacity: 0.5;
+ position: absolute;
+
+ .icons {
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
+ }
+
+ .copyright {
+ font-size: 0.8em;
+ list-style: none;
+ padding: 0;
+
+ li {
+ border-left: solid 1px _palette(border2);
+ display: inline-block;
+ line-height: 1em;
+ margin: 0 0 0 0.75em;
+ padding: 0 0 0 0.75em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ }
+
+ a {
+ color: inherit;
+ }
+ }
+
+ &:hover {
+ opacity: 1;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+
+ @include breakpoint(xlarge) {
+ bottom: 3.5em;
+ left: 3.5em;
+ }
+
+ @include breakpoint(small) {
+ bottom: 2em;
+ left: 2em;
+ }
+
+ @include breakpoint(xxsmall) {
+ bottom: 1.25em;
+ left: 1.25em;
+ }
+
+ @include breakpoint(short) {
+ bottom: auto;
+ left: auto;
+ margin: (_size(element-margin) * 0.5) 0 0 0;
+ position: relative;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/layout/_header.scss b/eventually/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..7feda65
--- /dev/null
+++ b/eventually/assets/sass/layout/_header.scss
@@ -0,0 +1,41 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ #header {
+ h1 {
+ font-size: 3.25em;
+ margin: 0 0 (_size(element-margin) * 0.275) 0;
+ }
+
+ p {
+ font-size: 1.35em;
+ line-height: 1.65em;
+ }
+
+ a {
+ color: inherit;
+ }
+
+ @include breakpoint(small) {
+ h1 {
+ font-size: 2em;
+ }
+
+ p {
+ font-size: 1em;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/layout/_signup-form.scss b/eventually/assets/sass/layout/_signup-form.scss
new file mode 100644
index 0000000..035e016
--- /dev/null
+++ b/eventually/assets/sass/layout/_signup-form.scss
@@ -0,0 +1,54 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Eventually by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Signup Form */
+
+ #signup-form {
+ @include vendor('display', 'flex');
+ position: relative;
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"] {
+ width: 18em;
+ }
+
+ > * {
+ margin: 0 0 0 1em;
+ }
+
+ > :first-child {
+ margin: 0 0 0 0;
+ }
+
+ @include breakpoint(xsmall) {
+ @include vendor('flex-direction', 'column');
+
+ input[type="type"],
+ input[type="password"],
+ input[type="email"] {
+ width: 100%;
+ }
+
+ > * {
+ margin: 1.25em 0 0 0;
+ }
+
+ .message {
+ bottom: -1.5em;
+ font-size: 0.9em;
+ height: 1em;
+ left: 0;
+ line-height: inherit;
+ margin-top: 0;
+ position: absolute;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/libs/_functions.scss b/eventually/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/eventually/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/eventually/assets/sass/libs/_mixins.scss b/eventually/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/eventually/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/eventually/assets/sass/libs/_skel.scss b/eventually/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/eventually/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/eventually/assets/sass/libs/_vars.scss b/eventually/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..67d1169
--- /dev/null
+++ b/eventually/assets/sass/libs/_vars.scss
@@ -0,0 +1,59 @@
+// Misc.
+ $misc: (
+ );
+
+// Duration.
+ $duration: (
+ nav: 0.5s,
+ transition: 0.2s,
+ bg-fadein: 2s,
+ bg-transition: 3s,
+ bg-slide: 45s // (lower = faster, higher = slower)
+ );
+
+// Size.
+ $size: (
+ border-radius: 6px,
+ border-width: 2px,
+ element-height: 2.75em,
+ element-margin: 2em
+ );
+
+// Font.
+ $font: (
+ family: ('Roboto', sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 400,
+ weight-bold: 700,
+ letter-spacing: -0.01em
+ );
+
+// Palette.
+ $palette: (
+ bg: #000,
+ fg: rgba(255,255,255,0.75),
+ fg-bold: #fff,
+ fg-light: rgba(255,255,255,0.5),
+ border: rgba(255,255,255,0.35),
+ border-bg: rgba(255,255,255,0.125),
+ border2: rgba(255,255,255,0.25),
+
+ accent: (
+ bg: #1cb495,
+ fg: mix(#1cb495, #ffffff, 25%),
+ fg-bold: #ffffff,
+ fg-light: mix(#1cb495, #ffffff, 40%),
+ border: rgba(255,255,255,0.25),
+ border-bg: rgba(255,255,255,0.075),
+ ),
+
+ positive: (
+ bg: #1cb495,
+ fg: #ffffff
+ ),
+
+ negative: (
+ bg: #ff2361,
+ fg: #ffffff
+ )
+ );
\ No newline at end of file
diff --git a/eventually/assets/sass/main.scss b/eventually/assets/sass/main.scss
new file mode 100644
index 0000000..192138a
--- /dev/null
+++ b/eventually/assets/sass/main.scss
@@ -0,0 +1,47 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
+
+/*
+ Eventually by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)',
+ short: '(max-height: 640px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border'
+ ));
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/bg';
+ @import 'base/typography';
+
+// Components.
+
+ @import 'components/section';
+ @import 'components/icon';
+ @import 'components/list';
+ @import 'components/form';
+ @import 'components/button';
+
+// Layout.
+
+ @import 'layout/header';
+ @import 'layout/signup-form';
+ @import 'layout/footer';
\ No newline at end of file
diff --git a/eventually/images/bg01.jpg b/eventually/images/bg01.jpg
new file mode 100644
index 0000000..505c005
Binary files /dev/null and b/eventually/images/bg01.jpg differ
diff --git a/eventually/images/bg02.jpg b/eventually/images/bg02.jpg
new file mode 100644
index 0000000..4bd80e4
Binary files /dev/null and b/eventually/images/bg02.jpg differ
diff --git a/eventually/images/bg03.jpg b/eventually/images/bg03.jpg
new file mode 100644
index 0000000..69ccbdb
Binary files /dev/null and b/eventually/images/bg03.jpg differ
diff --git a/eventually/index.html b/eventually/index.html
new file mode 100644
index 0000000..eaf8d4f
--- /dev/null
+++ b/eventually/index.html
@@ -0,0 +1,50 @@
+
+
+
+
+ Eventually by HTML5 UP
+
+
+
+
+
\ No newline at end of file
diff --git a/forty/assets/fonts/fontawesome-webfont.ttf b/forty/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/forty/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/forty/assets/fonts/fontawesome-webfont.woff b/forty/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/forty/assets/fonts/fontawesome-webfont.woff differ
diff --git a/forty/assets/fonts/fontawesome-webfont.woff2 b/forty/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/forty/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/forty/assets/js/ie/backgroundsize.min.htc b/forty/assets/js/ie/backgroundsize.min.htc
new file mode 100644
index 0000000..3d9960d
--- /dev/null
+++ b/forty/assets/js/ie/backgroundsize.min.htc
@@ -0,0 +1,7 @@
+
+ #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/forty/assets/js/jquery.scrollex.min.js b/forty/assets/js/jquery.scrollex.min.js
new file mode 100644
index 0000000..a4727fe
--- /dev/null
+++ b/forty/assets/js/jquery.scrollex.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r
=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i])._parallax(intensity);
+
+ return $this;
+
+ }
+
+ if (!intensity)
+ intensity = 0.25;
+
+ $this.each(function() {
+
+ var $t = $(this),
+ on, off;
+
+ on = function() {
+
+ $t.css('background-position', 'center 100%, center 100%, center 0px');
+
+ $window
+ .on('scroll._parallax', function() {
+
+ var pos = parseInt($window.scrollTop()) - parseInt($t.position().top);
+
+ $t.css('background-position', 'center ' + (pos * (-1 * intensity)) + 'px');
+
+ });
+
+ };
+
+ off = function() {
+
+ $t
+ .css('background-position', '');
+
+ $window
+ .off('scroll._parallax');
+
+ };
+
+ skel.on('change', function() {
+
+ if (skel.breakpoint('medium').active)
+ (off)();
+ else
+ (on)();
+
+ });
+
+ });
+
+ $window
+ .off('load._parallax resize._parallax')
+ .on('load._parallax resize._parallax', function() {
+ $window.trigger('scroll');
+ });
+
+ return $(this);
+
+ };
+
+ $(function() {
+
+ var $window = $(window),
+ $body = $('body'),
+ $wrapper = $('#wrapper'),
+ $header = $('#header'),
+ $banner = $('#banner');
+
+ // Disable animations/transitions until the page has loaded.
+ $body.addClass('is-loading');
+
+ $window.on('load pageshow', function() {
+ window.setTimeout(function() {
+ $body.removeClass('is-loading');
+ }, 100);
+ });
+
+ // Clear transitioning state on unload/hide.
+ $window.on('unload pagehide', function() {
+ window.setTimeout(function() {
+ $('.is-transitioning').removeClass('is-transitioning');
+ }, 250);
+ });
+
+ // Fix: Enable IE-only tweaks.
+ if (skel.vars.browser == 'ie' || skel.vars.browser == 'edge')
+ $body.addClass('is-ie');
+
+ // Fix: Placeholder polyfill.
+ $('form').placeholder();
+
+ // Prioritize "important" elements on medium.
+ skel.on('+medium -medium', function() {
+ $.prioritize(
+ '.important\\28 medium\\29',
+ skel.breakpoint('medium').active
+ );
+ });
+
+ // Scrolly.
+ $('.scrolly').scrolly({
+ offset: function() {
+ return $header.height() - 2;
+ }
+ });
+
+ // Tiles.
+ var $tiles = $('.tiles > article');
+
+ $tiles.each(function() {
+
+ var $this = $(this),
+ $image = $this.find('.image'), $img = $image.find('img'),
+ $link = $this.find('.link'),
+ x;
+
+ // Image.
+
+ // Set image.
+ $this.css('background-image', 'url(' + $img.attr('src') + ')');
+
+ // Set position.
+ if (x = $img.data('position'))
+ $image.css('background-position', x);
+
+ // Hide original.
+ $image.hide();
+
+ // Link.
+ if ($link.length > 0) {
+
+ $x = $link.clone()
+ .text('')
+ .addClass('primary')
+ .appendTo($this);
+
+ $link = $link.add($x);
+
+ $link.on('click', function(event) {
+
+ var href = $link.attr('href');
+
+ // Prevent default.
+ event.stopPropagation();
+ event.preventDefault();
+
+ // Start transitioning.
+ $this.addClass('is-transitioning');
+ $wrapper.addClass('is-transitioning');
+
+ // Redirect.
+ window.setTimeout(function() {
+
+ if ($link.attr('target') == '_blank')
+ window.open(href);
+ else
+ location.href = href;
+
+ }, 500);
+
+ });
+
+ }
+
+ });
+
+ // Header.
+ if (skel.vars.IEVersion < 9)
+ $header.removeClass('alt');
+
+ if ($banner.length > 0
+ && $header.hasClass('alt')) {
+
+ $window.on('resize', function() {
+ $window.trigger('scroll');
+ });
+
+ $window.on('load', function() {
+
+ $banner.scrollex({
+ bottom: $header.height() + 10,
+ terminate: function() { $header.removeClass('alt'); },
+ enter: function() { $header.addClass('alt'); },
+ leave: function() { $header.removeClass('alt'); $header.addClass('reveal'); }
+ });
+
+ window.setTimeout(function() {
+ $window.triggerHandler('scroll');
+ }, 100);
+
+ });
+
+ }
+
+ // Banner.
+ $banner.each(function() {
+
+ var $this = $(this),
+ $image = $this.find('.image'), $img = $image.find('img');
+
+ // Parallax.
+ $this._parallax(0.275);
+
+ // Image.
+ if ($image.length > 0) {
+
+ // Set image.
+ $this.css('background-image', 'url(' + $img.attr('src') + ')');
+
+ // Hide original.
+ $image.hide();
+
+ }
+
+ });
+
+ // Menu.
+ var $menu = $('#menu'),
+ $menuInner;
+
+ $menu.wrapInner('
');
+ $menuInner = $menu.children('.inner');
+ $menu._locked = false;
+
+ $menu._lock = function() {
+
+ if ($menu._locked)
+ return false;
+
+ $menu._locked = true;
+
+ window.setTimeout(function() {
+ $menu._locked = false;
+ }, 350);
+
+ return true;
+
+ };
+
+ $menu._show = function() {
+
+ if ($menu._lock())
+ $body.addClass('is-menu-visible');
+
+ };
+
+ $menu._hide = function() {
+
+ if ($menu._lock())
+ $body.removeClass('is-menu-visible');
+
+ };
+
+ $menu._toggle = function() {
+
+ if ($menu._lock())
+ $body.toggleClass('is-menu-visible');
+
+ };
+
+ $menuInner
+ .on('click', function(event) {
+ event.stopPropagation();
+ })
+ .on('click', 'a', function(event) {
+
+ var href = $(this).attr('href');
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide.
+ $menu._hide();
+
+ // Redirect.
+ window.setTimeout(function() {
+ window.location.href = href;
+ }, 250);
+
+ });
+
+ $menu
+ .appendTo($body)
+ .on('click', function(event) {
+
+ event.stopPropagation();
+ event.preventDefault();
+
+ $body.removeClass('is-menu-visible');
+
+ })
+ .append('Close ');
+
+ $body
+ .on('click', 'a[href="#menu"]', function(event) {
+
+ event.stopPropagation();
+ event.preventDefault();
+
+ // Toggle.
+ $menu._toggle();
+
+ })
+ .on('click', function(event) {
+
+ // Hide.
+ $menu._hide();
+
+ })
+ .on('keydown', function(event) {
+
+ // Hide on escape.
+ if (event.keyCode == 27)
+ $menu._hide();
+
+ });
+
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/forty/assets/js/skel.min.js b/forty/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/forty/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;er["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/forty/assets/js/util.js b/forty/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/forty/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/forty/assets/sass/base/_page.scss b/forty/assets/sass/base/_page.scss
new file mode 100644
index 0000000..70c56ef
--- /dev/null
+++ b/forty/assets/sass/base/_page.scss
@@ -0,0 +1,38 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ // MSIE: Prevents scrollbar from overlapping content.
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ body {
+ background: _palette(bg);
+
+ // Prevents animation/transition "flicker" on page load.
+ // Automatically added/removed by js/main.js.
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/base/_typography.scss b/forty/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..f1bdf33
--- /dev/null
+++ b/forty/assets/sass/base/_typography.scss
@@ -0,0 +1,173 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 17pt;
+ font-weight: _font(weight);
+ letter-spacing: _font(letter-spacing);
+ line-height: 1.65;
+
+ @include breakpoint(xlarge) {
+ font-size: 14pt;
+ }
+
+ @include breakpoint(large) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(xxsmall) {
+ font-size: 11pt;
+ }
+ }
+
+ a {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease-in-out',
+ 'border-bottom-color #{_duration(transition)} ease-in-out'
+ ));
+ border-bottom: dotted 1px;
+ color: inherit;
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent;
+ color: _palette(highlight) !important;
+ }
+
+ &:active {
+ color: desaturate(darken(_palette(highlight), 15), 5) !important;
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ line-height: 1.65;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ a {
+ color: inherit;
+ border-bottom: 0;
+ }
+ }
+
+ h1 {
+ font-size: 2.5em;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ }
+
+ h3 {
+ font-size: 1.35em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ }
+
+ @include breakpoint(small) {
+ h1 {
+ font-size: 2em;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.25em;
+ }
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid 4px _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ background: _palette(border-bg);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_box.scss b/forty/assets/sass/components/_box.scss
new file mode 100644
index 0000000..45a37a0
--- /dev/null
+++ b/forty/assets/sass/components/_box.scss
@@ -0,0 +1,25 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Box */
+
+ .box {
+ border: solid 1px _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_button.scss b/forty/assets/sass/components/_button.scss
new file mode 100644
index 0000000..c7e76cc
--- /dev/null
+++ b/forty/assets/sass/components/_button.scss
@@ -0,0 +1,132 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'box-shadow #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out'
+ ));
+ background-color: transparent;
+ border: 0;
+ border-radius: 0;
+ box-shadow: inset 0 0 0 2px _palette(fg-bold);
+ color: _palette(fg-bold);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 0.8em;
+ font-weight: _font(weight-bold);
+ height: 3.5em;
+ letter-spacing: _font(letter-spacing-alt);
+ line-height: 3.5em;
+ padding: 0 1.75em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+
+ &:hover, &:active {
+ box-shadow: inset 0 0 0 2px _palette(highlight);
+ color: _palette(highlight);
+ }
+
+ &:active {
+ background-color: transparentize(_palette(highlight), 0.9);
+ box-shadow: inset 0 0 0 2px desaturate(darken(_palette(highlight), 15), 5);
+ color: desaturate(darken(_palette(highlight), 15), 5);
+ }
+
+ &.icon {
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.6em;
+ }
+
+ &.big {
+ font-size: 1.25em;
+ height: 3em;
+ line-height: 3em;
+ }
+
+ &.next {
+ padding-right: 4.5em;
+ position: relative;
+
+ &:before, &:after {
+ @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
+ background-position: center right;
+ background-repeat: no-repeat;
+ background-size: 36px 24px;
+ content: '';
+ display: block;
+ height: 100%;
+ position: absolute;
+ right: 1.5em;
+ top: 0;
+ vertical-align: middle;
+ width: 36px;
+ }
+
+ &:before {
+ background-image: svg-url('
');
+ }
+
+ &:after {
+ background-image: svg-url('
');
+ opacity: 0;
+ z-index: 1;
+ }
+
+ &:hover, &:active {
+ &:after {
+ opacity: 1;
+ }
+ }
+
+ @include breakpoint(large) {
+ padding-right: 5em;
+ }
+ }
+
+ &.special {
+ background-color: _palette(fg-bold);
+ box-shadow: none;
+ color: _palette(bg);
+
+ &:hover, &:active {
+ background-color: _palette(highlight);
+ color: _palette(bg) !important;
+ }
+
+ &:active {
+ background-color: desaturate(darken(_palette(highlight), 15), 5);
+ }
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ cursor: default;
+ opacity: 0.25;
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_contact-method.scss b/forty/assets/sass/components/_contact-method.scss
new file mode 100644
index 0000000..910d817
--- /dev/null
+++ b/forty/assets/sass/components/_contact-method.scss
@@ -0,0 +1,23 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Contact Method */
+
+ .contact-method {
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 3.25em;
+ position: relative;
+
+ .icon {
+ left: 0;
+ position: absolute;
+ top: 0;
+ }
+
+ h3 {
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_form.scss b/forty/assets/sass/components/_form.scss
new file mode 100644
index 0000000..18c3d52
--- /dev/null
+++ b/forty/assets/sass/components/_form.scss
@@ -0,0 +1,229 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+
+ .field {
+ margin: 0 0 (_size(element-margin) * 1) 0;
+
+ &.half {
+ width: 50%;
+ float: left;
+ padding: 0 0 0 (_size(element-margin) * 1 * 0.5);
+
+ &.first {
+ padding: 0 (_size(element-margin) * 1 * 0.5) 0 0;
+ }
+ }
+ }
+
+ > .actions {
+ margin: (_size(element-margin) * 1.25) 0 0 0 !important;
+ }
+
+ @include breakpoint(small) {
+ .field {
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+
+ &.half {
+ padding: 0 0 0 (_size(element-margin) * 0.75 * 0.5);
+
+ &.first {
+ padding: 0 (_size(element-margin) * 0.75 * 0.5) 0 0;
+ }
+ }
+ }
+
+ > .actions {
+ margin: (_size(element-margin) * 1) 0 0 0 !important;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ .field {
+ &.half {
+ width: 100%;
+ float: none;
+ padding: 0;
+
+ &.first {
+ padding: 0;
+ }
+ }
+ }
+ }
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.8em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(letter-spacing-alt);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ text-transform: uppercase;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ input[type="search"],
+ input[type="url"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background: _palette(border-bg);
+ border: none;
+ border-radius: 0;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(highlight);
+ box-shadow: 0 0 0 2px _palette(highlight);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ input[type="search"],
+ input[type="url"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 1em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ letter-spacing: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(fg-bold);
+ border-color: _palette(highlight);
+ content: '\f00c';
+ color: _palette(bg);
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ box-shadow: 0 0 0 2px _palette(highlight);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_icon.scss b/forty/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..83f491e
--- /dev/null
+++ b/forty/assets/sass/components/_icon.scss
@@ -0,0 +1,50 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &.alt {
+ &:before {
+ background-color: _palette(fg-bold);
+ border-radius: 100%;
+ color: _palette(bg);
+ display: inline-block;
+ height: 2em;
+ line-height: 2em;
+ text-align: center;
+ width: 2em;
+ }
+ }
+ }
+
+ a.icon {
+ &.alt {
+ &:before {
+ @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out');
+ }
+
+ &:hover {
+ &:before {
+ background-color: _palette(accent1);
+ }
+ }
+
+ &:active {
+ &:before {
+ background-color: desaturate(darken(_palette(accent1), 15), 5);
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_image.scss b/forty/assets/sass/components/_image.scss
new file mode 100644
index 0000000..852d4f7
--- /dev/null
+++ b/forty/assets/sass/components/_image.scss
@@ -0,0 +1,62 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+ .image {
+ border: 0;
+ display: inline-block;
+ position: relative;
+
+ img {
+ display: block;
+ }
+
+ &.left,
+ &.right {
+ max-width: 30%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.left {
+ float: left;
+ margin: 0 1.5em 1.25em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 1.25em 1.5em;
+ top: 0.25em;
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.main {
+ display: block;
+ margin: (_size(element-margin) * 1.25) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+
+ @include breakpoint(small) {
+ margin: (_size(element-margin) * 0.75) 0;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_list.scss b/forty/assets/sass/components/_list.scss
new file mode 100644
index 0000000..514c768
--- /dev/null
+++ b/forty/assets/sass/components/_list.scss
@@ -0,0 +1,211 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ @include breakpoint(small) {
+ li {
+ padding: 0 0.75em 0 0;
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.5);
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+ }
+ }
+ }
+ }
+
+ &.pagination {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding-left: 0;
+ vertical-align: middle;
+
+ > .page {
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out'
+ ));
+ border-bottom: 0;
+ display: inline-block;
+ font-size: 0.8em;
+ font-weight: _font(weight-bold);
+ height: 1.5em;
+ line-height: 1.5em;
+ margin: 0 0.125em;
+ min-width: 1.5em;
+ padding: 0 0.5em;
+ text-align: center;
+
+ &.active {
+ background-color: _palette(fg-bold);
+ color: _palette(bg);
+
+ &:hover {
+ background-color: _palette(highlight);
+ color: _palette(bg) !important;
+ }
+
+ &:active {
+ background-color: desaturate(darken(_palette(highlight), 15), 5);
+ }
+ }
+ }
+
+ &:first-child {
+ padding-right: 0.75em;
+ }
+
+ &:last-child {
+ padding-left: 0.75em;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ li {
+ &:nth-child(n+2):nth-last-child(n+2) {
+ display: none;
+ }
+
+ &:first-child {
+ padding-right: 0;
+ }
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_section.scss b/forty/assets/sass/components/_section.scss
new file mode 100644
index 0000000..8489cc5
--- /dev/null
+++ b/forty/assets/sass/components/_section.scss
@@ -0,0 +1,69 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ &.major {
+ width: -moz-max-content;
+ width: -webkit-max-content;
+ width: -ms-max-content;
+ width: max-content;
+ margin-bottom: _size(element-margin);
+
+ > :first-child {
+ margin-bottom: 0;
+ width: calc(100% + 0.5em);
+
+ &:after {
+ content: '';
+ background-color: _palette(fg-bold);
+ display: block;
+ height: 2px;
+ margin: 0.325em 0 0.5em 0;
+ width: 100%;
+ }
+ }
+
+ > p {
+ font-size: 0.7em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(letter-spacing-alt);
+ margin-bottom: 0;
+ text-transform: uppercase;
+ }
+
+ body.is-ie & {
+ > :first-child {
+ &:after {
+ max-width: 9em;
+ }
+ }
+
+ > h1 {
+ &:after {
+ max-width: 100% !important;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ &.major {
+ > p {
+ br {
+ display: none;
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_spotlights.scss b/forty/assets/sass/components/_spotlights.scss
new file mode 100644
index 0000000..56781d3
--- /dev/null
+++ b/forty/assets/sass/components/_spotlights.scss
@@ -0,0 +1,119 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Spotlights */
+
+ .spotlights {
+ border-top: 0 !important;
+
+ & + * {
+ border-top: 0 !important;
+ }
+
+ > section {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'row');
+ background-color: desaturate(lighten(_palette(bg-alt), 2), 1);
+
+ > .image {
+ background-position: center center;
+ background-size: cover;
+ border-radius: 0;
+ display: block;
+ position: relative;
+ width: 30%;
+
+ img {
+ border-radius: 0;
+ display: block;
+ width: 100%;
+ }
+
+ &:before {
+ background: transparentize(_palette(bg), 0.1);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+ }
+
+ > .content {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ @include vendor('align-items', 'center');
+ @include padding(2em, 3em);
+ width: 70%;
+
+ > .inner {
+ margin: 0 auto;
+ max-width: 100%;
+ width: _size(inner);
+ }
+ }
+
+ &:nth-child(2n) {
+ @include vendor('flex-direction', 'row-reverse');
+ background-color: desaturate(lighten(_palette(bg-alt), 4), 2);
+
+ > .content {
+ @include vendor('align-items', 'flex-end');
+ }
+ }
+ }
+
+ @include breakpoint(xlarge) {
+ > section {
+ > .image {
+ width: 40%;
+ }
+
+ > .content {
+ width: 60%;
+ }
+ }
+ }
+
+ @include breakpoint(large) {
+ > section {
+ > .image {
+ width: 45%;
+ }
+
+ > .content {
+ width: 55%;
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ > section {
+ display: block;
+
+ > .image {
+ width: 100%;
+ }
+
+ > .content {
+ @include padding(4em, 3em);
+ width: 100%;
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ > section {
+ > .content {
+ @include padding(3em, 1.5em);
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_table.scss b/forty/assets/sass/components/_table.scss
new file mode 100644
index 0000000..e020928
--- /dev/null
+++ b/forty/assets/sass/components/_table.scss
@@ -0,0 +1,81 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid 1px _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid 2px _palette(border);
+ }
+
+ tfoot {
+ border-top: solid 2px _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid 1px _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: 1px;
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: 1px;
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/components/_tiles.scss b/forty/assets/sass/components/_tiles.scss
new file mode 100644
index 0000000..bf820f3
--- /dev/null
+++ b/forty/assets/sass/components/_tiles.scss
@@ -0,0 +1,183 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Tiles */
+
+ .tiles {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ border-top: 0 !important;
+
+ & + * {
+ border-top: 0 !important;
+ }
+
+ article {
+ @include vendor('align-items', 'center');
+ @include vendor('display', 'flex');
+ @include vendor('transition', (
+ 'transform 0.25s ease',
+ 'opacity 0.25s ease',
+ 'filter 1s ease',
+ '-webkit-filter 1s ease'
+ ));
+ @include padding(4em, 4em);
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ cursor: default;
+ height: 40vh;
+ max-height: 40em;
+ min-height: 23em;
+ overflow: hidden;
+ position: relative;
+ width: 40%;
+
+ .image {
+ display: none;
+ }
+
+ header {
+ position: relative;
+ z-index: 3;
+ }
+
+ h3 {
+ font-size: 1.75em;
+
+ a {
+ &:hover {
+ color: inherit !important;
+ }
+ }
+ }
+
+ .link.primary {
+ border: 0;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 4;
+ }
+
+ &:before {
+ @include vendor('transition', 'opacity 0.5s ease');
+ bottom: 0;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0.85;
+ position: absolute;
+ width: 100%;
+ z-index: 2;
+ }
+
+ &:after {
+ background-color: transparentize(_palette(bg), 0.75);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+ }
+
+ &:hover {
+ &:before {
+ opacity: 0;
+ }
+ }
+
+ &.is-transitioning {
+ @include vendor('transform', 'scale(0.95)');
+ @include vendor('filter', 'blur(0.5em)');
+ opacity: 0;
+ }
+
+ &:nth-child(4n - 1),
+ &:nth-child(4n - 2) {
+ width: 60%;
+ }
+
+ &:nth-child(6n - 5) {
+ &:before {
+ background-color: _palette(accent1);
+ }
+ }
+
+ &:nth-child(6n - 4) {
+ &:before {
+ background-color: _palette(accent2);
+ }
+ }
+
+ &:nth-child(6n - 3) {
+ &:before {
+ background-color: _palette(accent3);
+ }
+ }
+
+ &:nth-child(6n - 2) {
+ &:before {
+ background-color: _palette(accent4);
+ }
+ }
+
+ &:nth-child(6n - 1) {
+ &:before {
+ background-color: _palette(accent5);
+ }
+ }
+
+ &:nth-child(6n) {
+ &:before {
+ background-color: _palette(accent6);
+ }
+ }
+ }
+
+ @include breakpoint(large) {
+ article {
+ @include padding(4em, 3em);
+ height: 30vh;
+ max-height: 30em;
+ min-height: 20em;
+ }
+ }
+
+ @include breakpoint(medium) {
+ article {
+ width: 50% !important;
+ }
+ }
+
+ @include breakpoint(small) {
+ article {
+ @include padding(3em, 1.5em);
+ height: 16em;
+ max-height: none;
+ min-height: 0;
+
+ h3 {
+ font-size: 1.5em;
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ display: block;
+
+ article {
+ height: 20em;
+ width: 100% !important;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/ie8.scss b/forty/assets/sass/ie8.scss
new file mode 100644
index 0000000..41dfdbb
--- /dev/null
+++ b/forty/assets/sass/ie8.scss
@@ -0,0 +1,50 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Forty by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+ .button {
+ border: solid 2px !important;
+
+ &.next {
+ padding-right: 1.75em;
+
+ &:before, &:after {
+ display: none;
+ }
+ }
+ }
+
+/* Tiles */
+
+ .tiles {
+ article {
+ width: 50%;
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+ background-size: cover;
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+
+ &:after {
+ display: none;
+ }
+ }
+
+/* Menu */
+
+ #menu {
+ background: _palette(bg);
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/ie9.scss b/forty/assets/sass/ie9.scss
new file mode 100644
index 0000000..fabba68
--- /dev/null
+++ b/forty/assets/sass/ie9.scss
@@ -0,0 +1,115 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Forty by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlights */
+
+ .spotlights {
+ > section {
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ > .image {
+ float: left;
+ }
+
+ > .content {
+ float: left;
+ }
+ }
+ }
+
+/* Tiles */
+
+ .tiles {
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ article {
+ @include padding(8em, 4em);
+ float: left;
+ height: auto;
+ max-height: none;
+ min-height: 0;
+ }
+ }
+
+/* Header */
+
+ #header {
+ .logo {
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+
+ nav {
+ position: absolute;
+ top: 0;
+ right: 0;
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ @include padding(6em, 0, (1em, 0, 0, 0));
+ background-attachment: scroll;
+ height: auto;
+ max-height: none;
+ min-height: 0;
+
+ > .inner {
+ .content {
+ display: block;
+
+ > * {
+ margin-left: 0;
+ margin: 0 0 _size(element-margin) 0;
+ }
+ }
+ }
+
+ &.major {
+ height: auto;
+ max-height: none;
+ min-height: 0;
+ }
+ }
+
+/* Contact */
+
+ #contact {
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ > .inner {
+ > * {
+ float: left;
+ }
+ }
+ }
+
+/* Menu */
+
+ #menu {
+ .inner {
+ margin: 0 auto;
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_banner.scss b/forty/assets/sass/layout/_banner.scss
new file mode 100644
index 0000000..cbcbd57
--- /dev/null
+++ b/forty/assets/sass/layout/_banner.scss
@@ -0,0 +1,177 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Banner */
+
+ #banner {
+ @include vendor('align-items', 'center');
+ @include vendor('background-image', 'url("../../images/banner.jpg")');
+ @include vendor('display', 'flex');
+ @include padding(4em, 0, (2em, 0, 0, 0));
+ background-attachment: fixed;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+ border-bottom: 0 !important;
+ cursor: default;
+ height: 60vh;
+ margin-bottom: -3.25em;
+ max-height: 32em;
+ min-height: 22em;
+ position: relative;
+ top: -3.25em;
+
+ &:after {
+ @include vendor('transition', 'opacity #{_duration(banner)} ease');
+ @include vendor('transition-delay', '0.75s');
+ @include vendor('pointer-events', 'none');
+ background-color: _palette(bg);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0.85;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 1;
+ }
+
+ h1 {
+ font-size: 3.25em;
+ }
+
+ > .inner {
+ @include vendor('transition', (
+ 'opacity 1.5s ease',
+ 'transform 0.5s ease-out',
+ 'filter 0.5s ease',
+ '-webkit-filter 0.5s ease'
+ ));
+ padding: 0 !important;
+ position: relative;
+ z-index: 2;
+
+ .image {
+ display: none;
+ }
+
+ header {
+ width: auto;
+
+ > :first-child {
+ width: auto;
+
+ &:after {
+ max-width: 100%;
+ }
+ }
+ }
+
+ .content {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'center');
+ margin: 0 0 _size(element-margin) 0;
+
+ > * {
+ margin-left: 1.5em;
+ margin-bottom: 0;
+ }
+
+ > :first-child {
+ margin-left: 0;
+ }
+
+ p {
+ font-size: 0.7em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(letter-spacing-alt);
+ text-transform: uppercase;
+ }
+ }
+ }
+
+ &.major {
+ height: 75vh;
+ min-height: 30em;
+ max-height: 50em;
+
+ &.alt {
+ opacity: 0.75;
+ }
+ }
+
+ &.style1 { &:after { background-color: _palette(accent1); } }
+ &.style2 { &:after { background-color: _palette(accent2); } }
+ &.style3 { &:after { background-color: _palette(accent3); } }
+ &.style4 { &:after { background-color: _palette(accent4); } }
+ &.style5 { &:after { background-color: _palette(accent5); } }
+ &.style6 { &:after { background-color: _palette(accent6); } }
+
+ body.is-loading & {
+ &:after {
+ opacity: 1.0;
+ }
+
+ > .inner {
+ @include vendor('filter', 'blur(0.125em)');
+ @include vendor('transform', 'translateX(-0.5em)');
+ opacity: 0;
+ }
+ }
+
+ @include breakpoint(large) {
+ background-attachment: scroll;
+ }
+
+ @include breakpoint(small) {
+ @include padding(3em, 0, (2em, 0, 0, 0));
+ height: auto;
+ margin-bottom: -2.75em;
+ max-height: none;
+ min-height: 0;
+ top: -2.75em;
+
+ h1 {
+ font-size: 2em;
+ }
+
+ > .inner {
+ .content {
+ display: block;
+
+ > * {
+ margin-left: 0;
+ margin-bottom: _size(element-margin);
+ }
+ }
+ }
+
+ &.major {
+ height: auto;
+ min-height: 0;
+ max-height: none;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ @include padding(4em, 0, (2em, 0, 0, 0));
+
+ > .inner {
+ .content {
+ p {
+ br {
+ display: none;
+ }
+ }
+ }
+ }
+
+ &.major {
+ @include padding(6em, 0, (2em, 0, 0, 0));
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_contact.scss b/forty/assets/sass/layout/_contact.scss
new file mode 100644
index 0000000..5d5ecce
--- /dev/null
+++ b/forty/assets/sass/layout/_contact.scss
@@ -0,0 +1,93 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Contact */
+
+ #contact {
+ border-bottom: solid 1px _palette(border);
+ overflow-x: hidden;
+
+ > .inner {
+ @include vendor('display', 'flex');
+ padding: 0 !important;
+
+ > :nth-child(2n - 1) {
+ @include padding(4em, 0, (0, 3em, 0, 0));
+ border-right: solid 1px _palette(border);
+ width: 60%;
+ }
+
+ > :nth-child(2n) {
+ padding-left: 3em;
+ width: 40%;
+ }
+
+ > .split {
+ padding: 0;
+
+ > * {
+ @include padding(3em, 0, (0, 0, 0, 3em));
+ position: relative;
+
+ &:before {
+ border-top: solid 1px _palette(border);
+ content: '';
+ display: block;
+ margin-left: -3em;
+ position: absolute;
+ top: 0;
+ width: calc(100vw + 3em);
+ }
+ }
+
+ > :first-child {
+ &:before {
+ display: none;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ > .inner {
+ display: block;
+
+ > :nth-child(2n - 1) {
+ @include padding(4em, 0, (0, 0, 0, 0));
+ border-right: 0;
+ width: 100%;
+ }
+
+ > :nth-child(2n) {
+ padding-left: 0;
+ width: 100%;
+ }
+
+ > .split {
+ > * {
+ @include padding(3em, 0, (0, 0, 0, 0));
+
+ &:before {
+ }
+ }
+
+ > :first-child {
+ &:before {
+ display: block;
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ > .inner {
+ > :nth-child(2n - 1) {
+ @include padding(3em, 0, (0, 0, 0, 0));
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_footer.scss b/forty/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..aefcb2c
--- /dev/null
+++ b/forty/assets/sass/layout/_footer.scss
@@ -0,0 +1,42 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ .copyright {
+ font-size: 0.8em;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-left: solid 1px _palette(border);
+ color: _palette(fg-light);
+ display: inline-block;
+ line-height: 1;
+ margin-left: 1em;
+ padding-left: 1em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ .copyright {
+ li {
+ display: block;
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ line-height: inherit;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_header.scss b/forty/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..5eb7120
--- /dev/null
+++ b/forty/assets/sass/layout/_header.scss
@@ -0,0 +1,248 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ @include keyframes('reveal-header') {
+ 0% { top: -4em; opacity: 0; }
+ 100% { top: 0; opacity: 1; }
+ }
+
+ #header {
+ @include vendor('display', 'flex');
+ background-color: _palette(bg-alt);
+ box-shadow: 0 0 0.25em 0 rgba(0,0,0,0.15);
+ cursor: default;
+ font-weight: _font(weight-bold);
+ height: 3.25em;
+ left: 0;
+ letter-spacing: _font(letter-spacing-alt);
+ line-height: 3.25em;
+ margin: 0;
+ position: fixed;
+ text-transform: uppercase;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base);
+
+ .logo {
+ border: 0;
+ display: inline-block;
+ font-size: 0.8em;
+ height: inherit;
+ line-height: inherit;
+ padding: 0 1.5em;
+
+ strong {
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out'
+ ));
+ background-color: _palette(fg-bold);
+ color: _palette(bg);
+ display: inline-block;
+ line-height: 1.65em;
+ margin-right: 0.325em;
+ padding: 0 0.125em 0 (_font(letter-spacing-alt) + 0.125em);
+ }
+
+ &:hover {
+ strong {
+ background-color: _palette(highlight);
+ }
+ }
+
+ &:active {
+ strong {
+ background-color: desaturate(darken(_palette(highlight), 15), 5);
+ }
+ }
+ }
+
+ nav {
+ @include vendor('display', 'flex');
+ @include vendor('justify-content', 'flex-end');
+ @include vendor('flex-grow', '1');
+ height: inherit;
+ line-height: inherit;
+
+ a {
+ border: 0;
+ display: block;
+ font-size: 0.8em;
+ height: inherit;
+ line-height: inherit;
+ padding: 0 0.75em;
+ position: relative;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 1.5em;
+ }
+
+ &[href="#menu"] {
+ padding-right: 3.325em !important;
+
+ &:before, &:after {
+ background-image: svg-url('
');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 24px 32px;
+ content: '';
+ display: block;
+ height: 100%;
+ position: absolute;
+ right: 1.5em;
+ top: 0;
+ vertical-align: middle;
+ width: 24px;
+ }
+
+ &:after {
+ @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
+ background-image: svg-url('
');
+ opacity: 0;
+ z-index: 1;
+ }
+
+ &:hover, &:active {
+ &:after {
+ opacity: 1;
+ }
+ }
+
+ &:last-child {
+ padding-right: 3.875em !important;
+
+ &:before, &:after {
+ right: 2em;
+ }
+ }
+ }
+ }
+ }
+
+ &.reveal {
+ @include vendor('animation', 'reveal-header 0.35s ease');
+ }
+
+ &.alt {
+ @include vendor('transition', 'opacity #{_duration(banner)} ease');
+ @include vendor('transition-delay', '0.75s');
+ @include vendor('animation', 'none');
+ background-color: transparent;
+ box-shadow: none;
+ position: absolute;
+
+ &.style1 { .logo { strong { color: _palette(accent1); } } }
+ &.style2 { .logo { strong { color: _palette(accent2); } } }
+ &.style3 { .logo { strong { color: _palette(accent3); } } }
+ &.style4 { .logo { strong { color: _palette(accent4); } } }
+ &.style5 { .logo { strong { color: _palette(accent5); } } }
+ &.style6 { .logo { strong { color: _palette(accent6); } } }
+ }
+
+ body.is-loading & {
+ &.alt {
+ opacity: 0;
+ }
+ }
+
+ @include breakpoint(xlarge) {
+ nav {
+ a {
+ &[href="#menu"] {
+ padding-right: 3.75em !important;
+
+ &:last-child {
+ padding-right: 4.25em !important;
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(large) {
+ nav {
+ a {
+ &[href="#menu"] {
+ padding-right: 4em !important;
+
+ &:last-child {
+ padding-right: 4.5em !important;
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ height: 2.75em;
+ line-height: 2.75em;
+
+ .logo {
+ padding: 0 1em;
+ }
+
+ nav {
+ a {
+ padding: 0 0.5em;
+
+ &:last-child {
+ padding-right: 1em;
+ }
+
+ &[href="#menu"] {
+ padding-right: 3.25em !important;
+
+ &:before, &:after {
+ right: 0.75em;
+ }
+
+ &:last-child {
+ padding-right: 4em !important;
+
+ &:before, &:after {
+ right: 1.5em;
+ }
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ .logo {
+ span {
+ display: none;
+ }
+ }
+
+ nav {
+ a {
+ &[href="#menu"] {
+ overflow: hidden;
+ padding-right: 0 !important;
+ text-indent: 5em;
+ white-space: nowrap;
+ width: 5em;
+
+ &:before, &:after {
+ right: 0;
+ width: inherit;
+ }
+
+ &:last-child {
+ &:before, &:after {
+ width: 4em;
+ right: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_main.scss b/forty/assets/sass/layout/_main.scss
new file mode 100644
index 0000000..f1d7239
--- /dev/null
+++ b/forty/assets/sass/layout/_main.scss
@@ -0,0 +1,26 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Main */
+
+ #main {
+ background-color: _palette(bg-alt);
+
+ > * {
+ border-top: solid 1px _palette(border);
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ @include inner;
+ }
+
+ &.alt {
+ background-color: transparent;
+ border-bottom: solid 1px _palette(border);
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_menu.scss b/forty/assets/sass/layout/_menu.scss
new file mode 100644
index 0000000..e53f21f
--- /dev/null
+++ b/forty/assets/sass/layout/_menu.scss
@@ -0,0 +1,164 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Menu */
+
+ #menu {
+ @include vendor('transition', (
+ 'transform #{_duration(menu)} ease',
+ 'opacity #{_duration(menu)} ease',
+ 'visibility #{_duration(menu)}'
+ ));
+ @include vendor('align-items', 'center');
+ @include vendor('display', 'flex');
+ @include vendor('justify-content', 'center');
+ @include vendor('pointer-events', 'none');
+ background: transparentize(_palette(bg), 0.1);
+ box-shadow: none;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ overflow: hidden;
+ padding: 3em 2em;
+ position: fixed;
+ top: 0;
+ visibility: hidden;
+ width: 100%;
+ z-index: _misc(z-index-base) + 2;
+
+ .inner {
+ @include vendor('transition', (
+ 'transform #{_duration(menu)} ease-out',
+ 'opacity #{_duration(menu)} ease',
+ 'visibility #{_duration(menu)}'
+ ));
+ @include vendor('transform', 'rotateX(20deg)');
+ -webkit-overflow-scrolling: touch;
+ max-width: 100%;
+ max-height: 100vh;
+ opacity: 0;
+ overflow: auto;
+ text-align: center;
+ visibility: hidden;
+ width: 18em;
+
+ > :first-child {
+ margin-top: _size(element-margin);
+ }
+
+ > :last-child {
+ margin-bottom: (_size(element-margin) * 1.5);
+ }
+ }
+
+ ul {
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ &.links {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ padding: 0;
+
+ > a:not(.button) {
+ border: 0;
+ border-top: solid 1px _palette(border);
+ display: block;
+ font-size: 0.8em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(letter-spacing-alt);
+ line-height: 4em;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
+
+ > .button {
+ display: block;
+ margin: 0.5em 0 0 0;
+ }
+
+ &:first-child {
+ > a:not(.button) {
+ border-top: 0 !important;
+ }
+ }
+ }
+ }
+ }
+
+ .close {
+ @include vendor('transition', 'color #{_duration(transition)} ease-in-out');
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ border: 0;
+ cursor: pointer;
+ display: block;
+ height: 4em;
+ line-height: 4em;
+ overflow: hidden;
+ padding-right: 1.25em;
+ position: absolute;
+ right: 0;
+ text-align: right;
+ text-indent: 8em;
+ top: 0;
+ vertical-align: middle;
+ white-space: nowrap;
+ width: 8em;
+
+ &:before, &:after {
+ @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
+ background-position: center;
+ background-repeat: no-repeat;
+ content: '';
+ display: block;
+ height: 4em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 4em;
+ }
+
+ &:before {
+ background-image: svg-url('
');
+ }
+
+ &:after {
+ background-image: svg-url('
');
+ opacity: 0;
+ }
+
+ &:hover, &:active {
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ body.is-ie {
+ #menu {
+ background: transparentize(_palette(bg-alt), 0.025);
+ }
+ }
+
+ body.is-menu-visible {
+ #wrapper {
+ @include vendor('filter', 'blur(0.5em)');
+ }
+
+ #menu {
+ @include vendor('pointer-events', 'auto');
+ opacity: 1;
+ visibility: visible;
+
+ .inner {
+ @include vendor('transform', 'none');
+ opacity: 1;
+ visibility: visible;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/layout/_wrapper.scss b/forty/assets/sass/layout/_wrapper.scss
new file mode 100644
index 0000000..20c3b79
--- /dev/null
+++ b/forty/assets/sass/layout/_wrapper.scss
@@ -0,0 +1,28 @@
+///
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+ #wrapper {
+ @include vendor('transition', (
+ 'filter #{_duration(menu)} ease',
+ '-webkit-filter #{_duration(menu)} ease',
+ 'opacity 0.375s ease-out'
+ ));
+ padding-top: 3.25em;
+
+ &.is-transitioning {
+ opacity: 0;
+ }
+
+ > * {
+ @include inner;
+ }
+
+ @include breakpoint(small) {
+ padding-top: 2.75em;
+ }
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/libs/_functions.scss b/forty/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/forty/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/forty/assets/sass/libs/_mixins.scss b/forty/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/forty/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/forty/assets/sass/libs/_skel.scss b/forty/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/forty/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/forty/assets/sass/libs/_vars.scss b/forty/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..db500e0
--- /dev/null
+++ b/forty/assets/sass/libs/_vars.scss
@@ -0,0 +1,47 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ menu: 0.35s,
+ transition: 0.2s,
+ banner: 2.5s
+ );
+
+// Size.
+ $size: (
+ border-radius: 4px,
+ element-height: 2.75em,
+ element-margin: 2em,
+ inner: 65em
+ );
+
+// Font.
+ $font: (
+ family: ('Source Sans Pro', Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 300,
+ weight-bold: 600,
+ letter-spacing: 0.025em,
+ letter-spacing-alt: 0.25em
+ );
+
+// Palette.
+ $palette: (
+ bg: #242943,
+ bg-alt: #2a2f4a,
+ fg: #ffffff,
+ fg-bold: #ffffff,
+ fg-light: rgba(244,244,255,0.2),
+ border: rgba(212,212,255,0.1),
+ border-bg: rgba(212,212,255,0.035),
+ highlight: #9bf1ff,
+ accent1: #6fc3df,
+ accent2: #8d82c4,
+ accent3: #ec8d81,
+ accent4: #e7b788,
+ accent5: #8ea9e8,
+ accent6: #87c5a4
+ );
\ No newline at end of file
diff --git a/forty/assets/sass/main.scss b/forty/assets/sass/main.scss
new file mode 100644
index 0000000..d45b200
--- /dev/null
+++ b/forty/assets/sass/main.scss
@@ -0,0 +1,78 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic');
+
+/*
+ Forty by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: 2em ),
+ breakpoints: (
+ large: (
+ grid: ( gutters: 1.5em )
+ ),
+ small: (
+ grid: ( gutters: 1.25em )
+ )
+ )
+ ));
+
+ @mixin inner {
+ > .inner {
+ @include padding(4em, 0);
+ margin: 0 auto;
+ max-width: _size(inner);
+ width: calc(100% - 6em);
+
+ @include breakpoint(small) {
+ @include padding(3em, 0);
+ width: calc(100% - 3em);
+ }
+ }
+ }
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/section';
+ @import 'components/form';
+ @import 'components/box';
+ @import 'components/icon';
+ @import 'components/image';
+ @import 'components/list';
+ @import 'components/table';
+ @import 'components/button';
+ @import 'components/tiles';
+ @import 'components/contact-method';
+ @import 'components/spotlights';
+
+// Layout.
+
+ @import 'layout/header';
+ @import 'layout/banner';
+ @import 'layout/main';
+ @import 'layout/contact';
+ @import 'layout/footer';
+ @import 'layout/wrapper';
+ @import 'layout/menu';
\ No newline at end of file
diff --git a/forty/elements.html b/forty/elements.html
new file mode 100644
index 0000000..1b070bf
--- /dev/null
+++ b/forty/elements.html
@@ -0,0 +1,540 @@
+
+
+
+
+
Elements - Forty by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Sample Content
+
Praesent ac adipiscing ullamcorper semper ut amet ac risus. Lorem sapien ut odio odio nunc. Ac adipiscing nibh porttitor erat risus justo adipiscing adipiscing amet placerat accumsan. Vis. Faucibus odio magna tempus adipiscing a non. In mi primis arcu ut non accumsan vivamus ac blandit adipiscing adipiscing arcu metus praesent turpis eu ac lacinia nunc ac commodo gravida adipiscing eget accumsan ac nunc adipiscing adipiscing.
+
+
+
Sem turpis amet semper
+
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat commodo eu sed ante lacinia. Sapien a lorem in integer ornare praesent commodo adipiscing arcu in massa commodo lorem accumsan at odio massa ac ac. Semper adipiscing varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+
+
Magna odio tempus commodo
+
In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor. Ante commodo blandit adipiscing integer semper orci eget. Faucibus commodo adipiscing mi eu nullam accumsan morbi arcu ornare odio mi adipiscing nascetur lacus ac interdum morbi accumsan vis mi accumsan ac praesent.
+
+
+
+
Interdum sapien gravida
+
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+
+
Faucibus consequat lorem
+
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+
+
Accumsan montes viverra
+
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+
+
+
+
+
+
Elements
+
+
+
+
+
Text
+
This is bold and this is strong . This is italic and this is emphasized .
+ This is superscript text and this is subscript text.
+ This is underlined and this is code: for (;;) { ... }.
+ Finally, this is a link .
+
+
Heading Level 2
+
Heading Level 3
+
Heading Level 4
+
+
Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+
+
Lists
+
+
+
+
Unordered
+
+ Dolor etiam magna etiam.
+ Sagittis lorem eleifend.
+ Felis dolore viverra.
+
+
+
Alternate
+
+ Dolor etiam magna etiam.
+ Sagittis lorem eleifend.
+ Felis feugiat viverra.
+
+
+
+
+
+
Ordered
+
+ Dolor etiam magna etiam.
+ Etiam vel lorem sed viverra.
+ Felis dolore viverra.
+ Dolor etiam magna etiam.
+ Etiam vel lorem sed viverra.
+ Felis dolore viverra.
+
+
+
Icons
+
+
+
+
+
+
Definition
+
+ Item1
+
+ Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.
+
+ Item2
+
+ Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.
+
+ Item3
+
+ Lorem ipsum dolor vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent. Lorem ipsum dolor.
+
+
+
+
Actions
+
+
+
+
+
Pagination
+
+
+
+
Blockquote
+
Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis.
+
+
+
Table
+
+
Default
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item1
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item2
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item3
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item4
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item5
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
Alternate
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item1
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item2
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item3
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item4
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item5
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
+
+
+
+
Buttons
+
+
+
+
+
+
+
+
+
+
Form
+
+
+
+
+
Image
+
+
Fit
+
+
+
+
Left & Right
+
+
+
+
+
Box
+
+
Felis sagittis eget tempus primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus. Integer ac pellentesque praesent tincidunt felis sagittis eget. tempus euismod. Magna sed etiam ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan eu faucibus lorem ipsum.
+
+
+
+
Preformatted
+
i = 0;
+
+while (!deck.isInOrder()) {
+ print 'Iteration ' + i;
+ deck.shuffle();
+ i++;
+}
+
+print 'It took ' + i + ' iterations to sort the deck.';
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/forty/generic.html b/forty/generic.html
new file mode 100644
index 0000000..8f8808d
--- /dev/null
+++ b/forty/generic.html
@@ -0,0 +1,141 @@
+
+
+
+
+
Generic - Forty by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.
+
Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/forty/images/banner.jpg b/forty/images/banner.jpg
new file mode 100644
index 0000000..bb4643a
Binary files /dev/null and b/forty/images/banner.jpg differ
diff --git a/forty/images/pic01.jpg b/forty/images/pic01.jpg
new file mode 100644
index 0000000..09d4226
Binary files /dev/null and b/forty/images/pic01.jpg differ
diff --git a/forty/images/pic02.jpg b/forty/images/pic02.jpg
new file mode 100644
index 0000000..fce4f51
Binary files /dev/null and b/forty/images/pic02.jpg differ
diff --git a/forty/images/pic03.jpg b/forty/images/pic03.jpg
new file mode 100644
index 0000000..c7b9b12
Binary files /dev/null and b/forty/images/pic03.jpg differ
diff --git a/forty/images/pic04.jpg b/forty/images/pic04.jpg
new file mode 100644
index 0000000..a7d6edb
Binary files /dev/null and b/forty/images/pic04.jpg differ
diff --git a/forty/images/pic05.jpg b/forty/images/pic05.jpg
new file mode 100644
index 0000000..acc4c6c
Binary files /dev/null and b/forty/images/pic05.jpg differ
diff --git a/forty/images/pic06.jpg b/forty/images/pic06.jpg
new file mode 100644
index 0000000..2a71e40
Binary files /dev/null and b/forty/images/pic06.jpg differ
diff --git a/forty/images/pic07.jpg b/forty/images/pic07.jpg
new file mode 100644
index 0000000..120d076
Binary files /dev/null and b/forty/images/pic07.jpg differ
diff --git a/forty/images/pic08.jpg b/forty/images/pic08.jpg
new file mode 100644
index 0000000..fa51ad1
Binary files /dev/null and b/forty/images/pic08.jpg differ
diff --git a/forty/images/pic09.jpg b/forty/images/pic09.jpg
new file mode 100644
index 0000000..9ac5b30
Binary files /dev/null and b/forty/images/pic09.jpg differ
diff --git a/forty/images/pic10.jpg b/forty/images/pic10.jpg
new file mode 100644
index 0000000..238db69
Binary files /dev/null and b/forty/images/pic10.jpg differ
diff --git a/forty/images/pic11.jpg b/forty/images/pic11.jpg
new file mode 100644
index 0000000..35c899f
Binary files /dev/null and b/forty/images/pic11.jpg differ
diff --git a/forty/index.html b/forty/index.html
new file mode 100644
index 0000000..d280f95
--- /dev/null
+++ b/forty/index.html
@@ -0,0 +1,215 @@
+
+
+
+
+
Forty by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A responsive site template designed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Ipsum dolor sit amet
+
+
+
+
+
+
+
+ feugiat amet tempus
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Ipsum dolor sit amet
+
+
+
+
+
+
+
+ Feugiat amet tempus
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/forty/landing.html b/forty/landing.html
new file mode 100644
index 0000000..3d0ccf2
--- /dev/null
+++ b/forty/landing.html
@@ -0,0 +1,221 @@
+
+
+
+
+
Landing - Forty by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Lorem ipsum dolor sit amet nullam consequat
+
+
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna.
+
+
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.
+
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.
+
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis magna sed nunc rhoncus condimentum sem. In efficitur ligula tate urna. Maecenas massa sed magna lacinia magna pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis tempus.
+
+
+
+
+
+
+
+
+
+
Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet pharetra et feugiat tempus.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fractal/LICENSE.txt b/fractal/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/fractal/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/fractal/README.txt b/fractal/README.txt
new file mode 100644
index 0000000..5cd3f50
--- /dev/null
+++ b/fractal/README.txt
@@ -0,0 +1,33 @@
+Fractal by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+A simple landing page template for showcasing mobile apps (although it'll definitely work
+for other stuff if you get rid of the phone :) Lightweight, fully responsive, and built on
+Skel 3, Sass, and flexbox.
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ CSS3 Pie (css3pie.com)
+ Respond.js (j.mp/respondjs)
+ jquery.scrolly (@ajlkn)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/fractal/assets/css/font-awesome.min.css b/fractal/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/fractal/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/fractal/assets/css/ie8.css b/fractal/assets/css/ie8.css
new file mode 100644
index 0000000..ce2b848
--- /dev/null
+++ b/fractal/assets/css/ie8.css
@@ -0,0 +1,92 @@
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ position: relative;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ border: solid 2px #e6e6e6 !important;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ border: solid 2px #e6e6e6 !important;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ button.special,
+ .button.special {
+ border: none !important;
+ }
+
+ input[type="submit"].special:hover,
+ input[type="reset"].special:hover,
+ input[type="button"].special:hover,
+ button.special:hover,
+ .button.special:hover {
+ border: none !important;
+ }
+
+/* Image */
+
+ .image {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .image img {
+ position: relative;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .image.phone:before, .image.phone:after {
+ display: none;
+ }
+
+ .image.phone .inner:before, .image.phone .inner:after {
+ display: none;
+ }
+
+/* List */
+
+ ul.icons li {
+ padding: 0 0 0 1.5em;
+ }
+
+ ul.icons li:first-child {
+ padding-left: 0 !important;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 24px;
+ }
+
+ ul.icons.major li {
+ padding: 0 0 0 2.5em;
+ }
+
+ ul.icons.major li .icon:before {
+ font-size: 48px;
+ }
+
+/* Header */
+
+ #header {
+ min-height: 0;
+ }
+
+ #header .image {
+ margin: 0 0 2em 0;
+ }
\ No newline at end of file
diff --git a/fractal/assets/css/ie9.css b/fractal/assets/css/ie9.css
new file mode 100644
index 0000000..a743bad
--- /dev/null
+++ b/fractal/assets/css/ie9.css
@@ -0,0 +1,50 @@
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlight */
+
+ .spotlight .image {
+ width: 25%;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .spotlight .content {
+ width: 65%;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .spotlight:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ .spotlight:nth-child(2n) .image {
+ margin: 0 3em 0 0;
+ }
+
+ .spotlight:nth-child(2n) .content {
+ text-align: left;
+ }
+
+/* Header */
+
+ #header {
+ height: auto;
+ text-align: center;
+ }
+
+ #header .content {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ #header .image {
+ display: inline-block;
+ vertical-align: middle;
+ }
\ No newline at end of file
diff --git a/fractal/assets/css/images/overlay.png b/fractal/assets/css/images/overlay.png
new file mode 100644
index 0000000..33b519c
Binary files /dev/null and b/fractal/assets/css/images/overlay.png differ
diff --git a/fractal/assets/css/images/pattern-size1.svg b/fractal/assets/css/images/pattern-size1.svg
new file mode 100644
index 0000000..6f80227
--- /dev/null
+++ b/fractal/assets/css/images/pattern-size1.svg
@@ -0,0 +1,15 @@
+
+
+
\ No newline at end of file
diff --git a/fractal/assets/css/images/pattern-size2.svg b/fractal/assets/css/images/pattern-size2.svg
new file mode 100644
index 0000000..8e7395f
--- /dev/null
+++ b/fractal/assets/css/images/pattern-size2.svg
@@ -0,0 +1,15 @@
+
+
+
\ No newline at end of file
diff --git a/fractal/assets/css/images/pattern-size3.svg b/fractal/assets/css/images/pattern-size3.svg
new file mode 100644
index 0000000..57f0cbf
--- /dev/null
+++ b/fractal/assets/css/images/pattern-size3.svg
@@ -0,0 +1,15 @@
+
+
+
\ No newline at end of file
diff --git a/fractal/assets/css/main.css b/fractal/assets/css/main.css
new file mode 100644
index 0000000..ea810a7
--- /dev/null
+++ b/fractal/assets/css/main.css
@@ -0,0 +1,4151 @@
+@import url(font-awesome.min.css);
+
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0em;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0em;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0em 0 0 0em;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0em 0 -1px 0em;
+ }
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xlarge\29 + *,
+ .\31 1u\24\28xlarge\29 + *,
+ .\31 0u\24\28xlarge\29 + *,
+ .\39 u\24\28xlarge\29 + *,
+ .\38 u\24\28xlarge\29 + *,
+ .\37 u\24\28xlarge\29 + *,
+ .\36 u\24\28xlarge\29 + *,
+ .\35 u\24\28xlarge\29 + *,
+ .\34 u\24\28xlarge\29 + *,
+ .\33 u\24\28xlarge\29 + *,
+ .\32 u\24\28xlarge\29 + *,
+ .\31 u\24\28xlarge\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xlarge\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xlarge\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xlarge\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xlarge\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xlarge\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xlarge\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xlarge\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xlarge\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xlarge\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xlarge\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xlarge\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28large\29, .\31 2u\24\28large\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28large\29, .\31 1u\24\28large\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28large\29, .\31 0u\24\28large\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28large\29, .\39 u\24\28large\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28large\29, .\38 u\24\28large\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28large\29, .\37 u\24\28large\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28large\29, .\36 u\24\28large\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28large\29, .\35 u\24\28large\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28large\29, .\34 u\24\28large\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28large\29, .\33 u\24\28large\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28large\29, .\32 u\24\28large\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28large\29, .\31 u\24\28large\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28large\29 + *,
+ .\31 1u\24\28large\29 + *,
+ .\31 0u\24\28large\29 + *,
+ .\39 u\24\28large\29 + *,
+ .\38 u\24\28large\29 + *,
+ .\37 u\24\28large\29 + *,
+ .\36 u\24\28large\29 + *,
+ .\35 u\24\28large\29 + *,
+ .\34 u\24\28large\29 + *,
+ .\33 u\24\28large\29 + *,
+ .\32 u\24\28large\29 + *,
+ .\31 u\24\28large\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28large\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28large\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28large\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28large\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28large\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28large\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28large\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28large\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28large\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28large\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28large\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28medium\29, .\39 u\24\28medium\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28medium\29, .\38 u\24\28medium\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28medium\29, .\37 u\24\28medium\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28medium\29, .\36 u\24\28medium\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28medium\29, .\35 u\24\28medium\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28medium\29, .\34 u\24\28medium\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28medium\29, .\33 u\24\28medium\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28medium\29, .\32 u\24\28medium\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28medium\29, .\31 u\24\28medium\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28medium\29 + *,
+ .\31 1u\24\28medium\29 + *,
+ .\31 0u\24\28medium\29 + *,
+ .\39 u\24\28medium\29 + *,
+ .\38 u\24\28medium\29 + *,
+ .\37 u\24\28medium\29 + *,
+ .\36 u\24\28medium\29 + *,
+ .\35 u\24\28medium\29 + *,
+ .\34 u\24\28medium\29 + *,
+ .\33 u\24\28medium\29 + *,
+ .\32 u\24\28medium\29 + *,
+ .\31 u\24\28medium\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28medium\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28medium\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28medium\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28medium\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28medium\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28medium\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28medium\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28medium\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28medium\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28medium\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28medium\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28small\29, .\31 2u\24\28small\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28small\29, .\31 1u\24\28small\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28small\29, .\31 0u\24\28small\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28small\29, .\39 u\24\28small\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28small\29, .\38 u\24\28small\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28small\29, .\37 u\24\28small\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28small\29, .\36 u\24\28small\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28small\29, .\35 u\24\28small\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28small\29, .\34 u\24\28small\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28small\29, .\33 u\24\28small\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28small\29, .\32 u\24\28small\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28small\29, .\31 u\24\28small\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28small\29 + *,
+ .\31 1u\24\28small\29 + *,
+ .\31 0u\24\28small\29 + *,
+ .\39 u\24\28small\29 + *,
+ .\38 u\24\28small\29 + *,
+ .\37 u\24\28small\29 + *,
+ .\36 u\24\28small\29 + *,
+ .\35 u\24\28small\29 + *,
+ .\34 u\24\28small\29 + *,
+ .\33 u\24\28small\29 + *,
+ .\32 u\24\28small\29 + *,
+ .\31 u\24\28small\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28small\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28small\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28small\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28small\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28small\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28small\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28small\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28small\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28small\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28small\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28small\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xsmall\29 + *,
+ .\31 1u\24\28xsmall\29 + *,
+ .\31 0u\24\28xsmall\29 + *,
+ .\39 u\24\28xsmall\29 + *,
+ .\38 u\24\28xsmall\29 + *,
+ .\37 u\24\28xsmall\29 + *,
+ .\36 u\24\28xsmall\29 + *,
+ .\35 u\24\28xsmall\29 + *,
+ .\34 u\24\28xsmall\29 + *,
+ .\33 u\24\28xsmall\29 + *,
+ .\32 u\24\28xsmall\29 + *,
+ .\31 u\24\28xsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 360px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xxsmall\29 + *,
+ .\31 1u\24\28xxsmall\29 + *,
+ .\31 0u\24\28xxsmall\29 + *,
+ .\39 u\24\28xxsmall\29 + *,
+ .\38 u\24\28xxsmall\29 + *,
+ .\37 u\24\28xxsmall\29 + *,
+ .\36 u\24\28xxsmall\29 + *,
+ .\35 u\24\28xxsmall\29 + *,
+ .\34 u\24\28xxsmall\29 + *,
+ .\33 u\24\28xxsmall\29 + *,
+ .\32 u\24\28xxsmall\29 + *,
+ .\31 u\24\28xxsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xxsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xxsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xxsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xxsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xxsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xxsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xxsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xxsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xxsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xxsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xxsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ @media screen and (max-width: 360px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+ body {
+ background: #ffffff;
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+/* Type */
+
+ body {
+ color: #999999;
+ }
+
+ html, input, select, textarea {
+ font-size: 16pt;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ html, input, select, textarea {
+ font-size: 13pt;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ html, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 360px) {
+
+ html, input, select, textarea {
+ font-size: 11pt;
+ }
+
+ }
+
+ body, input, select, textarea {
+ font-family: Arial, Helvetica, sans-serif;
+ font-weight: normal;
+ line-height: 1.5em;
+ letter-spacing: -0.015em;
+ }
+
+ a {
+ -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ text-decoration: none;
+ border-bottom: dotted 1px;
+ }
+
+ a:hover {
+ border-bottom-color: transparent !important;
+ }
+
+ strong, b {
+ font-weight: bold;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 2em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: normal;
+ line-height: 1em;
+ margin: 0 0 1em 0;
+ letter-spacing: -0.0125em;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom: none;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
+ display: none;
+ }
+
+ }
+
+ h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.5em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1.2em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left-style: solid;
+ border-left-width: 4px;
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ border-radius: 6px;
+ border-style: solid;
+ border-width: 1px;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ hr {
+ border: 0;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ margin: 2em 0;
+ }
+
+ hr.major {
+ margin: 3em 0;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+ input, select, textarea {
+ color: #999999;
+ }
+
+ a {
+ color: inherit;
+ border-bottom-color: #d6d6d6;
+ }
+
+ a:hover {
+ color: #4696e5;
+ }
+
+ strong, b {
+ color: #828282;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #828282;
+ }
+
+ blockquote {
+ border-left-color: #e6e6e6;
+ }
+
+ code {
+ background: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ hr {
+ border-bottom-color: #e6e6e6;
+ }
+
+/* Box */
+
+ .box {
+ border-radius: 6px;
+ border: solid 1px #e6e6e6;
+ margin-bottom: 2em;
+ padding: 1.5em;
+ }
+
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ border-radius: 6px;
+ border: 0;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: bold;
+ height: 2.85em;
+ line-height: 2.95em;
+ padding: 0 1.75em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ }
+
+ input[type="submit"].icon,
+ input[type="reset"].icon,
+ input[type="button"].icon,
+ button.icon,
+ .button.icon {
+ padding-left: 1.35em;
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.5em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 1em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ cursor: default;
+ opacity: 0.25;
+ }
+
+ @media screen and (max-width: 480px) and (orientation: portrait) {
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ padding: 0;
+ }
+
+ }
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ background-color: transparent;
+ color: #828282 !important;
+ box-shadow: inset 0 0 0 2px #e6e6e6;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active,
+ button:active,
+ .button:active {
+ background-color: rgba(144, 144, 144, 0.15);
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ button.special,
+ .button.special {
+ box-shadow: none;
+ background-color: #4696e5;
+ color: #ffffff !important;
+ }
+
+ input[type="submit"].special:hover,
+ input[type="reset"].special:hover,
+ input[type="button"].special:hover,
+ button.special:hover,
+ .button.special:hover {
+ background-color: #5ca3e8;
+ }
+
+ input[type="submit"].special:active,
+ input[type="reset"].special:active,
+ input[type="button"].special:active,
+ button.special:active,
+ .button.special:active {
+ background-color: #3089e2;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 2em 0;
+ }
+
+ label {
+ display: block;
+ font-size: 0.9em;
+ font-weight: bold;
+ margin: 0 0 1em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ border-radius: 6px;
+ border: none;
+ border-style: solid;
+ border-width: 1px;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ content: '\f078';
+ display: block;
+ height: 2.75em;
+ line-height: 2.75em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 2.75em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: normal;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ border-radius: 6px;
+ border-style: solid;
+ border-width: 1px;
+ content: '';
+ display: inline-block;
+ height: 1.65em;
+ left: 0;
+ line-height: 1.58125em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.65em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ content: '\f00c';
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 6px;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ opacity: 1.0;
+ }
+
+ label {
+ color: #828282;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ color: inherit;
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ .select-wrapper:before {
+ color: #e6e6e6;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ color: #999999;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background-color: #4696e5;
+ border-color: #4696e5;
+ color: #ffffff;
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ :-moz-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ ::-moz-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ :-ms-input-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .formerize-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon {
+ color: #e0e0e0;
+ }
+
+/* Image */
+
+ .image {
+ border-radius: 6px;
+ border: 0;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ }
+
+ .image img {
+ border-radius: 6px;
+ display: block;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ .image.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+ .image.main {
+ display: block;
+ margin: 0 0 3em 0;
+ width: 100%;
+ }
+
+ .image.main img {
+ width: 100%;
+ }
+
+ .image.phone {
+ box-shadow: none;
+ border-radius: 0;
+ margin: 0 0 3em 0;
+ width: 13em;
+ }
+
+ .image.phone img {
+ border-radius: 0;
+ display: block;
+ position: relative;
+ width: 100%;
+ }
+
+ .image.phone .inner, .image.phone:before, .image.phone:after {
+ display: block;
+ border: solid 2px rgba(255, 255, 255, 0.25);
+ }
+
+ .image.phone .inner {
+ position: relative;
+ }
+
+ .image.phone .inner:before, .image.phone .inner:after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ }
+
+ .image.phone .inner:before {
+ top: -1.375em;
+ margin-left: -1em;
+ width: 2em;
+ height: 0.25em;
+ border-radius: 0.5em;
+ background: rgba(255, 255, 255, 0.25);
+ }
+
+ .image.phone .inner:after {
+ bottom: -2.75em;
+ margin-left: -1em;
+ width: 2em;
+ height: 2em;
+ border-radius: 100%;
+ border: solid 2px rgba(255, 255, 255, 0.25);
+ }
+
+ .image.phone:before, .image.phone:after {
+ content: '';
+ }
+
+ .image.phone:before {
+ height: 2.5em;
+ border-radius: 1em 1em 0 0;
+ border-bottom: 0;
+ }
+
+ .image.phone:after {
+ height: 3.5em;
+ border-radius: 0 0 1em 1em;
+ border-top: 0;
+ }
+
+ .image {
+ box-shadow: 0 0 0 4px #ffffff, 0 0 0 5px #e6e6e6;
+ }
+
+ .image.phone {
+ box-shadow: none;
+ }
+
+ .image.phone .inner, .image.phone:before, .image.phone:after {
+ border-color: #e6e6e6;
+ }
+
+ .image.phone .inner:before {
+ background: #e6e6e6;
+ }
+
+ .image.phone .inner:after {
+ border-color: #e6e6e6;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top-style: solid;
+ border-top-width: 1px;
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 1.5em 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0 !important;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 1.75rem;
+ }
+
+ ul.icons.major li {
+ padding: 0 2.5em 0 0;
+ }
+
+ ul.icons.major li .icon:before {
+ font-size: 2.75rem;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ ul.icons.major li {
+ padding: 0 1.25em 0 0;
+ }
+
+ ul.icons.major li .icon:before {
+ font-size: 1.75rem;
+ }
+
+ }
+
+ ul.icons.labeled li {
+ margin: 1em 0;
+ padding: 0 2em 0 0;
+ }
+
+ ul.icons.labeled li .icon:before {
+ vertical-align: middle;
+ font-size: 2.25rem;
+ margin-right: 0.5em;
+ }
+
+ ul.icons.labeled li .icon .label {
+ display: inline-block;
+ vertical-align: middle;
+ color: #999999;
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ ul.icons.labeled {
+ text-align: left;
+ margin-right: auto;
+ margin-left: auto;
+ display: inline-block;
+ white-space: nowrap;
+ }
+
+ ul.icons.labeled li {
+ display: block;
+ padding: 0;
+ margin: 1.5em 0 0 0;
+ }
+
+ ul.icons.labeled li .icon:before {
+ width: 1.5em;
+ display: block;
+ float: left;
+ margin-right: 0;
+ }
+
+ ul.icons.labeled li .icon:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ ul.icons.labeled li:first-child {
+ margin-top: 0;
+ }
+
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.5em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 1em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -1em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 1em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.5em;
+ width: calc(100% + 0.5em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.5em;
+ }
+
+ @media screen and (max-width: 480px) and (orientation: portrait) {
+
+ ul.actions {
+ margin: 0 0 2em 0;
+ }
+
+ ul.actions li {
+ padding: 1em 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+ }
+
+ ul.actions li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions li > * {
+ width: 100%;
+ margin: 0 !important;
+ }
+
+ ul.actions li > *.icon:before {
+ margin-left: -2em;
+ }
+
+ ul.actions.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.small li:first-child {
+ padding-top: 0;
+ }
+
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
+ dl dt {
+ display: block;
+ font-weight: bold;
+ margin: 0 0 1em 0;
+ }
+
+ dl dd {
+ margin-left: 2em;
+ }
+
+ ul.alt > li {
+ border-top-color: #e6e6e6;
+ }
+
+/* Section/Article */
+
+ section.special, article.special {
+ text-align: center;
+ }
+
+ header p {
+ position: relative;
+ margin: 0 0 1.5em 0;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ header p br {
+ display: none;
+ }
+
+ }
+
+ header h2 + p {
+ font-size: 1.25em;
+ margin-top: -0.5em;
+ line-height: 1.5em;
+ }
+
+ header h3 + p {
+ font-size: 1.1em;
+ margin-top: -0.25em;
+ line-height: 1.5em;
+ }
+
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.9em;
+ margin-top: -0.6em;
+ line-height: 1.5em;
+ }
+
+ header.major {
+ margin: 0 0 2.5em 0;
+ text-align: center;
+ }
+
+ header.major:after {
+ content: '';
+ border-bottom: solid 2px #e6e6e6;
+ display: block;
+ width: 4em;
+ margin: 2em auto 0 auto;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ header.major {
+ margin: 0 0 2em 0;
+ }
+
+ header.major p {
+ font-size: 1em;
+ }
+
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ margin: 0 0 2em 0;
+ }
+
+ .spotlight .image {
+ width: 30%;
+ border-radius: 100%;
+ margin: 0 3em 0 0;
+ display: block;
+ }
+
+ .spotlight .image img {
+ display: block;
+ border-radius: 100%;
+ width: 100%;
+ }
+
+ .spotlight .content {
+ width: 70%;
+ }
+
+ .spotlight .content > :last-child {
+ margin-bottom: 0;
+ }
+
+ .spotlight:nth-child(2n) {
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ }
+
+ .spotlight:nth-child(2n) .image {
+ margin: 0 0 0 3em;
+ }
+
+ .spotlight:nth-child(2n) .content {
+ text-align: right;
+ }
+
+ @media screen and (max-width: 736px) and (orientation: landscape) {
+
+ .spotlight .image {
+ margin: 0 2em 0 0;
+ }
+
+ .spotlight:nth-child(2n) .image {
+ margin: 0 0 0 2em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ .spotlight {
+ -moz-flex-direction: column !important;
+ -webkit-flex-direction: column !important;
+ -ms-flex-direction: column !important;
+ flex-direction: column !important;
+ }
+
+ .spotlight .image {
+ width: 100%;
+ max-width: 60%;
+ margin: 0 0 2em 0 !important;
+ }
+
+ .spotlight .content {
+ width: 100%;
+ text-align: center !important;
+ }
+
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border-style: solid;
+ border-width: 1px;
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table td {
+ padding: 0.75em 0.75em;
+ }
+
+ table th {
+ font-size: 0.9em;
+ font-weight: bold;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom-style: solid;
+ border-bottom-width: 2px;
+ }
+
+ table tfoot {
+ border-top-style: solid;
+ border-top-width: 2px;
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border-style: solid;
+ border-width: 1px;
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+ table tbody tr {
+ border-color: #e6e6e6;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ table th {
+ color: #828282;
+ }
+
+ table thead {
+ border-bottom-color: #e6e6e6;
+ }
+
+ table tfoot {
+ border-top-color: #e6e6e6;
+ }
+
+ table.alt tbody tr td {
+ border-color: #e6e6e6;
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ padding: 4.5em 0 2.5em 0 ;
+ background-color: #ffffff;
+ border-bottom: solid 2px #eeeeee;
+ }
+
+ .wrapper > .inner {
+ margin-left: auto;
+ margin-right: auto;
+ width: 50em;
+ }
+
+ .wrapper > .inner.alt > * {
+ border-top: solid 2px #eeeeee;
+ margin-bottom: 0;
+ margin-top: 3em;
+ padding-top: 3em;
+ }
+
+ .wrapper > .inner.alt > *:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ .wrapper.style1 {
+ background-color: #4696e5;
+ color: #d0e4f8;
+ }
+
+ .wrapper.style1 input[type="submit"],
+ .wrapper.style1 input[type="reset"],
+ .wrapper.style1 input[type="button"],
+ .wrapper.style1 button,
+ .wrapper.style1 .button {
+ background-color: transparent;
+ color: #ffffff !important;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 input[type="submit"]:hover,
+ .wrapper.style1 input[type="reset"]:hover,
+ .wrapper.style1 input[type="button"]:hover,
+ .wrapper.style1 button:hover,
+ .wrapper.style1 .button:hover {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ .wrapper.style1 input[type="submit"]:active,
+ .wrapper.style1 input[type="reset"]:active,
+ .wrapper.style1 input[type="button"]:active,
+ .wrapper.style1 button:active,
+ .wrapper.style1 .button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
+
+ .wrapper.style1 input[type="submit"].special,
+ .wrapper.style1 input[type="reset"].special,
+ .wrapper.style1 input[type="button"].special,
+ .wrapper.style1 button.special,
+ .wrapper.style1 .button.special {
+ box-shadow: none;
+ background-color: #ffffff;
+ color: #4696e5 !important;
+ }
+
+ .wrapper.style1 label {
+ color: #ffffff;
+ }
+
+ .wrapper.style1 input[type="text"],
+ .wrapper.style1 input[type="password"],
+ .wrapper.style1 input[type="email"],
+ .wrapper.style1 select,
+ .wrapper.style1 textarea {
+ color: inherit;
+ background-color: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 input[type="text"]:focus,
+ .wrapper.style1 input[type="password"]:focus,
+ .wrapper.style1 input[type="email"]:focus,
+ .wrapper.style1 select:focus,
+ .wrapper.style1 textarea:focus {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ .wrapper.style1 .select-wrapper:before {
+ color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 input[type="checkbox"] + label,
+ .wrapper.style1 input[type="radio"] + label {
+ color: #d0e4f8;
+ }
+
+ .wrapper.style1 input[type="checkbox"] + label:before,
+ .wrapper.style1 input[type="radio"] + label:before {
+ background-color: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 input[type="checkbox"]:checked + label:before,
+ .wrapper.style1 input[type="radio"]:checked + label:before {
+ background-color: #ffffff;
+ border-color: #ffffff;
+ color: #4696e5;
+ }
+
+ .wrapper.style1 input[type="checkbox"]:focus + label:before,
+ .wrapper.style1 input[type="radio"]:focus + label:before {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ .wrapper.style1 ::-webkit-input-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ .wrapper.style1 :-moz-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ .wrapper.style1 ::-moz-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ .wrapper.style1 :-ms-input-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ .wrapper.style1 .formerize-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ .wrapper.style1 .icon {
+ color: #b5d5f4;
+ }
+
+ .wrapper.style1 .image {
+ box-shadow: 0 0 0 4px #4696e5, 0 0 0 5px rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 .image.phone {
+ box-shadow: none;
+ }
+
+ .wrapper.style1 .image.phone .inner, .wrapper.style1 .image.phone:before, .wrapper.style1 .image.phone:after {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 .image.phone .inner:before {
+ background: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 .image.phone .inner:after {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 ul.alt > li {
+ border-top-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 table tbody tr {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ .wrapper.style1 table th {
+ color: #ffffff;
+ }
+
+ .wrapper.style1 table thead {
+ border-bottom-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 table tfoot {
+ border-top-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 table.alt tbody tr td {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
+ color: #d0e4f8;
+ }
+
+ .wrapper.style1 a {
+ color: inherit;
+ border-bottom-color: rgba(255, 255, 255, 0.5);
+ color: #ffffff;
+ }
+
+ .wrapper.style1 strong, .wrapper.style1 b {
+ color: #ffffff;
+ }
+
+ .wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
+ color: #ffffff;
+ }
+
+ .wrapper.style1 blockquote {
+ border-left-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style1 hr {
+ border-bottom-color: rgba(255, 255, 255, 0.25);
+ }
+
+ .wrapper.style2 {
+ background-color: #fbfbfb;
+ color: #999999;
+ }
+
+ .wrapper.style2 input[type="submit"],
+ .wrapper.style2 input[type="reset"],
+ .wrapper.style2 input[type="button"],
+ .wrapper.style2 button,
+ .wrapper.style2 .button {
+ background-color: transparent;
+ color: #828282 !important;
+ box-shadow: inset 0 0 0 2px #e6e6e6;
+ }
+
+ .wrapper.style2 input[type="submit"]:hover,
+ .wrapper.style2 input[type="reset"]:hover,
+ .wrapper.style2 input[type="button"]:hover,
+ .wrapper.style2 button:hover,
+ .wrapper.style2 .button:hover {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ .wrapper.style2 input[type="submit"]:active,
+ .wrapper.style2 input[type="reset"]:active,
+ .wrapper.style2 input[type="button"]:active,
+ .wrapper.style2 button:active,
+ .wrapper.style2 .button:active {
+ background-color: rgba(144, 144, 144, 0.15);
+ }
+
+ .wrapper.style2 input[type="submit"].special,
+ .wrapper.style2 input[type="reset"].special,
+ .wrapper.style2 input[type="button"].special,
+ .wrapper.style2 button.special,
+ .wrapper.style2 .button.special {
+ box-shadow: none;
+ background-color: #4696e5;
+ color: #ffffff !important;
+ }
+
+ .wrapper.style2 input[type="submit"].special:hover,
+ .wrapper.style2 input[type="reset"].special:hover,
+ .wrapper.style2 input[type="button"].special:hover,
+ .wrapper.style2 button.special:hover,
+ .wrapper.style2 .button.special:hover {
+ background-color: #5ca3e8;
+ }
+
+ .wrapper.style2 input[type="submit"].special:active,
+ .wrapper.style2 input[type="reset"].special:active,
+ .wrapper.style2 input[type="button"].special:active,
+ .wrapper.style2 button.special:active,
+ .wrapper.style2 .button.special:active {
+ background-color: #3089e2;
+ }
+
+ .wrapper.style2 label {
+ color: #828282;
+ }
+
+ .wrapper.style2 input[type="text"],
+ .wrapper.style2 input[type="password"],
+ .wrapper.style2 input[type="email"],
+ .wrapper.style2 select,
+ .wrapper.style2 textarea {
+ color: inherit;
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 input[type="text"]:focus,
+ .wrapper.style2 input[type="password"]:focus,
+ .wrapper.style2 input[type="email"]:focus,
+ .wrapper.style2 select:focus,
+ .wrapper.style2 textarea:focus {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ .wrapper.style2 .select-wrapper:before {
+ color: #e6e6e6;
+ }
+
+ .wrapper.style2 input[type="checkbox"] + label,
+ .wrapper.style2 input[type="radio"] + label {
+ color: #999999;
+ }
+
+ .wrapper.style2 input[type="checkbox"] + label:before,
+ .wrapper.style2 input[type="radio"] + label:before {
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 input[type="checkbox"]:checked + label:before,
+ .wrapper.style2 input[type="radio"]:checked + label:before {
+ background-color: #4696e5;
+ border-color: #4696e5;
+ color: #ffffff;
+ }
+
+ .wrapper.style2 input[type="checkbox"]:focus + label:before,
+ .wrapper.style2 input[type="radio"]:focus + label:before {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ .wrapper.style2 ::-webkit-input-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .wrapper.style2 :-moz-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .wrapper.style2 ::-moz-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .wrapper.style2 :-ms-input-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .wrapper.style2 .formerize-placeholder {
+ color: #e0e0e0 !important;
+ }
+
+ .wrapper.style2 .icon {
+ color: #e0e0e0;
+ }
+
+ .wrapper.style2 .image {
+ box-shadow: 0 0 0 4px #fbfbfb, 0 0 0 5px #e6e6e6;
+ }
+
+ .wrapper.style2 .image.phone {
+ box-shadow: none;
+ }
+
+ .wrapper.style2 .image.phone .inner, .wrapper.style2 .image.phone:before, .wrapper.style2 .image.phone:after {
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 .image.phone .inner:before {
+ background: #e6e6e6;
+ }
+
+ .wrapper.style2 .image.phone .inner:after {
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 ul.alt > li {
+ border-top-color: #e6e6e6;
+ }
+
+ .wrapper.style2 table tbody tr {
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ .wrapper.style2 table th {
+ color: #828282;
+ }
+
+ .wrapper.style2 table thead {
+ border-bottom-color: #e6e6e6;
+ }
+
+ .wrapper.style2 table tfoot {
+ border-top-color: #e6e6e6;
+ }
+
+ .wrapper.style2 table.alt tbody tr td {
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
+ color: #999999;
+ }
+
+ .wrapper.style2 a {
+ color: inherit;
+ border-bottom-color: #d6d6d6;
+ }
+
+ .wrapper.style2 a:hover {
+ color: #4696e5;
+ }
+
+ .wrapper.style2 strong, .wrapper.style2 b {
+ color: #828282;
+ }
+
+ .wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
+ color: #828282;
+ }
+
+ .wrapper.style2 blockquote {
+ border-left-color: #e6e6e6;
+ }
+
+ .wrapper.style2 code {
+ background: rgba(144, 144, 144, 0.075);
+ border-color: #e6e6e6;
+ }
+
+ .wrapper.style2 hr {
+ border-bottom-color: #e6e6e6;
+ }
+
+ .wrapper.style3 {
+ background-color: #f7f7f7;
+ color: #999999;
+ }
+
+ .wrapper.style3 input[type="submit"],
+ .wrapper.style3 input[type="reset"],
+ .wrapper.style3 input[type="button"],
+ .wrapper.style3 button,
+ .wrapper.style3 .button {
+ background-color: transparent;
+ color: #828282 !important;
+ box-shadow: inset 0 0 0 2px #d6d6d6;
+ }
+
+ .wrapper.style3 input[type="submit"]:hover,
+ .wrapper.style3 input[type="reset"]:hover,
+ .wrapper.style3 input[type="button"]:hover,
+ .wrapper.style3 button:hover,
+ .wrapper.style3 .button:hover {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ .wrapper.style3 input[type="submit"]:active,
+ .wrapper.style3 input[type="reset"]:active,
+ .wrapper.style3 input[type="button"]:active,
+ .wrapper.style3 button:active,
+ .wrapper.style3 .button:active {
+ background-color: rgba(144, 144, 144, 0.15);
+ }
+
+ .wrapper.style3 input[type="submit"].special,
+ .wrapper.style3 input[type="reset"].special,
+ .wrapper.style3 input[type="button"].special,
+ .wrapper.style3 button.special,
+ .wrapper.style3 .button.special {
+ box-shadow: none;
+ background-color: #4696e5;
+ color: #ffffff !important;
+ }
+
+ .wrapper.style3 input[type="submit"].special:hover,
+ .wrapper.style3 input[type="reset"].special:hover,
+ .wrapper.style3 input[type="button"].special:hover,
+ .wrapper.style3 button.special:hover,
+ .wrapper.style3 .button.special:hover {
+ background-color: #5ca3e8;
+ }
+
+ .wrapper.style3 input[type="submit"].special:active,
+ .wrapper.style3 input[type="reset"].special:active,
+ .wrapper.style3 input[type="button"].special:active,
+ .wrapper.style3 button.special:active,
+ .wrapper.style3 .button.special:active {
+ background-color: #3089e2;
+ }
+
+ .wrapper.style3 label {
+ color: #828282;
+ }
+
+ .wrapper.style3 input[type="text"],
+ .wrapper.style3 input[type="password"],
+ .wrapper.style3 input[type="email"],
+ .wrapper.style3 select,
+ .wrapper.style3 textarea {
+ color: inherit;
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 input[type="text"]:focus,
+ .wrapper.style3 input[type="password"]:focus,
+ .wrapper.style3 input[type="email"]:focus,
+ .wrapper.style3 select:focus,
+ .wrapper.style3 textarea:focus {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ .wrapper.style3 .select-wrapper:before {
+ color: #d6d6d6;
+ }
+
+ .wrapper.style3 input[type="checkbox"] + label,
+ .wrapper.style3 input[type="radio"] + label {
+ color: #999999;
+ }
+
+ .wrapper.style3 input[type="checkbox"] + label:before,
+ .wrapper.style3 input[type="radio"] + label:before {
+ background-color: rgba(144, 144, 144, 0.075);
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 input[type="checkbox"]:checked + label:before,
+ .wrapper.style3 input[type="radio"]:checked + label:before {
+ background-color: #4696e5;
+ border-color: #4696e5;
+ color: #ffffff;
+ }
+
+ .wrapper.style3 input[type="checkbox"]:focus + label:before,
+ .wrapper.style3 input[type="radio"]:focus + label:before {
+ border-color: #4696e5;
+ box-shadow: 0 0 0 1px #4696e5;
+ }
+
+ .wrapper.style3 ::-webkit-input-placeholder {
+ color: #b0b0b0 !important;
+ }
+
+ .wrapper.style3 :-moz-placeholder {
+ color: #b0b0b0 !important;
+ }
+
+ .wrapper.style3 ::-moz-placeholder {
+ color: #b0b0b0 !important;
+ }
+
+ .wrapper.style3 :-ms-input-placeholder {
+ color: #b0b0b0 !important;
+ }
+
+ .wrapper.style3 .formerize-placeholder {
+ color: #b0b0b0 !important;
+ }
+
+ .wrapper.style3 .icon {
+ color: #b0b0b0;
+ }
+
+ .wrapper.style3 .image {
+ box-shadow: 0 0 0 4px #f7f7f7, 0 0 0 5px #d6d6d6;
+ }
+
+ .wrapper.style3 .image.phone {
+ box-shadow: none;
+ }
+
+ .wrapper.style3 .image.phone .inner, .wrapper.style3 .image.phone:before, .wrapper.style3 .image.phone:after {
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 .image.phone .inner:before {
+ background: #d6d6d6;
+ }
+
+ .wrapper.style3 .image.phone .inner:after {
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 ul.alt > li {
+ border-top-color: #d6d6d6;
+ }
+
+ .wrapper.style3 table tbody tr {
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ .wrapper.style3 table th {
+ color: #828282;
+ }
+
+ .wrapper.style3 table thead {
+ border-bottom-color: #d6d6d6;
+ }
+
+ .wrapper.style3 table tfoot {
+ border-top-color: #d6d6d6;
+ }
+
+ .wrapper.style3 table.alt tbody tr td {
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {
+ color: #999999;
+ }
+
+ .wrapper.style3 a {
+ color: inherit;
+ border-bottom-color: #c6c6c6;
+ }
+
+ .wrapper.style3 a:hover {
+ color: #4696e5;
+ }
+
+ .wrapper.style3 strong, .wrapper.style3 b {
+ color: #828282;
+ }
+
+ .wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
+ color: #828282;
+ }
+
+ .wrapper.style3 blockquote {
+ border-left-color: #d6d6d6;
+ }
+
+ .wrapper.style3 code {
+ background: rgba(144, 144, 144, 0.075);
+ border-color: #d6d6d6;
+ }
+
+ .wrapper.style3 hr {
+ border-bottom-color: #d6d6d6;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .wrapper {
+ padding: 4em 4em 2em 4em ;
+ }
+
+ .wrapper > .inner {
+ width: 100%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: landscape) {
+
+ .wrapper {
+ padding: 3em 3em 1em 3em ;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ .wrapper {
+ padding: 3em 1.5em 1em 1.5em ;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) and (orientation: landscape) {
+
+ .wrapper {
+ padding: 2em 1.5em 0.1em 1.5em ;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) and (orientation: portrait) {
+
+ .wrapper {
+ padding: 2em 1em 0.1em 1em ;
+ }
+
+ }
+
+/* Header */
+
+ #header {
+ background-color: #4696e5;
+ color: #d0e4f8;
+ padding: 4.5em 0 2.5em 0 ;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ background-image: url("images/overlay.png"), url("images/pattern-size1.svg");
+ background-position: top left, center center;
+ background-attachment: fixed, fixed;
+ background-size: auto, cover;
+ height: 100vh;
+ min-height: 35em;
+ }
+
+ #header input[type="submit"],
+ #header input[type="reset"],
+ #header input[type="button"],
+ #header button,
+ #header .button {
+ background-color: transparent;
+ color: #ffffff !important;
+ box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
+ }
+
+ #header input[type="submit"]:hover,
+ #header input[type="reset"]:hover,
+ #header input[type="button"]:hover,
+ #header button:hover,
+ #header .button:hover {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ #header input[type="submit"]:active,
+ #header input[type="reset"]:active,
+ #header input[type="button"]:active,
+ #header button:active,
+ #header .button:active {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
+
+ #header input[type="submit"].special,
+ #header input[type="reset"].special,
+ #header input[type="button"].special,
+ #header button.special,
+ #header .button.special {
+ box-shadow: none;
+ background-color: #ffffff;
+ color: #4696e5 !important;
+ }
+
+ #header label {
+ color: #ffffff;
+ }
+
+ #header input[type="text"],
+ #header input[type="password"],
+ #header input[type="email"],
+ #header select,
+ #header textarea {
+ color: inherit;
+ background-color: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header input[type="text"]:focus,
+ #header input[type="password"]:focus,
+ #header input[type="email"]:focus,
+ #header select:focus,
+ #header textarea:focus {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ #header .select-wrapper:before {
+ color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header input[type="checkbox"] + label,
+ #header input[type="radio"] + label {
+ color: #d0e4f8;
+ }
+
+ #header input[type="checkbox"] + label:before,
+ #header input[type="radio"] + label:before {
+ background-color: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header input[type="checkbox"]:checked + label:before,
+ #header input[type="radio"]:checked + label:before {
+ background-color: #ffffff;
+ border-color: #ffffff;
+ color: #4696e5;
+ }
+
+ #header input[type="checkbox"]:focus + label:before,
+ #header input[type="radio"]:focus + label:before {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ #header ::-webkit-input-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ #header :-moz-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ #header ::-moz-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ #header :-ms-input-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ #header .formerize-placeholder {
+ color: #b5d5f4 !important;
+ }
+
+ #header .icon {
+ color: #b5d5f4;
+ }
+
+ #header .image {
+ box-shadow: 0 0 0 4px #4696e5, 0 0 0 5px rgba(255, 255, 255, 0.25);
+ }
+
+ #header .image.phone {
+ box-shadow: none;
+ }
+
+ #header .image.phone .inner, #header .image.phone:before, #header .image.phone:after {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header .image.phone .inner:before {
+ background: rgba(255, 255, 255, 0.25);
+ }
+
+ #header .image.phone .inner:after {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header ul.alt > li {
+ border-top-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header table tbody tr {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ #header table th {
+ color: #ffffff;
+ }
+
+ #header table thead {
+ border-bottom-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header table tfoot {
+ border-top-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header table.alt tbody tr td {
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header input, #header select, #header textarea {
+ color: #d0e4f8;
+ }
+
+ #header a {
+ color: inherit;
+ border-bottom-color: rgba(255, 255, 255, 0.5);
+ color: #ffffff;
+ }
+
+ #header strong, #header b {
+ color: #ffffff;
+ }
+
+ #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
+ color: #ffffff;
+ }
+
+ #header blockquote {
+ border-left-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header code {
+ background: rgba(255, 255, 255, 0.075);
+ border-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header hr {
+ border-bottom-color: rgba(255, 255, 255, 0.25);
+ }
+
+ #header h1 {
+ font-size: 3.25em;
+ font-weight: bold;
+ margin-bottom: 0.5em;
+ }
+
+ #header p {
+ font-size: 1.5em;
+ line-height: 1.35em;
+ }
+
+ #header p br {
+ display: inline;
+ }
+
+ #header .content {
+ -moz-transition: opacity 0.5s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 0.5s ease, -ms-transform 1s ease;
+ transition: opacity 0.5s ease, transform 1s ease;
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ opacity: 1;
+ text-align: right;
+ margin: -3.5em 4em 0 0;
+ }
+
+ #header .content > :last-child {
+ margin-bottom: 0;
+ }
+
+ #header .image {
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ opacity: 1;
+ }
+
+ #header .image img {
+ -moz-transition: opacity 0.75s ease;
+ -webkit-transition: opacity 0.75s ease;
+ -ms-transition: opacity 0.75s ease;
+ transition: opacity 0.75s ease;
+ -moz-transition-delay: 0.75s;
+ -webkit-transition-delay: 0.75s;
+ -ms-transition-delay: 0.75s;
+ transition-delay: 0.75s;
+ opacity: 1;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #header {
+ background-image: url("images/overlay.png"), url("images/pattern-size2.svg");
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #header {
+ height: auto;
+ min-height: 0;
+ }
+
+ #header .content {
+ margin: -2em 4em 0 0;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) and (orientation: portrait) {
+
+ #header {
+ padding: 6em 3em 4em 3em ;
+ -moz-flex-direction: column-reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ }
+
+ #header .content {
+ display: block;
+ width: 100%;
+ text-align: center;
+ margin: 0 0 2em 0;
+ }
+
+ #header .image {
+ overflow: hidden;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #header {
+ background-image: url("images/overlay.png"), url("images/pattern-size3.svg");
+ }
+
+ #header h1 {
+ font-size: 2em;
+ }
+
+ #header p {
+ font-size: 1em;
+ line-height: inherit;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: landscape) {
+
+ #header {
+ padding: 2em 2em 0.1em 2em ;
+ }
+
+ #header .content {
+ margin: 0 2em 2em 0;
+ }
+
+ #header .image {
+ font-size: 0.8em;
+ width: 15em;
+ max-width: 20vw;
+ }
+
+ #header .image .inner, #header .image:before, #header .image:after {
+ font-size: 0.8em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ #header {
+ padding: 3em 1.5em 1em 1.5em ;
+ }
+
+ #header .image {
+ font-size: 0.6em;
+ max-width: 60vw;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) and (orientation: landscape) {
+
+ #header {
+ padding: 2em 1.5em 0.1em 1.5em ;
+ }
+
+ #header .image {
+ font-size: 0.7em;
+ }
+
+ #header .actions {
+ font-size: 0.8em;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) and (orientation: portrait) {
+
+ #header {
+ padding: 2em 1em 0.1em 1em ;
+ }
+
+ }
+
+ body.is-mobile #header {
+ background-attachment: scroll, scroll;
+ }
+
+ body.is-loading #header .content {
+ -moz-transform: translateX(2em);
+ -webkit-transform: translateX(2em);
+ -ms-transform: translateX(2em);
+ transform: translateX(2em);
+ opacity: 0;
+ }
+
+ body.is-loading #header .image {
+ -moz-transform: translateY(4em);
+ -webkit-transform: translateY(4em);
+ -ms-transform: translateY(4em);
+ transform: translateY(4em);
+ opacity: 0;
+ }
+
+ body.is-loading #header .image img {
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 980px) and (orientation: portrait) {
+
+ body.is-loading #header .content {
+ -moz-transform: none;
+ -webkit-transform: none;
+ -ms-transform: none;
+ transform: none;
+ opacity: 1;
+ }
+
+ body.is-loading #header .image {
+ -moz-transform: translateY(2em);
+ -webkit-transform: translateY(2em);
+ -ms-transform: translateY(2em);
+ transform: translateY(2em);
+ }
+
+ }
+
+/* Main */
+
+ #main {
+ padding: 4em 0 2em 0 ;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #main {
+ padding: 3em 0 1em 0 ;
+ }
+
+ }
+
+/* Footer */
+
+ #footer {
+ background-color: #f7f7f7;
+ color: #999999;
+ padding: 4.5em 0 2.5em 0 ;
+ color: #b0b0b0;
+ text-align: center;
+ }
+
+ #footer input, #footer select, #footer textarea {
+ color: #999999;
+ }
+
+ #footer a {
+ color: inherit;
+ border-bottom-color: #c6c6c6;
+ }
+
+ #footer a:hover {
+ color: #4696e5;
+ }
+
+ #footer strong, #footer b {
+ color: #828282;
+ }
+
+ #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
+ color: #828282;
+ }
+
+ #footer blockquote {
+ border-left-color: #d6d6d6;
+ }
+
+ #footer code {
+ background: rgba(144, 144, 144, 0.075);
+ border-color: #d6d6d6;
+ }
+
+ #footer hr {
+ border-bottom-color: #d6d6d6;
+ }
+
+ #footer a {
+ color: inherit;
+ }
+
+ #footer .copyright {
+ font-size: 0.8em;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #footer {
+ padding: 4em 4em 2em 4em ;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: landscape) {
+
+ #footer {
+ padding: 3em 3em 1em 3em ;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) and (orientation: portrait) {
+
+ #footer {
+ padding: 3em 1.5em 1em 1.5em ;
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/fonts/FontAwesome.otf b/fractal/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/fractal/assets/fonts/FontAwesome.otf differ
diff --git a/fractal/assets/fonts/fontawesome-webfont.eot b/fractal/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/fractal/assets/fonts/fontawesome-webfont.eot differ
diff --git a/fractal/assets/fonts/fontawesome-webfont.svg b/fractal/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/fractal/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/fractal/assets/fonts/fontawesome-webfont.ttf b/fractal/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/fractal/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/fractal/assets/fonts/fontawesome-webfont.woff b/fractal/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/fractal/assets/fonts/fontawesome-webfont.woff differ
diff --git a/fractal/assets/fonts/fontawesome-webfont.woff2 b/fractal/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/fractal/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/fractal/assets/js/ie/PIE.htc b/fractal/assets/js/ie/PIE.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/fractal/assets/js/ie/PIE.htc
@@ -0,0 +1,96 @@
+
+
+
+
diff --git a/fractal/assets/js/ie/html5shiv.js b/fractal/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/fractal/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/fractal/assets/js/jquery.scrolly.min.js b/fractal/assets/js/jquery.scrolly.min.js
new file mode 100644
index 0000000..947194e
--- /dev/null
+++ b/fractal/assets/js/jquery.scrolly.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
+(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o
=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;er["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/fractal/assets/js/util.js b/fractal/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/fractal/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/fractal/assets/sass/base/_page.scss b/fractal/assets/sass/base/_page.scss
new file mode 100644
index 0000000..54646c7
--- /dev/null
+++ b/fractal/assets/sass/base/_page.scss
@@ -0,0 +1,42 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ // MSIE: Prevents scrollbar from overlapping content.
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xxsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ body {
+ background: _palette(bg);
+
+ // Prevents animation/transition "flicker" on page load.
+ // Automatically added/removed by js/main.js.
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/base/_typography.scss b/fractal/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..fd819c2
--- /dev/null
+++ b/fractal/assets/sass/base/_typography.scss
@@ -0,0 +1,244 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ html, body {
+ background: _palette(bg-alt);
+ }
+
+ body {
+ color: _palette(fg);
+ }
+
+ html, input, select, textarea {
+ font-size: 16pt;
+
+ // XLarge.
+ @include breakpoint(xlarge) {
+ font-size: 13pt;
+ }
+
+ // Large.
+ @include breakpoint(large) {
+ font-size: 12pt;
+ }
+
+ // XXSmall.
+ @include breakpoint(xxsmall) {
+ font-size: 11pt;
+ }
+
+ }
+
+ body, input, select, textarea {
+ font-family: _font(family);
+ font-weight: _font(weight);
+ line-height: 1.5em;
+ letter-spacing: -0.015em;
+ }
+
+ a {
+ @include vendor('transition', ('color #{_duration(transition)} ease-in-out', 'border-bottom-color #{_duration(transition)} ease-in-out'));
+ text-decoration: none;
+ border-bottom: dotted 1px;
+
+ &:hover {
+ border-bottom-color: transparent !important;
+ }
+ }
+
+ strong, b {
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: _font(weight);
+ line-height: 1em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ letter-spacing: -0.0125em;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom: none;
+ }
+
+ // Medium.
+ @include breakpoint(medium) {
+ br {
+ display: none;
+ }
+ }
+
+ }
+
+ h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.5em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ // Small.
+ @include breakpoint(small) {
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1.2em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left-style: solid;
+ border-left-width: (_size(border-width) * 4);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ border-radius: _size(border-radius);
+ border-style: solid;
+ border-width: _size(border-width);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom-style: solid;
+ border-bottom-width: _size(border-width);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+ @mixin color-typography($p: null) {
+ @if $p != null {
+ background-color: _palette($p, bg);
+ color: _palette($p, fg);
+ }
+
+ input, select, textarea {
+ color: _palette($p, fg);
+ }
+
+ a {
+ color: inherit;
+ border-bottom-color: _palette($p, border2);
+
+ @if _palette($p, invert) == true {
+ color: _palette($p, fg-bold);
+ }
+ @else {
+ &:hover {
+ color: _palette(accent1, bg);
+ }
+ }
+ }
+
+ strong, b {
+ color: _palette($p, fg-bold);
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette($p, fg-bold);
+ }
+
+ blockquote {
+ border-left-color: _palette($p, border);
+ }
+
+ code {
+ background: _palette($p, border-bg);
+ border-color: _palette($p, border);
+ }
+
+ hr {
+ border-bottom-color: _palette($p, border);
+ }
+ }
+
+ @include color-typography;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_box.scss b/fractal/assets/sass/components/_box.scss
new file mode 100644
index 0000000..43fe867
--- /dev/null
+++ b/fractal/assets/sass/components/_box.scss
@@ -0,0 +1,30 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Box */
+
+ .box {
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_button.scss b/fractal/assets/sass/components/_button.scss
new file mode 100644
index 0000000..9d46954
--- /dev/null
+++ b/fractal/assets/sass/components/_button.scss
@@ -0,0 +1,120 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out, color #{_duration(transition)} ease-in-out');
+ border-radius: _size(border-radius);
+ border: 0;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: _font(weight-bold);
+ height: 2.85em;
+ line-height: 2.95em;
+ padding: 0 1.75em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &.icon {
+ padding-left: 1.35em;
+
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.big {
+ font-size: 1.35em;
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ cursor: default;
+ opacity: 0.25;
+ }
+
+ // XSmall.
+ @include breakpoint(xsmall) {
+
+ // Portrait.
+ @include orientation(portrait) {
+ padding: 0;
+ }
+
+ }
+
+ }
+
+ @mixin color-button($p: null) {
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ background-color: transparent;
+ color: _palette($p, fg-bold) !important;
+ box-shadow: inset 0 0 0 (_size(border-width) * 2) _palette($p, border);
+
+ &:hover {
+ background-color: _palette($p, border-bg);
+ }
+
+ &:active {
+ background-color: _palette($p, border2-bg);
+ }
+
+ &.special {
+ box-shadow: none;
+
+ @if _palette($p, invert) == true {
+ background-color: _palette($p, fg-bold);
+ color: _palette($p, bg) !important;
+
+ &:hover {
+ }
+
+ &:active {
+ }
+ }
+ @else {
+ background-color: _palette(accent1, bg);
+ color: _palette(accent1, fg-bold) !important;
+
+ &:hover {
+ background-color: lighten(_palette(accent1, bg), 5);
+ }
+
+ &:active {
+ background-color: darken(_palette(accent1, bg), 5);
+ }
+ }
+ }
+ }
+ }
+
+ @include color-button;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_form.scss b/fractal/assets/sass/components/_form.scss
new file mode 100644
index 0000000..65999e4
--- /dev/null
+++ b/fractal/assets/sass/components/_form.scss
@@ -0,0 +1,252 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ label {
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ border-radius: _size(border-radius);
+ border: none;
+ border-style: solid;
+ border-width: _size(border-width);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ border-radius: _size(border-radius);
+ border-style: solid;
+ border-width: _size(border-width);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ content: '\f00c';
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ opacity: 1.0;
+ }
+
+ @mixin color-form($p: null) {
+
+ label {
+ color: _palette($p, fg-bold);
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ color: inherit;
+ background-color: _palette($p, border-bg);
+ border-color: _palette($p, border);
+
+ &:focus {
+ @if _palette($p, invert) == true {
+ border-color: _palette($p, fg-bold);
+ box-shadow: 0 0 0 _size(border-width) _palette($p, fg-bold);
+ }
+ @else {
+ border-color: _palette(accent1, bg);
+ box-shadow: 0 0 0 _size(border-width) _palette(accent1, bg);
+ }
+ }
+ }
+
+ .select-wrapper:before {
+ color: _palette($p, border);
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+
+ & + label {
+ color: _palette($p, fg);
+
+ &:before {
+ background-color: _palette($p, border-bg);
+ border-color: _palette($p, border);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ @if _palette($p, invert) == true {
+ background-color: _palette($p, fg-bold);
+ border-color: _palette($p, fg-bold);
+ color: _palette($p, bg);
+ }
+ @else {
+ background-color: _palette(accent1, bg);
+ border-color: _palette(accent1, bg);
+ color: _palette(accent1, fg-bold);
+ }
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ @if _palette($p, invert) == true {
+ border-color: _palette($p, fg-bold);
+ box-shadow: 0 0 0 _size(border-width) _palette($p, fg-bold);
+ }
+ @else {
+ border-color: _palette(accent1, bg);
+ box-shadow: 0 0 0 _size(border-width) _palette(accent1, bg);
+ }
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ :-moz-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ ::-moz-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+
+ .formerize-placeholder {
+ color: _palette($p, fg-light) !important;
+ }
+ }
+
+ @include color-form;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_icon.scss b/fractal/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..bf751e3
--- /dev/null
+++ b/fractal/assets/sass/components/_icon.scss
@@ -0,0 +1,29 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+ }
+
+ @mixin color-icon($p: null) {
+ .icon {
+ color: _palette($p, fg-light);
+ }
+ }
+
+ @include color-icon;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_image.scss b/fractal/assets/sass/components/_image.scss
new file mode 100644
index 0000000..756fff1
--- /dev/null
+++ b/fractal/assets/sass/components/_image.scss
@@ -0,0 +1,154 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+ .image {
+ border-radius: _size(border-radius);
+ border: 0;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+
+ img {
+ border-radius: _size(border-radius);
+ display: block;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.main {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 1.5) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.phone {
+ box-shadow: none;
+ border-radius: 0;
+ margin: 0 0 (_size(element-margin) * 1.5) 0;
+ width: 13em;
+
+ img {
+ border-radius: 0;
+ display: block;
+ position: relative;
+ width: 100%;
+ }
+
+ .inner, &:before, &:after {
+ display: block;
+ border: solid (_size(border-width) * 2) _palette(accent1, border);
+ }
+
+ .inner {
+ position: relative;
+
+ &:before, &:after {
+ content: '';
+ position: absolute;
+ left: 50%;
+ }
+
+ &:before {
+ top: -1.375em;
+ margin-left: -1em;
+ width: 2em;
+ height: 0.25em;
+ border-radius: 0.5em;
+ background: _palette(accent1, border);
+ }
+
+ &:after {
+ bottom: -2.75em;
+ margin-left: -1em;
+ width: 2em;
+ height: 2em;
+ border-radius: 100%;
+ border: solid (_size(border-width) * 2) _palette(accent1, border);
+ }
+ }
+
+ &:before, &:after {
+ content: '';
+ }
+
+ &:before {
+ height: 2.5em;
+ border-radius: 1em 1em 0 0;
+ border-bottom: 0;
+ }
+
+ &:after {
+ height: 3.5em;
+ border-radius: 0 0 1em 1em;
+ border-top: 0;
+ }
+ }
+ }
+
+ @mixin color-image($p: null) {
+ .image {
+ box-shadow: 0 0 0 4px _palette($p, bg), 0 0 0 5px _palette($p, border);
+
+ &.phone {
+ box-shadow: none;
+
+ .inner, &:before, &:after {
+ border-color: _palette($p, border);
+ }
+
+ .inner {
+ &:before {
+ background: _palette($p, border);
+ }
+
+ &:after {
+ border-color: _palette($p, border);
+ }
+ }
+ }
+ }
+ }
+
+ @include color-image;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_list.scss b/fractal/assets/sass/components/_list.scss
new file mode 100644
index 0000000..9d0b091
--- /dev/null
+++ b/fractal/assets/sass/components/_list.scss
@@ -0,0 +1,297 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top-style: solid;
+ border-top-width: _size(border-width);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1.5em 0 0;
+
+ &:last-child {
+ padding-right: 0 !important;
+ }
+
+ .icon {
+ &:before {
+ font-size: 1.75rem;
+ }
+ }
+ }
+
+ &.major {
+ li {
+ padding: 0 2.5em 0 0;
+
+ .icon {
+ &:before {
+ font-size: 2.75rem;
+ }
+ }
+ }
+
+ // Small.
+ @include breakpoint(small) {
+ li {
+ padding: 0 1.25em 0 0;
+
+ .icon {
+ &:before {
+ font-size: 1.75rem;
+ }
+ }
+ }
+ }
+
+ }
+
+ &.labeled {
+ li {
+ margin: 1em 0;
+ padding: 0 2em 0 0;
+
+ .icon {
+ &:before {
+ vertical-align: middle;
+ font-size: 2.25rem;
+ margin-right: 0.5em;
+ }
+
+ .label {
+ display: inline-block;
+ vertical-align: middle;
+ color: _palette(fg);
+ }
+ }
+ }
+
+ // Small.
+ @include breakpoint(small) {
+
+ // Portrait.
+ @include orientation(portrait) {
+ text-align: left;
+ margin-right: auto;
+ margin-left: auto;
+ display: inline-block;
+ white-space: nowrap;
+
+ li {
+ display: block;
+ padding: 0;
+ margin: 1.5em 0 0 0;
+
+ .icon {
+ &:before {
+ width: 1.5em;
+ display: block;
+ float: left;
+ margin-right: 0;
+ }
+
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+ }
+
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ }
+
+ }
+
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.25) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+
+ // XSmall.
+ @include breakpoint(xsmall) {
+
+ // Portrait.
+ @include orientation(portrait) {
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ width: 100%;
+ margin: 0 !important;
+
+ &.icon {
+ &:before {
+ margin-left: -2em;
+ }
+ }
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ }
+
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
+
+ @mixin color-list($p: null) {
+ ul {
+ &.alt {
+ > li {
+ border-top-color: _palette($p, border);
+ }
+ }
+ }
+ }
+
+ @include color-list;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_section.scss b/fractal/assets/sass/components/_section.scss
new file mode 100644
index 0000000..76ce245
--- /dev/null
+++ b/fractal/assets/sass/components/_section.scss
@@ -0,0 +1,75 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ position: relative;
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+
+ // Small.
+ @include breakpoint(small) {
+ br {
+ display: none;
+ }
+ }
+
+ }
+
+ h2 + p {
+ font-size: 1.25em;
+ margin-top: (_size(element-margin) * -0.25);
+ line-height: 1.5em;
+ }
+
+ h3 + p {
+ font-size: 1.1em;
+ margin-top: (_size(element-margin) * -0.125);
+ line-height: 1.5em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ margin-top: (_size(element-margin) * -0.3);
+ line-height: 1.5em;
+ }
+
+ &.major {
+ margin: 0 0 (_size(element-margin) * 1.25) 0;
+ text-align: center;
+
+ &:after {
+ content: '';
+ border-bottom: solid (_size(border-width) * 2) _palette(border);
+ display: block;
+ width: 4em;
+ margin: _size(element-margin) auto 0 auto;
+ }
+
+ // Small.
+ @include breakpoint(small) {
+ margin: 0 0 _size(element-margin) 0;
+
+ p {
+ font-size: 1em;
+ }
+ }
+
+ }
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_spotlight.scss b/fractal/assets/sass/components/_spotlight.scss
new file mode 100644
index 0000000..6465bb7
--- /dev/null
+++ b/fractal/assets/sass/components/_spotlight.scss
@@ -0,0 +1,85 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Spotlight */
+
+ .spotlight {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'center');
+ margin: 0 0 _size(element-margin) 0;
+
+ .image {
+ width: 30%;
+ border-radius: 100%;
+ margin: 0 (_size(element-margin) * 1.5) 0 0;
+ display: block;
+
+ img {
+ display: block;
+ border-radius: 100%;
+ width: 100%;
+ }
+ }
+
+ .content {
+ width: 70%;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ &:nth-child(2n) {
+ @include vendor('flex-direction', 'row-reverse');
+
+ .image {
+ margin: 0 0 0 (_size(element-margin) * 1.5);
+ }
+
+ .content {
+ text-align: right;
+ }
+ }
+
+ // Small.
+ @include breakpoint(small) {
+
+ // Landscape.
+ @include orientation(landscape) {
+ .image {
+ margin: 0 _size(element-margin) 0 0;
+ }
+
+ &:nth-child(2n) {
+ .image {
+ margin: 0 0 0 _size(element-margin);
+ }
+ }
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include vendor('flex-direction', 'column !important');
+
+ .image {
+ width: 100%;
+ max-width: 60%;
+ margin: 0 0 _size(element-margin) 0 !important;
+ }
+
+ .content {
+ width: 100%;
+ text-align: center !important;
+ }
+ }
+
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_table.scss b/fractal/assets/sass/components/_table.scss
new file mode 100644
index 0000000..4bec1d8
--- /dev/null
+++ b/fractal/assets/sass/components/_table.scss
@@ -0,0 +1,124 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border-style: solid;
+ border-width: _size(border-width);
+ border-left: 0;
+ border-right: 0;
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom-style: solid;
+ border-bottom-width: (_size(border-width) * 2);
+ }
+
+ tfoot {
+ border-top-style: solid;
+ border-top-width: (_size(border-width) * 2);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border-style: solid;
+ border-width: _size(border-width);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: _size(border-width);
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: _size(border-width);
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
+
+ @mixin color-table($p: null) {
+ table {
+
+ tbody {
+ tr {
+ border-color: _palette($p, border);
+
+ &:nth-child(2n + 1) {
+ background-color: _palette($p, border-bg);
+ }
+ }
+ }
+
+ th {
+ color: _palette($p, fg-bold);
+ }
+
+ thead {
+ border-bottom-color: _palette($p, border);
+ }
+
+ tfoot {
+ border-top-color: _palette($p, border);
+ }
+
+ &.alt {
+
+ tbody {
+ tr {
+ td {
+ border-color: _palette($p, border);
+ }
+ }
+ }
+ }
+ }
+ }
+
+ @include color-table;
\ No newline at end of file
diff --git a/fractal/assets/sass/components/_wrapper.scss b/fractal/assets/sass/components/_wrapper.scss
new file mode 100644
index 0000000..6c95652
--- /dev/null
+++ b/fractal/assets/sass/components/_wrapper.scss
@@ -0,0 +1,90 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+ .wrapper {
+ @include padding(4.5em, 0);
+ background-color: _palette(bg);
+ border-bottom: solid (_size(border-width) * 2) lighten(_palette(border), 3);
+
+ > .inner {
+ margin-left: auto;
+ margin-right: auto;
+ width: 50em;
+
+ &.alt {
+ > * {
+ border-top: solid (_size(border-width) * 2) lighten(_palette(border), 3);
+ margin-bottom: 0;
+ margin-top: 3em;
+ padding-top: 3em;
+
+ &:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.style1 {
+ @include color(accent1);
+ }
+
+ &.style2 {
+ @include color(accent2);
+ }
+
+ &.style3 {
+ @include color(accent3);
+ }
+
+ // Medium.
+ @include breakpoint(medium) {
+ @include padding(4em, 4em);
+
+ > .inner {
+ width: 100%;
+ }
+ }
+
+ // Small.
+ @include breakpoint(small) {
+
+ // Landscape.
+ @include orientation(landscape) {
+ @include padding(3em, 3em);
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(3em, 1.5em);
+ }
+
+ }
+
+ // XSmall.
+ @include breakpoint(xsmall) {
+
+ // Landscape.
+ @include orientation(landscape) {
+ @include padding(2em, 1.5em);
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(2em, 1em);
+ }
+
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/ie8.scss b/fractal/assets/sass/ie8.scss
new file mode 100644
index 0000000..594de5b
--- /dev/null
+++ b/fractal/assets/sass/ie8.scss
@@ -0,0 +1,99 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ border: solid (_size(border-width) * 2) _palette(border) !important;
+
+ &:hover {
+ border: solid (_size(border-width) * 2) _palette(border) !important;
+ }
+
+ &.special {
+ border: none !important;
+
+ &:hover {
+ border: none !important;
+ }
+ }
+ }
+
+/* Image */
+
+ .image {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ img {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+
+ &.phone {
+ &:before, &:after {
+ display: none;
+ }
+
+ .inner {
+ &:before, &:after {
+ display: none;
+ }
+ }
+ }
+ }
+
+/* List */
+
+ ul {
+ &.icons {
+ li {
+ padding: 0 0 0 1.5em;
+
+ &:first-child {
+ padding-left: 0 !important;
+ }
+
+ .icon {
+ &:before {
+ font-size: 24px;
+ }
+ }
+ }
+
+ &.major {
+ li {
+ padding: 0 0 0 2.5em;
+
+ .icon {
+ &:before {
+ font-size: 48px;
+ }
+ }
+ }
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ min-height: 0;
+
+ .image {
+ margin: 0 0 (_size(element-margin)) 0;
+ }
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/ie9.scss b/fractal/assets/sass/ie9.scss
new file mode 100644
index 0000000..e02f919
--- /dev/null
+++ b/fractal/assets/sass/ie9.scss
@@ -0,0 +1,59 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Spotlight */
+
+ .spotlight {
+ .image {
+ width: 25%;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .content {
+ width: 65%;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ &:nth-child(2n) {
+ .image {
+ margin: 0 (_size(element-margin) * 1.5) 0 0;
+ }
+
+ .content {
+ text-align: left;
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ height: auto;
+ text-align: center;
+
+ .content {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .image {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/layout/_footer.scss b/fractal/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..0ca97cb
--- /dev/null
+++ b/fractal/assets/sass/layout/_footer.scss
@@ -0,0 +1,47 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ @include color-typography(accent3);
+ @include padding(4.5em, 0);
+ color: _palette(accent3, fg-light);
+ text-align: center;
+
+ a {
+ color: inherit;
+ }
+
+ .copyright {
+ font-size: 0.8em;
+ }
+
+ // Medium.
+ @include breakpoint(medium) {
+ @include padding(4em, 4em);
+ }
+
+ // Small.
+ @include breakpoint(small) {
+
+ // Landscape.
+ @include orientation(landscape) {
+ @include padding(3em, 3em);
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(3em, 1.5em);
+ }
+
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/layout/_header.scss b/fractal/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..786d875
--- /dev/null
+++ b/fractal/assets/sass/layout/_header.scss
@@ -0,0 +1,205 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ #header {
+ @include color(accent1);
+ @include padding(4.5em, 0);
+ @include vendor('align-items', 'center');
+ @include vendor('display', 'flex');
+ @include vendor('justify-content', 'center');
+ background-image: url('images/overlay.png'), url('images/pattern-size1.svg');
+ background-position: top left, center center;
+ background-attachment: fixed, fixed;
+ background-size: auto, cover;
+ height: 100vh;
+ min-height: 35em;
+
+ h1 {
+ font-size: 3.25em;
+ font-weight: _font(weight-bold);
+ margin-bottom: _size(element-margin) * 0.25;
+ }
+
+ p {
+ font-size: 1.5em;
+ line-height: 1.35em;
+
+ br {
+ display: inline;
+ }
+ }
+
+ .content {
+ @include vendor('transition', ('opacity 0.5s ease', 'transform 1s ease'));
+ @include vendor('transform', 'translateX(0)');
+ opacity: 1;
+ text-align: right;
+ margin: (_size(element-margin) * -1.75) (_size(element-margin) * 2) 0 0;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .image {
+ @include vendor('transition', ('opacity 1s ease', 'transform 1s ease'));
+ @include vendor('transform', 'translateY(0)');
+ opacity: 1;
+
+ img {
+ @include vendor('transition', 'opacity 0.75s ease');
+ @include vendor('transition-delay', '0.75s');
+ opacity: 1;
+ }
+ }
+
+ // Large.
+ @include breakpoint(large) {
+ background-image: url('images/overlay.png'), url('images/pattern-size2.svg');
+ }
+
+ // Medium.
+ @include breakpoint(medium) {
+ height: auto;
+ min-height: 0;
+
+ .content {
+ margin: (_size(element-margin) * -1) (_size(element-margin) * 2) 0 0;
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(6em, 3em);
+ @include vendor('flex-direction', 'column-reverse');
+
+ .content {
+ display: block;
+ width: 100%;
+ text-align: center;
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ .image {
+ overflow: hidden;
+ }
+ }
+
+ }
+
+ // Small.
+ @include breakpoint(small) {
+ background-image: url('images/overlay.png'), url('images/pattern-size3.svg');
+
+ h1 {
+ font-size: 2em;
+ }
+
+ p {
+ font-size: 1em;
+ line-height: inherit;
+ }
+
+ // Landscape.
+ @include orientation(landscape) {
+ @include padding(2em, 2em);
+
+ .content {
+ margin: 0 _size(element-margin) _size(element-margin) 0;
+ }
+
+ .image {
+ font-size: 0.8em;
+ width: 15em;
+ max-width: 20vw;
+
+ .inner, &:before, &:after {
+ font-size: 0.8em;
+ }
+ }
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(3em, 1.5em);
+
+ .image {
+ font-size: 0.6em;
+ max-width: 60vw;
+ }
+ }
+
+ }
+
+ // XSmall.
+ @include breakpoint(xsmall) {
+
+ // Landscape.
+ @include orientation(landscape) {
+ @include padding(2em, 1.5em);
+
+ .image {
+ font-size: 0.7em;
+ }
+
+ .actions {
+ font-size: 0.8em;
+ }
+ }
+
+ // Portrait.
+ @include orientation(portrait) {
+ @include padding(2em, 1em);
+ }
+
+ }
+
+ // Mobile.
+ body.is-mobile & {
+ background-attachment: scroll, scroll;
+ }
+
+ // Loading.
+ body.is-loading & {
+ .content {
+ @include vendor('transform', 'translateX(2em)');
+ opacity: 0;
+ }
+
+ .image {
+ @include vendor('transform', 'translateY(4em)');
+ opacity: 0;
+
+ img {
+ opacity: 0;
+ }
+ }
+
+ // Medium.
+ @include breakpoint(medium) {
+
+ // Portrait.
+ @include orientation(portrait) {
+ .content {
+ @include vendor('transform', 'none');
+ opacity: 1;
+ }
+
+ .image {
+ @include vendor('transform', 'translateY(2em)');
+ }
+ }
+
+ }
+
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/layout/_main.scss b/fractal/assets/sass/layout/_main.scss
new file mode 100644
index 0000000..cc1e1c0
--- /dev/null
+++ b/fractal/assets/sass/layout/_main.scss
@@ -0,0 +1,21 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Fractal by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Main */
+
+ #main {
+ @include padding(4em, 0);
+
+ // Small.
+ @include breakpoint(small) {
+ @include padding(3em, 0);
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/libs/_functions.scss b/fractal/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/fractal/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/fractal/assets/sass/libs/_mixins.scss b/fractal/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/fractal/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/fractal/assets/sass/libs/_skel.scss b/fractal/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/fractal/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/fractal/assets/sass/libs/_vars.scss b/fractal/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..743c804
--- /dev/null
+++ b/fractal/assets/sass/libs/_vars.scss
@@ -0,0 +1,72 @@
+// Misc.
+ $misc: (
+ );
+
+// Duration.
+ $duration: (
+ transition: 0.2s
+ );
+
+// Size.
+ $size: (
+ border-radius: 6px,
+ border-width: 1px,
+ element-height: 2.75em,
+ element-margin: 2em
+ );
+
+// Font.
+ $font: (
+ family: (Arial, Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: normal,
+ weight-bold: bold
+ );
+
+// Palette.
+ $palette: (
+ bg: #ffffff,
+ fg: #999999,
+ fg-bold: #828282,
+ fg-light: #e0e0e0,
+ border: #e6e6e6,
+ border-bg: rgba(144,144,144,0.075),
+ border2: #d6d6d6,
+ border2-bg: rgba(144,144,144,0.15),
+
+ accent1: (
+ bg: #4696e5,
+ fg: mix(#4696e5, #ffffff, 25%),
+ fg-bold: #ffffff,
+ fg-light: mix(#4696e5, #ffffff, 40%),
+ border: rgba(255,255,255,0.25),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(255,255,255,0.5),
+ border2-bg: rgba(255,255,255,0.2),
+ invert: true
+ ),
+
+ accent2: (
+ bg: #fbfbfb,
+ fg: #999999,
+ fg-bold: #828282,
+ fg-light: #e0e0e0,
+ border: #e6e6e6,
+ border-bg: rgba(144,144,144,0.075),
+ border2: #d6d6d6,
+ border2-bg: rgba(144,144,144,0.15),
+ invert: false
+ ),
+
+ accent3: (
+ bg: #f7f7f7,
+ fg: #999999,
+ fg-bold: #828282,
+ fg-light: #b0b0b0,
+ border: #d6d6d6,
+ border-bg: rgba(144,144,144,0.075),
+ border2: #c6c6c6,
+ border2-bg: rgba(144,144,144,0.15),
+ invert: false
+ )
+ );
\ No newline at end of file
diff --git a/fractal/assets/sass/main.scss b/fractal/assets/sass/main.scss
new file mode 100644
index 0000000..f76da8b
--- /dev/null
+++ b/fractal/assets/sass/main.scss
@@ -0,0 +1,60 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+
+/*
+ Fractal by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: (gutters: 1.5em)
+ ));
+
+ @mixin color($p: null) {
+ @include color-button($p);
+ @include color-form($p);
+ @include color-icon($p);
+ @include color-image($p);
+ @include color-list($p);
+ @include color-table($p);
+ @include color-typography($p);
+ }
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/box';
+ @import 'components/button';
+ @import 'components/form';
+ @import 'components/icon';
+ @import 'components/image';
+ @import 'components/list';
+ @import 'components/section';
+ @import 'components/spotlight';
+ @import 'components/table';
+ @import 'components/wrapper';
+
+// Layout.
+
+ @import 'layout/header';
+ @import 'layout/main';
+ @import 'layout/footer';
\ No newline at end of file
diff --git a/fractal/images/pic01.jpg b/fractal/images/pic01.jpg
new file mode 100644
index 0000000..2fc20c4
Binary files /dev/null and b/fractal/images/pic01.jpg differ
diff --git a/fractal/images/pic02.jpg b/fractal/images/pic02.jpg
new file mode 100644
index 0000000..2fb6333
Binary files /dev/null and b/fractal/images/pic02.jpg differ
diff --git a/fractal/images/pic03.jpg b/fractal/images/pic03.jpg
new file mode 100644
index 0000000..44755df
Binary files /dev/null and b/fractal/images/pic03.jpg differ
diff --git a/fractal/images/pic04.jpg b/fractal/images/pic04.jpg
new file mode 100644
index 0000000..7963205
Binary files /dev/null and b/fractal/images/pic04.jpg differ
diff --git a/fractal/images/pic05.jpg b/fractal/images/pic05.jpg
new file mode 100644
index 0000000..2e2f1df
Binary files /dev/null and b/fractal/images/pic05.jpg differ
diff --git a/fractal/images/screen.jpg b/fractal/images/screen.jpg
new file mode 100644
index 0000000..2f40189
Binary files /dev/null and b/fractal/images/screen.jpg differ
diff --git a/fractal/index.html b/fractal/index.html
new file mode 100644
index 0000000..4bd12ef
--- /dev/null
+++ b/fractal/index.html
@@ -0,0 +1,435 @@
+
+
+
+
+
Fractal by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Sed ipsum magna lorem tempus amet
+
+
+ Shoot Process Upload
+
+
+
+
+
+
+
+
+
Magna sed ultrices
+
Morbi mattis ornare ornare. Duis quam turpis, gravida at leo elementum elit fusce accumsan dui libero, quis vehicula lectus ultricies eu. In convallis amet leo non sapien iaculis efficitur consequat lorem ipsum.
+
+
+
+
+
Ultrices nullam aliquam
+
Morbi mattis ornare ornare. Duis quam turpis, gravida at leo elementum elit fusce accumsan dui libero, quis vehicula lectus ultricies eu. In convallis amet leo non sapien iaculis efficitur consequat lorem ipsum.
+
+
+
+
+
Aliquam sed magna
+
Morbi mattis ornare ornare. Duis quam turpis, gravida at leo elementum elit fusce accumsan dui libero, quis vehicula lectus ultricies eu. In convallis amet leo non sapien iaculis efficitur consequat lorem ipsum.
+
+
+
+ Ipsum lorem accumsan Sed vehicula elementum Elit fusce consequat Lorem nullam tempus Adipiscing amet sapien
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/future-imperfect/LICENSE.txt b/future-imperfect/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/future-imperfect/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/future-imperfect/README.txt b/future-imperfect/README.txt
new file mode 100644
index 0000000..0c9e7d8
--- /dev/null
+++ b/future-imperfect/README.txt
@@ -0,0 +1,34 @@
+Future Imperfect by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+It's been a long time coming, but I've finally gotten around to creating a brand new
+blog-style template (and the first since Striped, which came out waaaaay back in 2013).
+Anyway, Future Imperfect features a clean, expansive layout, a toggleable search box,
+and -- because pretty much all modern browsers can use it now -- a whole lot of flexbox
+action. Enjoy it :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ Misc. Sass functions (@HugoGiraudel)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/future-imperfect/assets/css/font-awesome.min.css b/future-imperfect/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/future-imperfect/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/future-imperfect/assets/css/ie8.css b/future-imperfect/assets/css/ie8.css
new file mode 100644
index 0000000..d1ad339
--- /dev/null
+++ b/future-imperfect/assets/css/ie8.css
@@ -0,0 +1,72 @@
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ border: solid 1px #dedede;
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ border: solid 1px #dedede;
+ }
+
+/* Post */
+
+ .post {
+ border: solid 1px #dedede;
+ }
+
+ .post > header {
+ border-bottom: solid 1px #dedede;
+ }
+
+/* Mini Post */
+
+ .mini-post {
+ border: solid 1px #dedede;
+ }
+
+/* Header */
+
+ #header {
+ border-bottom: solid 1px #dedede;
+ }
+
+ #header .links {
+ border-left: solid 1px #dedede;
+ }
+
+ #header .main ul li {
+ border-left: solid 1px #dedede;
+ }
+
+/* Sidebar */
+
+ #sidebar > * {
+ border-top: solid 1px #dedede;
+ }
+
+/* Menu */
+
+ #menu {
+ border-left: solid 1px #dedede;
+ }
+
+ #menu > * {
+ border-top: solid 1px #dedede;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/css/ie9.css b/future-imperfect/assets/css/ie9.css
new file mode 100644
index 0000000..1776b41
--- /dev/null
+++ b/future-imperfect/assets/css/ie9.css
@@ -0,0 +1,123 @@
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* List */
+
+ ul.posts article:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ ul.posts article .image {
+ display: table-cell;
+ vertical-align: top;
+ }
+
+ ul.posts article header {
+ display: table-cell;
+ padding-right: 1em;
+ vertical-align: top;
+ }
+
+/* Author */
+
+ .author .name {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .author img {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+/* Post */
+
+ .post:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .post > header:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .post > header .title {
+ display: table-cell;
+ vertical-align: top;
+ width: 65%;
+ }
+
+ .post > header .meta {
+ display: table-cell;
+ vertical-align: top;
+ width: 30%;
+ }
+
+ .post > footer:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .post > footer .actions {
+ display: inline-block;
+ }
+
+ .post > footer .stats {
+ display: inline-block;
+ margin-left: 2em;
+ }
+
+/* Mini Post */
+
+ .mini-post .image {
+ display: block;
+ }
+
+/* Header */
+
+ #header:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ #header h1 {
+ float: left;
+ }
+
+ #header .links {
+ float: left;
+ }
+
+ #header .main {
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+
+/* Wrapper */
+
+/* Sidebar */
+
+ #sidebar {
+ display: table-cell;
+ margin-right: 0;
+ padding-right: 3em;
+ vertical-align: top;
+ }
+
+/* Main */
+
+ #main {
+ display: table-cell;
+ vertical-align: top;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/css/main.css b/future-imperfect/assets/css/main.css
new file mode 100644
index 0000000..a96c058
--- /dev/null
+++ b/future-imperfect/assets/css/main.css
@@ -0,0 +1,3444 @@
+@import url(font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900");
+
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0em;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0em;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0em 0 0 0em;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0em 0 -1px 0em;
+ }
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xlarge\29 + *,
+ .\31 1u\24\28xlarge\29 + *,
+ .\31 0u\24\28xlarge\29 + *,
+ .\39 u\24\28xlarge\29 + *,
+ .\38 u\24\28xlarge\29 + *,
+ .\37 u\24\28xlarge\29 + *,
+ .\36 u\24\28xlarge\29 + *,
+ .\35 u\24\28xlarge\29 + *,
+ .\34 u\24\28xlarge\29 + *,
+ .\33 u\24\28xlarge\29 + *,
+ .\32 u\24\28xlarge\29 + *,
+ .\31 u\24\28xlarge\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xlarge\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xlarge\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xlarge\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xlarge\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xlarge\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xlarge\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xlarge\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xlarge\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xlarge\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xlarge\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xlarge\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28large\29, .\31 2u\24\28large\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28large\29, .\31 1u\24\28large\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28large\29, .\31 0u\24\28large\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28large\29, .\39 u\24\28large\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28large\29, .\38 u\24\28large\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28large\29, .\37 u\24\28large\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28large\29, .\36 u\24\28large\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28large\29, .\35 u\24\28large\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28large\29, .\34 u\24\28large\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28large\29, .\33 u\24\28large\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28large\29, .\32 u\24\28large\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28large\29, .\31 u\24\28large\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28large\29 + *,
+ .\31 1u\24\28large\29 + *,
+ .\31 0u\24\28large\29 + *,
+ .\39 u\24\28large\29 + *,
+ .\38 u\24\28large\29 + *,
+ .\37 u\24\28large\29 + *,
+ .\36 u\24\28large\29 + *,
+ .\35 u\24\28large\29 + *,
+ .\34 u\24\28large\29 + *,
+ .\33 u\24\28large\29 + *,
+ .\32 u\24\28large\29 + *,
+ .\31 u\24\28large\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28large\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28large\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28large\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28large\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28large\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28large\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28large\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28large\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28large\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28large\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28large\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28medium\29, .\39 u\24\28medium\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28medium\29, .\38 u\24\28medium\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28medium\29, .\37 u\24\28medium\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28medium\29, .\36 u\24\28medium\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28medium\29, .\35 u\24\28medium\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28medium\29, .\34 u\24\28medium\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28medium\29, .\33 u\24\28medium\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28medium\29, .\32 u\24\28medium\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28medium\29, .\31 u\24\28medium\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28medium\29 + *,
+ .\31 1u\24\28medium\29 + *,
+ .\31 0u\24\28medium\29 + *,
+ .\39 u\24\28medium\29 + *,
+ .\38 u\24\28medium\29 + *,
+ .\37 u\24\28medium\29 + *,
+ .\36 u\24\28medium\29 + *,
+ .\35 u\24\28medium\29 + *,
+ .\34 u\24\28medium\29 + *,
+ .\33 u\24\28medium\29 + *,
+ .\32 u\24\28medium\29 + *,
+ .\31 u\24\28medium\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28medium\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28medium\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28medium\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28medium\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28medium\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28medium\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28medium\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28medium\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28medium\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28medium\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28medium\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28small\29, .\31 2u\24\28small\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28small\29, .\31 1u\24\28small\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28small\29, .\31 0u\24\28small\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28small\29, .\39 u\24\28small\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28small\29, .\38 u\24\28small\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28small\29, .\37 u\24\28small\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28small\29, .\36 u\24\28small\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28small\29, .\35 u\24\28small\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28small\29, .\34 u\24\28small\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28small\29, .\33 u\24\28small\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28small\29, .\32 u\24\28small\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28small\29, .\31 u\24\28small\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28small\29 + *,
+ .\31 1u\24\28small\29 + *,
+ .\31 0u\24\28small\29 + *,
+ .\39 u\24\28small\29 + *,
+ .\38 u\24\28small\29 + *,
+ .\37 u\24\28small\29 + *,
+ .\36 u\24\28small\29 + *,
+ .\35 u\24\28small\29 + *,
+ .\34 u\24\28small\29 + *,
+ .\33 u\24\28small\29 + *,
+ .\32 u\24\28small\29 + *,
+ .\31 u\24\28small\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28small\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28small\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28small\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28small\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28small\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28small\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28small\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28small\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28small\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28small\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28small\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xsmall\29 + *,
+ .\31 1u\24\28xsmall\29 + *,
+ .\31 0u\24\28xsmall\29 + *,
+ .\39 u\24\28xsmall\29 + *,
+ .\38 u\24\28xsmall\29 + *,
+ .\37 u\24\28xsmall\29 + *,
+ .\36 u\24\28xsmall\29 + *,
+ .\35 u\24\28xsmall\29 + *,
+ .\34 u\24\28xsmall\29 + *,
+ .\33 u\24\28xsmall\29 + *,
+ .\32 u\24\28xsmall\29 + *,
+ .\31 u\24\28xsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+ body {
+ background: #f4f4f4;
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+/* Type */
+
+ body, input, select, textarea {
+ color: #646464;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 14pt;
+ font-weight: 400;
+ line-height: 1.75;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ a {
+ -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
+ color: inherit;
+ text-decoration: none;
+ }
+
+ a:before {
+ -moz-transition: color 0.2s ease;
+ -webkit-transition: color 0.2s ease;
+ -ms-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+ }
+
+ a:hover {
+ border-bottom-color: transparent;
+ color: #2ebaae !important;
+ }
+
+ a:hover:before {
+ color: #2ebaae !important;
+ }
+
+ strong, b {
+ color: #3c3b3b;
+ font-weight: 700;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 2em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #3c3b3b;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-weight: 800;
+ letter-spacing: 0.25em;
+ line-height: 1.65;
+ margin: 0 0 1em 0;
+ text-transform: uppercase;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ border-bottom: 0;
+ }
+
+ h2 {
+ font-size: 1.1em;
+ }
+
+ h3 {
+ font-size: 0.9em;
+ }
+
+ h4 {
+ font-size: 0.7em;
+ }
+
+ h5 {
+ font-size: 0.7em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid 4px rgba(160, 160, 160, 0.3);
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ background: rgba(160, 160, 160, 0.075);
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+ margin: 2em 0;
+ }
+
+ hr.major {
+ margin: 3em 0;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Author */
+
+ .author {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-justify-content: -moz-flex-end;
+ -webkit-justify-content: -webkit-flex-end;
+ -ms-justify-content: -ms-flex-end;
+ justify-content: flex-end;
+ border-bottom: 0;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ .author .name {
+ -moz-transition: border-bottom-color 0.2s ease;
+ -webkit-transition: border-bottom-color 0.2s ease;
+ -ms-transition: border-bottom-color 0.2s ease;
+ transition: border-bottom-color 0.2s ease;
+ border-bottom: dotted 1px rgba(160, 160, 160, 0.65);
+ display: block;
+ margin: 0 1.5em 0 0;
+ }
+
+ .author img {
+ border-radius: 100%;
+ display: block;
+ width: 4em;
+ }
+
+ .author:hover .name {
+ border-bottom-color: transparent;
+ }
+
+/* Blurb */
+
+ .blurb h2 {
+ font-size: 0.8em;
+ margin: 0 0 1.5em 0;
+ }
+
+ .blurb h3 {
+ font-size: 0.7em;
+ }
+
+ .blurb p {
+ font-size: 0.9em;
+ }
+
+/* Box */
+
+ .box {
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ margin-bottom: 2em;
+ padding: 1.5em;
+ }
+
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
+ -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
+ -ms-transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
+ transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
+ background-color: transparent;
+ border: 0;
+ box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.3);
+ color: #3c3b3b !important;
+ cursor: pointer;
+ display: inline-block;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 800;
+ height: 4.8125em;
+ letter-spacing: 0.25em;
+ line-height: 4.8125em;
+ padding: 0 2.5em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ box-shadow: inset 0 0 0 1px #2ebaae;
+ color: #2ebaae !important;
+ }
+
+ input[type="submit"]:hover:active,
+ input[type="reset"]:hover:active,
+ input[type="button"]:hover:active,
+ button:hover:active,
+ .button:hover:active {
+ background-color: rgba(46, 186, 174, 0.05);
+ }
+
+ input[type="submit"]:before, input[type="submit"]:after,
+ input[type="reset"]:before,
+ input[type="reset"]:after,
+ input[type="button"]:before,
+ input[type="button"]:after,
+ button:before,
+ button:after,
+ .button:before,
+ .button:after {
+ color: #aaaaaa;
+ position: relative;
+ }
+
+ input[type="submit"]:before,
+ input[type="reset"]:before,
+ input[type="button"]:before,
+ button:before,
+ .button:before {
+ left: -1em;
+ padding: 0 0 0 0.75em;
+ }
+
+ input[type="submit"]:after,
+ input[type="reset"]:after,
+ input[type="button"]:after,
+ button:after,
+ .button:after {
+ left: 1em;
+ padding: 0 0.75em 0 0;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 1em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 0.7em;
+ padding: 0 3em;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.5em;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ color: rgba(160, 160, 160, 0.3) !important;
+ }
+
+ input[type="submit"].disabled:before, input[type="submit"]:disabled:before,
+ input[type="reset"].disabled:before,
+ input[type="reset"]:disabled:before,
+ input[type="button"].disabled:before,
+ input[type="button"]:disabled:before,
+ button.disabled:before,
+ button:disabled:before,
+ .button.disabled:before,
+ .button:disabled:before {
+ color: rgba(160, 160, 160, 0.3) !important;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 2em 0;
+ }
+
+ form.search {
+ text-decoration: none;
+ position: relative;
+ }
+
+ form.search:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ form.search:before {
+ color: #aaaaaa;
+ content: '\f002';
+ display: block;
+ height: 2.75em;
+ left: 0;
+ line-height: 2.75em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 2.5em;
+ }
+
+ form.search > input:first-child {
+ padding-left: 2.5em;
+ }
+
+ label {
+ color: #3c3b3b;
+ display: block;
+ font-size: 0.9em;
+ font-weight: 700;
+ margin: 0 0 1em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: rgba(160, 160, 160, 0.075);
+ border: none;
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ border-radius: 0;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ input[type="tel"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ input[type="tel"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #2ebaae;
+ box-shadow: inset 0 0 0 1px #2ebaae;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: rgba(160, 160, 160, 0.3);
+ content: '\f078';
+ display: block;
+ height: 2.75em;
+ line-height: 2.75em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 2.75em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: #646464;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 400;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ background: rgba(160, 160, 160, 0.075);
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ content: '';
+ display: inline-block;
+ height: 1.65em;
+ left: 0;
+ line-height: 1.58125em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.65em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background: #3c3b3b;
+ border-color: #3c3b3b;
+ color: #ffffff;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #2ebaae;
+ box-shadow: 0 0 0 1px #2ebaae;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #aaaaaa !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: #aaaaaa !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: #aaaaaa !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: #aaaaaa !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: #aaaaaa !important;
+ opacity: 1.0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon.suffix:before {
+ float: right;
+ }
+
+/* Image */
+
+ .image {
+ border: 0;
+ display: inline-block;
+ position: relative;
+ }
+
+ .image img {
+ display: block;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.left {
+ float: left;
+ padding: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ .image.right {
+ float: right;
+ padding: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+ .image.featured {
+ display: block;
+ margin: 0 0 3em 0;
+ width: 100%;
+ }
+
+ .image.featured img {
+ width: 100%;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .image.featured {
+ margin: 0 0 1.5em 0;
+ }
+
+ }
+
+ .image.main {
+ display: block;
+ margin: 0 0 3em 0;
+ width: 100%;
+ }
+
+ .image.main img {
+ width: 100%;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px rgba(160, 160, 160, 0.3);
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0;
+ }
+
+ ul.icons li > * {
+ text-decoration: none;
+ border: 0;
+ }
+
+ ul.icons li > *:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ ul.icons li > * .label {
+ display: none;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 1.5em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.pagination .next {
+ text-decoration: none;
+ }
+
+ ul.actions.pagination .next:after {
+ content: "";
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ ul.actions.pagination .next:after {
+ content: '\f054';
+ }
+
+ ul.actions.pagination .previous {
+ text-decoration: none;
+ }
+
+ ul.actions.pagination .previous:before {
+ content: "";
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ ul.actions.pagination .previous:before {
+ content: '\f053';
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ ul.actions.pagination {
+ text-align: center;
+ }
+
+ ul.actions.pagination .next, ul.actions.pagination .previous {
+ min-width: 20em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ ul.actions.pagination .next, ul.actions.pagination .previous {
+ min-width: 18em;
+ }
+
+ }
+
+ ul.actions.small li {
+ padding: 0 1em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 1.5em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 1em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -1em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 1em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.5em;
+ width: calc(100% + 0.5em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.5em;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ ul.actions {
+ margin: 0 0 2em 0;
+ }
+
+ ul.actions li {
+ padding: 1em 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+ }
+
+ ul.actions li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions li > * {
+ width: 100%;
+ margin: 0 !important;
+ }
+
+ ul.actions.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.small li:first-child {
+ padding-top: 0;
+ }
+
+ }
+
+ ul.posts {
+ list-style: none;
+ padding: 0;
+ }
+
+ ul.posts li {
+ border-top: dotted 1px rgba(160, 160, 160, 0.3);
+ margin: 1.5em 0 0 0;
+ padding: 1.5em 0 0 0;
+ }
+
+ ul.posts li:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ ul.posts article {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: -moz-flex-start;
+ -webkit-align-items: -webkit-flex-start;
+ -ms-align-items: -ms-flex-start;
+ align-items: flex-start;
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ }
+
+ ul.posts article .image {
+ display: block;
+ margin-right: 1.5em;
+ min-width: 4em;
+ width: 4em;
+ }
+
+ ul.posts article .image img {
+ width: 100%;
+ }
+
+ ul.posts article header {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -ms-flex: 1;
+ }
+
+ ul.posts article header h3 {
+ font-size: 0.7em;
+ margin-top: 0.125em;
+ }
+
+ ul.posts article header .published {
+ display: block;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ margin: -0.625em 0 1.7em 0;
+ text-transform: uppercase;
+ }
+
+ ul.posts article header > :last-child {
+ margin-bottom: 0;
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
+ dl dt {
+ display: block;
+ font-weight: 700;
+ margin: 0 0 1em 0;
+ }
+
+ dl dd {
+ margin-left: 2em;
+ }
+
+/* Mini Post */
+
+ .mini-post {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column-reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ background: #ffffff;
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ margin: 0 0 2em 0;
+ }
+
+ .mini-post .image {
+ overflow: hidden;
+ width: 100%;
+ }
+
+ .mini-post .image img {
+ -moz-transition: -moz-transform 0.2s ease-out;
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -ms-transition: -ms-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out;
+ width: 100%;
+ }
+
+ .mini-post .image:hover img {
+ -moz-transform: scale(1.05);
+ -webkit-transform: scale(1.05);
+ -ms-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+
+ .mini-post header {
+ padding: 1.25em 4.25em 0.1em 1.25em ;
+ min-height: 4em;
+ position: relative;
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ }
+
+ .mini-post header h3 {
+ font-size: 0.7em;
+ }
+
+ .mini-post header .published {
+ display: block;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ margin: -0.625em 0 1.7em 0;
+ text-transform: uppercase;
+ }
+
+ .mini-post header .author {
+ position: absolute;
+ right: 2em;
+ top: 2em;
+ }
+
+ .mini-posts {
+ margin: 0 0 2em 0;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .mini-posts {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: calc(100% + 2em);
+ }
+
+ .mini-posts > * {
+ margin: 2em 2em 0 0;
+ width: calc(50% - 2em);
+ }
+
+ .mini-posts > :nth-child(-n + 2) {
+ margin-top: 0;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .mini-posts {
+ display: block;
+ width: 100%;
+ }
+
+ .mini-posts > * {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ }
+
+/* Post */
+
+ .post {
+ padding: 3em 3em 1em 3em ;
+ background: #ffffff;
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ margin: 0 0 3em 0;
+ position: relative;
+ }
+
+ .post > header {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+ left: -3em;
+ margin: -3em 0 3em 0;
+ position: relative;
+ width: calc(100% + 6em);
+ }
+
+ .post > header .title {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -ms-flex: 1;
+ padding: 3.75em 3em 3.3em 3em;
+ }
+
+ .post > header .title h2 {
+ font-weight: 900;
+ font-size: 1.5em;
+ }
+
+ .post > header .title > :last-child {
+ margin-bottom: 0;
+ }
+
+ .post > header .meta {
+ padding: 3.75em 3em 1.75em 3em ;
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ min-width: 17em;
+ text-align: right;
+ width: 17em;
+ }
+
+ .post > header .meta > * {
+ margin: 0 0 1em 0;
+ }
+
+ .post > header .meta > :last-child {
+ margin-bottom: 0;
+ }
+
+ .post > header .meta .published {
+ color: #3c3b3b;
+ display: block;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.7em;
+ font-weight: 800;
+ letter-spacing: 0.25em;
+ margin-top: 0.5em;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ .post > a.image.featured {
+ overflow: hidden;
+ }
+
+ .post > a.image.featured img {
+ -moz-transition: -moz-transform 0.2s ease-out;
+ -webkit-transition: -webkit-transform 0.2s ease-out;
+ -ms-transition: -ms-transform 0.2s ease-out;
+ transition: transform 0.2s ease-out;
+ }
+
+ .post > a.image.featured:hover img {
+ -moz-transform: scale(1.05);
+ -webkit-transform: scale(1.05);
+ -ms-transform: scale(1.05);
+ transform: scale(1.05);
+ }
+
+ .post > footer {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ }
+
+ .post > footer .actions {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ }
+
+ .post > footer .stats {
+ cursor: default;
+ list-style: none;
+ padding: 0;
+ }
+
+ .post > footer .stats li {
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ display: inline-block;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ line-height: 1;
+ margin: 0 0 0 2em;
+ padding: 0 0 0 2em;
+ text-transform: uppercase;
+ }
+
+ .post > footer .stats li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ .post > footer .stats li .icon {
+ border-bottom: 0;
+ }
+
+ .post > footer .stats li .icon:before {
+ color: rgba(160, 160, 160, 0.3);
+ margin-right: 0.75em;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .post {
+ border-left: 0;
+ border-right: 0;
+ left: -3em;
+ width: calc(100% + (3em * 2));
+ }
+
+ .post > header {
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 3.75em 3em 1.25em 3em ;
+ border-left: 0;
+ }
+
+ .post > header .title {
+ -ms-flex: 0 1 auto;
+ margin: 0 0 2em 0;
+ padding: 0;
+ text-align: center;
+ }
+
+ .post > header .meta {
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ border-left: 0;
+ margin: 0 0 2em 0;
+ padding-top: 0;
+ padding: 0;
+ text-align: left;
+ width: 100%;
+ }
+
+ .post > header .meta > * {
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ margin-left: 2em;
+ padding-left: 2em;
+ }
+
+ .post > header .meta > :first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ .post > header .meta .published {
+ margin-bottom: 0;
+ margin-top: 0;
+ }
+
+ .post > header .meta .author {
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ margin-bottom: 0;
+ }
+
+ .post > header .meta .author .name {
+ margin: 0 0 0 1.5em;
+ }
+
+ .post > header .meta .author img {
+ width: 3.5em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .post {
+ padding: 1.5em 1.5em 0.1em 1.5em ;
+ left: -1.5em;
+ margin: 0 0 2em 0;
+ width: calc(100% + (1.5em * 2));
+ }
+
+ .post > header {
+ padding: 3em 1.5em 0.5em 1.5em ;
+ left: -1.5em;
+ margin: -1.5em 0 1.5em 0;
+ width: calc(100% + 3em);
+ }
+
+ .post > header .title h2 {
+ font-size: 1.1em;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .post > header .meta {
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+
+ .post > header .meta > * {
+ border-left: 0;
+ margin: 1em 0 0 0;
+ padding-left: 0;
+ }
+
+ .post > header .meta .author .name {
+ display: none;
+ }
+
+ .post > .image.featured {
+ margin-left: -1.5em;
+ margin-top: calc(-1.5em - 1px);
+ width: calc(100% + 3em);
+ }
+
+ .post > footer {
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ -moz-flex-direction: column-reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ }
+
+ .post > footer .stats {
+ text-align: center;
+ }
+
+ .post > footer .stats li {
+ margin: 0 0 0 1.25em;
+ padding: 0 0 0 1.25em;
+ }
+
+ }
+
+/* Section/Article */
+
+ section.special, article.special {
+ text-align: center;
+ }
+
+ header p {
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.7em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ line-height: 2.5;
+ margin-top: -1em;
+ text-transform: uppercase;
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(160, 160, 160, 0.075);
+ }
+
+ table td {
+ padding: 0.75em 0.75em;
+ }
+
+ table th {
+ color: #3c3b3b;
+ font-size: 0.9em;
+ font-weight: 700;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom: solid 2px rgba(160, 160, 160, 0.3);
+ }
+
+ table tfoot {
+ border-top: solid 2px rgba(160, 160, 160, 0.3);
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px rgba(160, 160, 160, 0.3);
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+/* Header */
+
+ body {
+ padding-top: 3.5em;
+ }
+
+ #header {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-justify-content: space-between;
+ -webkit-justify-content: space-between;
+ -ms-justify-content: space-between;
+ justify-content: space-between;
+ background-color: #ffffff;
+ border-bottom: solid 1px rgba(160, 160, 160, 0.3);
+ height: 3.5em;
+ left: 0;
+ line-height: 3.5em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10000;
+ }
+
+ #header a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ #header ul {
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+ }
+
+ #header ul li {
+ display: inline-block;
+ padding-left: 0;
+ }
+
+ #header h1 {
+ height: inherit;
+ line-height: inherit;
+ padding: 0 0 0 1.5em;
+ white-space: nowrap;
+ }
+
+ #header h1 a {
+ font-size: 0.7em;
+ }
+
+ #header .links {
+ -moz-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ height: inherit;
+ line-height: inherit;
+ margin-left: 1.5em;
+ overflow: hidden;
+ padding-left: 1.5em;
+ }
+
+ #header .links ul li {
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ line-height: 1;
+ margin-left: 1em;
+ padding-left: 1em;
+ }
+
+ #header .links ul li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ #header .links ul li a {
+ border-bottom: 0;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.7em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ text-transform: uppercase;
+ }
+
+ #header .main {
+ height: inherit;
+ line-height: inherit;
+ text-align: right;
+ }
+
+ #header .main ul {
+ height: inherit;
+ line-height: inherit;
+ }
+
+ #header .main ul li {
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ height: inherit;
+ line-height: inherit;
+ white-space: nowrap;
+ }
+
+ #header .main ul li > * {
+ display: block;
+ float: left;
+ }
+
+ #header .main ul li > a {
+ text-decoration: none;
+ border-bottom: 0;
+ color: #aaaaaa;
+ overflow: hidden;
+ position: relative;
+ text-indent: 4em;
+ width: 4em;
+ }
+
+ #header .main ul li > a:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ #header .main ul li > a:before {
+ display: block;
+ height: inherit;
+ left: 0;
+ line-height: inherit;
+ position: absolute;
+ text-align: center;
+ text-indent: 0;
+ top: 0;
+ width: inherit;
+ }
+
+ #header form {
+ margin: 0;
+ }
+
+ #header form input {
+ display: inline-block;
+ height: 2.5em;
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ }
+
+ #header #search {
+ -moz-transition: all 0.5s ease;
+ -webkit-transition: all 0.5s ease;
+ -ms-transition: all 0.5s ease;
+ transition: all 0.5s ease;
+ max-width: 0;
+ opacity: 0;
+ overflow: hidden;
+ padding: 0;
+ white-space: nowrap;
+ }
+
+ #header #search input {
+ width: 12em;
+ }
+
+ #header #search.visible {
+ max-width: 12.5em;
+ opacity: 1;
+ padding: 0 0.5em 0 0;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #header .links {
+ display: none;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #header {
+ height: 2.75em;
+ line-height: 2.75em;
+ }
+
+ #header h1 {
+ padding: 0 0 0 1em;
+ }
+
+ #header .main .search {
+ display: none;
+ }
+
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: row-reverse;
+ -webkit-flex-direction: row-reverse;
+ -ms-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -moz-transition: opacity 0.5s ease;
+ -webkit-transition: opacity 0.5s ease;
+ -ms-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ margin: 0 auto;
+ max-width: 100%;
+ opacity: 1;
+ padding: 4.5em;
+ width: 90em;
+ }
+
+ body.is-menu-visible #wrapper {
+ opacity: 0.15;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ #wrapper {
+ padding: 3em;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #wrapper {
+ display: block;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #wrapper {
+ padding: 1.5em;
+ }
+
+ }
+
+ body.single #wrapper {
+ display: block;
+ }
+
+/* Main */
+
+ #main {
+ -moz-flex-grow: 1;
+ -webkit-flex-grow: 1;
+ -ms-flex-grow: 1;
+ flex-grow: 1;
+ -ms-flex: 1;
+ width: 100%;
+ }
+
+/* Sidebar */
+
+ #sidebar {
+ margin-right: 3em;
+ min-width: 22em;
+ width: 22em;
+ }
+
+ #sidebar > * {
+ border-top: solid 1px rgba(160, 160, 160, 0.3);
+ margin: 3em 0 0 0;
+ padding: 3em 0 0 0;
+ }
+
+ #sidebar > :first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #sidebar {
+ border-top: solid 1px rgba(160, 160, 160, 0.3);
+ margin: 3em 0 0 0;
+ min-width: 0;
+ padding: 3em 0 0 0;
+ width: 100%;
+ }
+
+ }
+
+/* Intro */
+
+ #intro .logo {
+ border-bottom: 0;
+ display: inline-block;
+ margin: 0 0 1em 0;
+ overflow: hidden;
+ position: relative;
+ width: 4em;
+ }
+
+ #intro .logo:before {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' zoomAndPan='disable'%3E%3Cpolygon points='0,0 100,0 100,25 50,0 0,25' style='fill:%23f4f4f4' /%3E%3Cpolygon points='0,100 100,100 100,75 50,100 0,75' style='fill:%23f4f4f4' /%3E%3C/svg%3E");
+ background-position: top left;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ #intro .logo img {
+ display: block;
+ margin-left: -0.25em;
+ width: 4.5em;
+ }
+
+ #intro header h2 {
+ font-size: 2em;
+ font-weight: 900;
+ }
+
+ #intro header p {
+ font-size: 0.8em;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #intro {
+ margin: 0 0 3em 0;
+ text-align: center;
+ }
+
+ #intro header h2 {
+ font-size: 2em;
+ }
+
+ #intro header p {
+ font-size: 0.7em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #intro {
+ margin: 0 0 1.5em 0;
+ padding: 1.25em 0;
+ }
+
+ #intro > :last-child {
+ margin-bottom: 0;
+ }
+
+ #intro .logo {
+ margin: 0 0 0.5em 0;
+ }
+
+ #intro header h2 {
+ font-size: 1.25em;
+ }
+
+ #intro header > :last-child {
+ margin-bottom: 0;
+ }
+
+ }
+
+/* Footer */
+
+ #footer .icons {
+ color: #aaaaaa;
+ }
+
+ #footer .copyright {
+ color: #aaaaaa;
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.5em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ text-transform: uppercase;
+ }
+
+ body.single #footer {
+ text-align: center;
+ }
+
+/* Menu */
+
+ #menu {
+ -moz-transform: translateX(25em);
+ -webkit-transform: translateX(25em);
+ -ms-transform: translateX(25em);
+ transform: translateX(25em);
+ -moz-transition: -moz-transform 0.5s ease, visibility 0.5s;
+ -webkit-transition: -webkit-transform 0.5s ease, visibility 0.5s;
+ -ms-transition: -ms-transform 0.5s ease, visibility 0.5s;
+ transition: transform 0.5s ease, visibility 0.5s;
+ -webkit-overflow-scrolling: touch;
+ background: #ffffff;
+ border-left: solid 1px rgba(160, 160, 160, 0.3);
+ box-shadow: none;
+ height: 100%;
+ max-width: 80%;
+ overflow-y: auto;
+ position: fixed;
+ right: 0;
+ top: 0;
+ visibility: hidden;
+ width: 25em;
+ z-index: 10002;
+ }
+
+ #menu > * {
+ border-top: solid 1px rgba(160, 160, 160, 0.3);
+ padding: 3em;
+ }
+
+ #menu > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ #menu > :first-child {
+ border-top: 0;
+ }
+
+ #menu .links {
+ list-style: none;
+ padding: 0;
+ }
+
+ #menu .links > li {
+ border: 0;
+ border-top: dotted 1px rgba(160, 160, 160, 0.3);
+ margin: 1.5em 0 0 0;
+ padding: 1.5em 0 0 0;
+ }
+
+ #menu .links > li a {
+ display: block;
+ border-bottom: 0;
+ }
+
+ #menu .links > li a h3 {
+ -moz-transition: color 0.2s ease;
+ -webkit-transition: color 0.2s ease;
+ -ms-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+ font-size: 0.7em;
+ }
+
+ #menu .links > li a p {
+ font-family: "Raleway", Helvetica, sans-serif;
+ font-size: 0.6em;
+ font-weight: 400;
+ letter-spacing: 0.25em;
+ margin-bottom: 0;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
+
+ #menu .links > li a:hover h3 {
+ color: #2ebaae;
+ }
+
+ #menu .links > li:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ body.is-menu-visible #menu {
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ visibility: visible;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #menu > * {
+ padding: 1.5em;
+ }
+
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/fonts/FontAwesome.otf b/future-imperfect/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/future-imperfect/assets/fonts/FontAwesome.otf differ
diff --git a/future-imperfect/assets/fonts/fontawesome-webfont.eot b/future-imperfect/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/future-imperfect/assets/fonts/fontawesome-webfont.eot differ
diff --git a/future-imperfect/assets/fonts/fontawesome-webfont.svg b/future-imperfect/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/future-imperfect/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/future-imperfect/assets/fonts/fontawesome-webfont.ttf b/future-imperfect/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/future-imperfect/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/future-imperfect/assets/fonts/fontawesome-webfont.woff b/future-imperfect/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/future-imperfect/assets/fonts/fontawesome-webfont.woff differ
diff --git a/future-imperfect/assets/fonts/fontawesome-webfont.woff2 b/future-imperfect/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/future-imperfect/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/future-imperfect/assets/js/ie/html5shiv.js b/future-imperfect/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/future-imperfect/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/future-imperfect/assets/js/main.js b/future-imperfect/assets/js/main.js
new file mode 100644
index 0000000..c9f3288
--- /dev/null
+++ b/future-imperfect/assets/js/main.js
@@ -0,0 +1,115 @@
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+
+ skel.breakpoints({
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ });
+
+ $(function() {
+
+ var $window = $(window),
+ $body = $('body'),
+ $menu = $('#menu'),
+ $sidebar = $('#sidebar'),
+ $main = $('#main');
+
+ // Disable animations/transitions until the page has loaded.
+ $body.addClass('is-loading');
+
+ $window.on('load', function() {
+ window.setTimeout(function() {
+ $body.removeClass('is-loading');
+ }, 100);
+ });
+
+ // Fix: Placeholder polyfill.
+ $('form').placeholder();
+
+ // Prioritize "important" elements on medium.
+ skel.on('+medium -medium', function() {
+ $.prioritize(
+ '.important\\28 medium\\29',
+ skel.breakpoint('medium').active
+ );
+ });
+
+ // IE<=9: Reverse order of main and sidebar.
+ if (skel.vars.IEVersion <= 9)
+ $main.insertAfter($sidebar);
+
+ // Menu.
+ $menu
+ .appendTo($body)
+ .panel({
+ delay: 500,
+ hideOnClick: true,
+ hideOnSwipe: true,
+ resetScroll: true,
+ resetForms: true,
+ side: 'right',
+ target: $body,
+ visibleClass: 'is-menu-visible'
+ });
+
+ // Search (header).
+ var $search = $('#search'),
+ $search_input = $search.find('input');
+
+ $body
+ .on('click', '[href="#search"]', function(event) {
+
+ event.preventDefault();
+
+ // Not visible?
+ if (!$search.hasClass('visible')) {
+
+ // Reset form.
+ $search[0].reset();
+
+ // Show.
+ $search.addClass('visible');
+
+ // Focus input.
+ $search_input.focus();
+
+ }
+
+ });
+
+ $search_input
+ .on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $search_input.blur();
+
+ })
+ .on('blur', function() {
+ window.setTimeout(function() {
+ $search.removeClass('visible');
+ }, 100);
+ });
+
+ // Intro.
+ var $intro = $('#intro');
+
+ // Move to main on <=large, back to sidebar on >large.
+ skel
+ .on('+large', function() {
+ $intro.prependTo($main);
+ })
+ .on('-large', function() {
+ $intro.prependTo($sidebar);
+ });
+
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/future-imperfect/assets/js/skel.min.js b/future-imperfect/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/future-imperfect/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e
r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/future-imperfect/assets/js/util.js b/future-imperfect/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/future-imperfect/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/base/_page.scss b/future-imperfect/assets/sass/base/_page.scss
new file mode 100644
index 0000000..b52e8af
--- /dev/null
+++ b/future-imperfect/assets/sass/base/_page.scss
@@ -0,0 +1,38 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ // MSIE: Prevents scrollbar from overlapping content.
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ body {
+ background: _palette(bg-alt);
+
+ // Prevents animation/transition "flicker" on page load.
+ // Automatically added/removed by js/main.js.
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/base/_typography.scss b/future-imperfect/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..1500868
--- /dev/null
+++ b/future-imperfect/assets/sass/base/_typography.scss
@@ -0,0 +1,172 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 14pt;
+ font-weight: _font(weight);
+ line-height: 1.75;
+
+ @include breakpoint(xlarge) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(large) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(medium) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(small) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(xsmall) {
+ font-size: 12pt;
+ }
+ }
+
+ a {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease',
+ 'border-bottom-color #{_duration(transition)} ease'
+ ));
+ border-bottom: dotted 1px _palette(border-alt);
+ color: inherit;
+ text-decoration: none;
+
+ &:before {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease'
+ ));
+ }
+
+ &:hover {
+ border-bottom-color: transparent;
+ color: _palette(accent) !important;
+
+ &:before {
+ color: _palette(accent) !important;
+ }
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-family: _font(family-heading);
+ font-weight: _font(weight-heading-bold);
+ letter-spacing: _font(kerning-heading);
+ line-height: 1.65;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ text-transform: uppercase;
+
+ a {
+ color: inherit;
+ border-bottom: 0;
+ }
+ }
+
+ h2 {
+ font-size: 1.1em;
+ }
+
+ h3 {
+ font-size: 0.9em;
+ }
+
+ h4 {
+ font-size: 0.7em;
+ }
+
+ h5 {
+ font-size: 0.7em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid 4px _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ background: _palette(border-bg);
+ border: solid 1px _palette(border);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_author.scss b/future-imperfect/assets/sass/components/_author.scss
new file mode 100644
index 0000000..6be9564
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_author.scss
@@ -0,0 +1,40 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Author */
+
+ .author {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'row');
+ @include vendor('align-items', 'center');
+ @include vendor('justify-content', 'flex-end');
+ border-bottom: 0;
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ text-transform: uppercase;
+ white-space: nowrap;
+
+ .name {
+ @include vendor('transition', 'border-bottom-color #{_duration(transition)} ease');
+ border-bottom: dotted 1px _palette(border-alt);
+ display: block;
+ margin: 0 1.5em 0 0;
+ }
+
+ img {
+ border-radius: 100%;
+ display: block;
+ width: 4em;
+ }
+
+ &:hover {
+ .name {
+ border-bottom-color: transparent;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_blurb.scss b/future-imperfect/assets/sass/components/_blurb.scss
new file mode 100644
index 0000000..fbbe06e
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_blurb.scss
@@ -0,0 +1,22 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Blurb */
+
+ .blurb {
+ h2 {
+ font-size: 0.8em;
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+ }
+
+ h3 {
+ font-size: 0.7em;
+ }
+
+ p {
+ font-size: 0.9em;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_box.scss b/future-imperfect/assets/sass/components/_box.scss
new file mode 100644
index 0000000..8b036e6
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_box.scss
@@ -0,0 +1,25 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Box */
+
+ .box {
+ border: solid 1px _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_button.scss b/future-imperfect/assets/sass/components/_button.scss
new file mode 100644
index 0000000..58e219c
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_button.scss
@@ -0,0 +1,86 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease',
+ 'box-shadow #{_duration(transition)} ease',
+ 'color #{_duration(transition)} ease'
+ ));
+ background-color: transparent;
+ border: 0;
+ box-shadow: inset 0 0 0 1px _palette(border);
+ color: _palette(fg-bold) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading-bold);
+ height: _size(element-height) * 1.75;
+ letter-spacing: _font(kerning-heading);
+ line-height: _size(element-height) * 1.75;
+ padding: 0 2.5em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+
+ &:hover {
+ box-shadow: inset 0 0 0 1px _palette(accent);
+ color: _palette(accent) !important;
+
+ &:active {
+ background-color: transparentize(_palette(accent), 0.95);
+ }
+ }
+
+ &:before, &:after {
+ color: _palette(fg-light);
+ position: relative;
+ }
+
+ &:before {
+ left: -1em;
+ padding: 0 0 0 0.75em;
+ }
+
+ &:after {
+ left: 1em;
+ padding: 0 0.75em 0 0;
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.big {
+ font-size: 0.7em;
+ padding: 0 3em;
+ }
+
+ &.small {
+ font-size: 0.5em;
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ color: _palette(border) !important;
+
+ &:before {
+ color: _palette(border) !important;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_form.scss b/future-imperfect/assets/sass/components/_form.scss
new file mode 100644
index 0000000..a4c9f58
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_form.scss
@@ -0,0 +1,197 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+
+ &.search {
+ @include icon;
+ position: relative;
+
+ &:before {
+ color: _palette(fg-light);
+ content: '\f002';
+ display: block;
+ height: _size(element-height);
+ left: 0;
+ line-height: _size(element-height);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 2.5em;
+ }
+
+ > input:first-child {
+ padding-left: 2.5em;
+ }
+ }
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background: _palette(border-bg);
+ border: none;
+ border: solid 1px _palette(border);
+ border-radius: 0;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(accent);
+ box-shadow: inset 0 0 0 1px _palette(accent);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ border: solid 1px _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(fg-bold);
+ border-color: _palette(fg-bold);
+ color: _palette(bg);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(accent);
+ box-shadow: 0 0 0 1px _palette(accent);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_icon.scss b/future-imperfect/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..1743385
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_icon.scss
@@ -0,0 +1,26 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &.prefix {
+ }
+
+ &.suffix {
+ &:before {
+ float: right;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_image.scss b/future-imperfect/assets/sass/components/_image.scss
new file mode 100644
index 0000000..1defd4e
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_image.scss
@@ -0,0 +1,72 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+ .image {
+ border: 0;
+ display: inline-block;
+ position: relative;
+
+ img {
+ display: block;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.left {
+ float: left;
+ padding: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ padding: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.featured {
+ display: block;
+ margin: 0 0 _size(section-spacing) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+
+ @include breakpoint(small) {
+ margin: 0 0 _size(section-spacing-small) 0;
+ }
+ }
+
+ &.main {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 1.5) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_list.scss b/future-imperfect/assets/sass/components/_list.scss
new file mode 100644
index 0000000..2627d7c
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_list.scss
@@ -0,0 +1,278 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ > * {
+ @include icon;
+ border: 0;
+
+ .label {
+ display: none;
+ }
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.75) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.pagination {
+ .next {
+ @include icon('', after);
+
+ &:after {
+ content: '\f054';
+ }
+ }
+
+ .previous {
+ @include icon('', before);
+
+ &:before {
+ content: '\f053';
+ }
+ }
+
+ @include breakpoint(large) {
+ text-align: center;
+
+ .next, .previous {
+ min-width: 20em;
+ }
+ }
+
+ @include breakpoint(small) {
+ .next, .previous {
+ min-width: 18em;
+ }
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.75) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ width: 100%;
+ margin: 0 !important;
+
+ &.icon {
+ &:before {
+ }
+ }
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+ }
+
+ &.posts {
+ list-style: none;
+ padding: 0;
+
+ li {
+ border-top: dotted 1px _palette(border);
+ margin: (_size(element-margin) * 0.75) 0 0 0;
+ padding: (_size(element-margin) * 0.75) 0 0 0;
+
+ &:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+ }
+
+ article {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'flex-start');
+ @include vendor('flex-direction', 'row-reverse');
+
+ .image {
+ display: block;
+ margin-right: 1.5em;
+ min-width: 4em;
+ width: 4em;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ header {
+ @include vendor('flex-grow', '1');
+ -ms-flex: 1;
+
+ h3 {
+ font-size: 0.7em;
+ margin-top: 0.125em;
+ }
+
+ .published {
+ display: block;
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ margin: -0.625em 0 (_size(element-margin) * 0.85) 0;
+ text-transform: uppercase;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_mini-post.scss b/future-imperfect/assets/sass/components/_mini-post.scss
new file mode 100644
index 0000000..847f262
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_mini-post.scss
@@ -0,0 +1,87 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Mini Post */
+
+ .mini-post {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column-reverse');
+ background: _palette(bg);
+ border: solid 1px _palette(border);
+ margin: 0 0 _size(element-margin) 0;
+
+ .image {
+ overflow: hidden;
+ width: 100%;
+
+ img {
+ @include vendor('transition', 'transform #{_duration(transition)} ease-out');
+ width: 100%;
+ }
+
+ &:hover {
+ img {
+ @include vendor('transform', 'scale(1.05)');
+ }
+ }
+ }
+
+ header {
+ @include padding(1.25em, 1.25em, (0, 3em, 0, 0));
+ min-height: 4em;
+ position: relative;
+ @include vendor('flex-grow', '1');
+
+ h3 {
+ font-size: 0.7em;
+ }
+
+ .published {
+ display: block;
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ margin: -0.625em 0 (_size(element-margin) * 0.85) 0;
+ text-transform: uppercase;
+ }
+
+ .author {
+ position: absolute;
+ right: 2em;
+ top: 2em;
+ }
+ }
+ }
+
+ .mini-posts {
+ margin: 0 0 _size(element-margin) 0;
+
+ @include breakpoint(large) {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ width: calc(100% + #{_size(element-margin)});
+
+ > * {
+ margin: _size(element-margin) _size(element-margin) 0 0;
+ width: calc(50% - #{_size(element-margin)});
+ }
+
+ > :nth-child(-n + 2) {
+ margin-top: 0;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ display: block;
+ width: 100%;
+
+ > * {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_post.scss b/future-imperfect/assets/sass/components/_post.scss
new file mode 100644
index 0000000..26fe9de
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_post.scss
@@ -0,0 +1,247 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Post */
+
+ .post {
+ @include padding(_size(section-spacing), _size(section-spacing));
+ background: _palette(bg);
+ border: solid 1px _palette(border);
+ margin: 0 0 _size(section-spacing) 0;
+ position: relative;
+
+ > header {
+ @include vendor('display', 'flex');
+ border-bottom: solid 1px _palette(border);
+ left: (_size(section-spacing) * -1);
+ margin: (_size(section-spacing) * -1) 0 _size(section-spacing) 0;
+ position: relative;
+ width: calc(100% + #{_size(section-spacing) * 2});
+
+ .title {
+ @include vendor('flex-grow', '1');
+ -ms-flex: 1;
+ padding: (_size(section-spacing) * 1.25) _size(section-spacing) (_size(section-spacing) * 1.1) _size(section-spacing);
+
+ h2 {
+ font-weight: _font(weight-heading-extrabold);
+ font-size: 1.5em;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .meta {
+ @include padding(_size(section-spacing) * 1.25, _size(section-spacing));
+ border-left: solid 1px _palette(border);
+ min-width: 17em;
+ text-align: right;
+ width: 17em;
+
+ > * {
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+
+ .published {
+ color: _palette(fg-bold);
+ display: block;
+ font-family: _font(family-heading);
+ font-size: 0.7em;
+ font-weight: _font(weight-heading-bold);
+ letter-spacing: _font(kerning-heading);
+ margin-top: 0.5em;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+ }
+ }
+
+ > a.image.featured {
+ overflow: hidden;
+
+ img {
+ @include vendor('transition', 'transform #{_duration(transition)} ease-out');
+ }
+
+ &:hover {
+ img {
+ @include vendor('transform', 'scale(1.05)');
+ }
+ }
+ }
+
+ > footer {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'center');
+
+ .actions {
+ @include vendor('flex-grow', '1');
+ }
+
+ .stats {
+ cursor: default;
+ list-style: none;
+ padding: 0;
+
+ li {
+ border-left: solid 1px _palette(border);
+ display: inline-block;
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ line-height: 1;
+ margin: 0 0 0 2em;
+ padding: 0 0 0 2em;
+ text-transform: uppercase;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ .icon {
+ border-bottom: 0;
+
+ &:before {
+ color: _palette(border);
+ margin-right: 0.75em;
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ border-left: 0;
+ border-right: 0;
+ left: _size(section-spacing) * -1;
+ width: calc(100% + (#{_size(section-spacing)} * 2));
+
+ > header {
+ @include vendor('flex-direction', 'column');
+ @include padding(_size(section-spacing) * 1.25, _size(section-spacing), (0, 0, -0.5em, 0));
+ border-left: 0;
+
+ .title {
+ -ms-flex: 0 1 auto;
+ margin: 0 0 _size(element-margin) 0;
+ padding: 0;
+ text-align: center;
+ }
+
+ .meta {
+ @include vendor('align-items', 'center');
+ @include vendor('display', 'flex');
+ @include vendor('justify-content', 'center');
+ border-left: 0;
+ margin: 0 0 _size(element-margin) 0;
+ padding-top: 0;
+ padding: 0;
+ text-align: left;
+ width: 100%;
+
+ > * {
+ border-left: solid 1px _palette(border);
+ margin-left: 2em;
+ padding-left: 2em;
+ }
+
+ > :first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ .published {
+ margin-bottom: 0;
+ margin-top: 0;
+ }
+
+ .author {
+ @include vendor('flex-direction', 'row-reverse');
+ margin-bottom: 0;
+
+ .name {
+ margin: 0 0 0 1.5em;
+ }
+
+ img {
+ width: 3.5em;
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ @include padding(_size(section-spacing-small), _size(section-spacing-small));
+ left: _size(section-spacing-small) * -1;
+ margin: 0 0 _size(element-margin) 0;
+ width: calc(100% + (#{_size(section-spacing-small)} * 2));
+
+ > header {
+ @include padding(_size(section-spacing-small) * 2, _size(section-spacing-small), (0, 0, -0.5em, 0));
+ left: (_size(section-spacing-small) * -1);
+ margin: (_size(section-spacing-small) * -1) 0 _size(section-spacing-small) 0;
+ width: calc(100% + #{_size(section-spacing-small) * 2});
+
+ .title {
+ h2 {
+ font-size: 1.1em;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ > header {
+ .meta {
+ @include vendor('align-items', 'center');
+ @include vendor('flex-direction', 'column');
+
+ > * {
+ border-left: 0;
+ margin: (_size(element-margin) * 0.5) 0 0 0;
+ padding-left: 0;
+ }
+
+ .author {
+ .name {
+ display: none;
+ }
+ }
+ }
+ }
+
+ > .image.featured {
+ margin-left: _size(section-spacing-small) * -1;
+ margin-top: calc(#{_size(section-spacing-small) * -1} - 1px);
+ width: calc(100% + #{_size(section-spacing-small) * 2});
+ }
+
+ > footer {
+ @include vendor('align-items', 'stretch');
+ @include vendor('flex-direction', 'column-reverse');
+
+ .stats {
+ text-align: center;
+
+ li {
+ margin: 0 0 0 1.25em;
+ padding: 0 0 0 1.25em;
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_section.scss b/future-imperfect/assets/sass/components/_section.scss
new file mode 100644
index 0000000..4bbac49
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_section.scss
@@ -0,0 +1,25 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ font-family: _font(family-heading);
+ font-size: 0.7em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ line-height: 2.5;
+ margin-top: -1em;
+ text-transform: uppercase;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/components/_table.scss b/future-imperfect/assets/sass/components/_table.scss
new file mode 100644
index 0000000..f2f99a3
--- /dev/null
+++ b/future-imperfect/assets/sass/components/_table.scss
@@ -0,0 +1,81 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid 1px _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid 2px _palette(border);
+ }
+
+ tfoot {
+ border-top: solid 2px _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid 1px _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: 1px;
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: 1px;
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/ie8.scss b/future-imperfect/assets/sass/ie8.scss
new file mode 100644
index 0000000..2626fb1
--- /dev/null
+++ b/future-imperfect/assets/sass/ie8.scss
@@ -0,0 +1,85 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+$palette-border: #dedede;
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ border: solid 1px $palette-border;
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ border: solid 1px $palette-border;
+ }
+
+/* Post */
+
+ .post {
+ border: solid 1px $palette-border;
+
+ > header {
+ border-bottom: solid 1px $palette-border;
+ }
+ }
+
+/* Mini Post */
+
+ .mini-post {
+ border: solid 1px $palette-border;
+ }
+
+/* Header */
+
+ #header {
+ border-bottom: solid 1px $palette-border;
+
+ .links {
+ border-left: solid 1px $palette-border;
+ }
+
+ .main {
+ ul {
+ li {
+ border-left: solid 1px $palette-border;
+ }
+ }
+ }
+ }
+
+/* Sidebar */
+
+ #sidebar {
+ > * {
+ border-top: solid 1px $palette-border;
+ }
+ }
+
+/* Menu */
+
+ #menu {
+ border-left: solid 1px $palette-border;
+
+ > * {
+ border-top: solid 1px $palette-border;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/ie9.scss b/future-imperfect/assets/sass/ie9.scss
new file mode 100644
index 0000000..acd17f2
--- /dev/null
+++ b/future-imperfect/assets/sass/ie9.scss
@@ -0,0 +1,149 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* List */
+
+ ul {
+ &.posts {
+ article {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .image {
+ display: table-cell;
+ vertical-align: top;
+ }
+
+ header {
+ display: table-cell;
+ padding-right: 1em;
+ vertical-align: top;
+ }
+ }
+ }
+ }
+
+/* Author */
+
+ .author {
+ .name {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ img {
+ display: inline-block;
+ vertical-align: middle;
+ }
+ }
+
+/* Post */
+
+ .post {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ > header {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .title {
+ display: table-cell;
+ vertical-align: top;
+ width: 65%;
+ }
+
+ .meta {
+ display: table-cell;
+ vertical-align: top;
+ width: 30%;
+ }
+ }
+
+ > footer {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .actions {
+ display: inline-block;
+ }
+
+ .stats {
+ display: inline-block;
+ margin-left: 2em;
+ }
+ }
+ }
+
+/* Mini Post */
+
+ .mini-post {
+ .image {
+ display: block;
+ }
+ }
+
+/* Header */
+
+ #header {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ h1 {
+ float: left;
+ }
+
+ .links {
+ float: left;
+ }
+
+ .main {
+ position: absolute;
+ right: 0;
+ top: 0;
+ }
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ }
+
+/* Sidebar */
+
+ #sidebar {
+ display: table-cell;
+ margin-right: 0;
+ padding-right: _size(section-spacing);
+ vertical-align: top;
+ }
+
+/* Main */
+
+ #main {
+ display: table-cell;
+ vertical-align: top;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_footer.scss b/future-imperfect/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..94fc344
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_footer.scss
@@ -0,0 +1,26 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ .icons {
+ color: _palette(fg-light);
+ }
+
+ .copyright {
+ color: _palette(fg-light);
+ font-family: _font(family-heading);
+ font-size: 0.5em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ text-transform: uppercase;
+ }
+
+ body.single & {
+ text-align: center;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_header.scss b/future-imperfect/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..e84feb3
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_header.scss
@@ -0,0 +1,183 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ body {
+ padding-top: 3.5em;
+ }
+
+ #header {
+ @include vendor('display', 'flex');
+ @include vendor('justify-content', 'space-between');
+ background-color: _palette(bg);
+ border-bottom: solid 1px _palette(border);
+ height: 3.5em;
+ left: 0;
+ line-height: 3.5em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base);
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ ul {
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding-left: 0;
+ }
+ }
+
+ h1 {
+ height: inherit;
+ line-height: inherit;
+ padding: 0 0 0 1.5em;
+ white-space: nowrap;
+
+ a {
+ font-size: 0.7em;
+ }
+ }
+
+ .links {
+ @include vendor('flex', '1');
+ border-left: solid 1px _palette(border);
+ height: inherit;
+ line-height: inherit;
+ margin-left: 1.5em;
+ overflow: hidden;
+ padding-left: 1.5em;
+
+ ul {
+ li {
+ border-left: solid 1px _palette(border);
+ line-height: 1;
+ margin-left: 1em;
+ padding-left: 1em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ a {
+ border-bottom: 0;
+ font-family: _font(family-heading);
+ font-size: 0.7em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ text-transform: uppercase;
+ }
+ }
+ }
+ }
+
+ .main {
+ height: inherit;
+ line-height: inherit;
+ text-align: right;
+
+ ul {
+ height: inherit;
+ line-height: inherit;
+
+ li {
+ border-left: solid 1px _palette(border);
+ height: inherit;
+ line-height: inherit;
+ white-space: nowrap;
+
+ > * {
+ display: block;
+ float: left;
+ }
+
+ > a {
+ @include icon;
+ border-bottom: 0;
+ color: _palette(fg-light);
+ overflow: hidden;
+ position: relative;
+ text-indent: 4em;
+ width: 4em;
+
+ &:before {
+ display: block;
+ height: inherit;
+ left: 0;
+ line-height: inherit;
+ position: absolute;
+ text-align: center;
+ text-indent: 0;
+ top: 0;
+ width: inherit;
+ }
+ }
+ }
+ }
+ }
+
+ form {
+ margin: 0;
+
+ input {
+ display: inline-block;
+ height: 2.5em;
+ position: relative;
+ top: -2px;
+ vertical-align: middle;
+ }
+ }
+
+ #search {
+ @include vendor('transition', 'all 0.5s ease');
+ max-width: 0;
+ opacity: 0;
+ overflow: hidden;
+ padding: 0;
+ white-space: nowrap;
+
+ input {
+ width: 12em;
+ }
+
+ &.visible {
+ max-width: 12.5em;
+ opacity: 1;
+ padding: 0 0.5em 0 0;
+ }
+ }
+
+ @include breakpoint(medium) {
+ .links {
+ display: none;
+ }
+ }
+
+ @include breakpoint(small) {
+ height: 2.75em;
+ line-height: 2.75em;
+
+ h1 {
+ padding: 0 0 0 1em;
+ }
+
+ .main {
+ .search {
+ display: none;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_intro.scss b/future-imperfect/assets/sass/layout/_intro.scss
new file mode 100644
index 0000000..d464ff9
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_intro.scss
@@ -0,0 +1,87 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Intro */
+
+ #intro {
+ .logo {
+ border-bottom: 0;
+ display: inline-block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ overflow: hidden;
+ position: relative;
+ width: 4em;
+
+ &:before {
+ background-image: svg-url('
');
+ background-position: top left;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ img {
+ display: block;
+ margin-left: -0.25em;
+ width: 4.5em;
+ }
+ }
+
+ header {
+ h2 {
+ font-size: 2em;
+ font-weight: _font(weight-heading-extrabold);
+ }
+
+ p {
+ font-size: 0.8em;
+ }
+ }
+
+ @include breakpoint(large) {
+ margin: 0 0 _size(section-spacing) 0;
+ text-align: center;
+
+ header {
+ h2 {
+ font-size: 2em;
+ }
+
+ p {
+ font-size: 0.7em;
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ margin: 0 0 _size(section-spacing-small) 0;
+ padding: 1.25em 0;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+
+ .logo {
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
+ }
+
+ header {
+ h2 {
+ font-size: 1.25em;
+ }
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_main.scss b/future-imperfect/assets/sass/layout/_main.scss
new file mode 100644
index 0000000..79bfb21
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_main.scss
@@ -0,0 +1,13 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Main */
+
+ #main {
+ @include vendor('flex-grow', '1');
+ -ms-flex: 1;
+ width: 100%;
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_menu.scss b/future-imperfect/assets/sass/layout/_menu.scss
new file mode 100644
index 0000000..cfbe3e5
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_menu.scss
@@ -0,0 +1,97 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Menu */
+
+ #menu {
+ @include vendor('transform', 'translateX(#{_size(menu)})');
+ @include vendor('transition', (
+ 'transform #{_duration(menu)} ease',
+ 'visibility #{_duration(menu)}'
+ ));
+ -webkit-overflow-scrolling: touch;
+ background: _palette(bg);
+ border-left: solid 1px _palette(border);
+ box-shadow: none;
+ height: 100%;
+ max-width: 80%;
+ overflow-y: auto;
+ position: fixed;
+ right: 0;
+ top: 0;
+ visibility: hidden;
+ width: _size(menu);
+ z-index: _misc(z-index-base) + 2;
+
+ > * {
+ border-top: solid 1px _palette(border);
+ padding: _size(section-spacing);
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ > :first-child {
+ border-top: 0;
+ }
+
+ .links {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ border: 0;
+ border-top: dotted 1px _palette(border);
+ margin: 1.5em 0 0 0;
+ padding: 1.5em 0 0 0;
+
+ a {
+ display: block;
+ border-bottom: 0;
+
+ h3 {
+ @include vendor('transition', 'color #{_duration(transition)} ease');
+ font-size: 0.7em;
+ }
+
+ p {
+ font-family: _font(family-heading);
+ font-size: 0.6em;
+ font-weight: _font(weight-heading);
+ letter-spacing: _font(kerning-heading);
+ letter-spacing: _size(letter-spacing-alt);
+ margin-bottom: 0;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
+
+ &:hover {
+ h3 {
+ color: _palette(accent);
+ }
+ }
+ }
+
+ &:first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ body.is-menu-visible & {
+ @include vendor('transform', 'translateX(0)');
+ visibility: visible;
+ }
+
+ @include breakpoint(small) {
+ > * {
+ padding: _size(section-spacing-small);
+ }
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_sidebar.scss b/future-imperfect/assets/sass/layout/_sidebar.scss
new file mode 100644
index 0000000..4df8c43
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_sidebar.scss
@@ -0,0 +1,33 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Sidebar */
+
+ #sidebar {
+ margin-right: _size(section-spacing);
+ min-width: 22em;
+ width: 22em;
+
+ > * {
+ border-top: solid 1px _palette(border);
+ margin: _size(section-spacing) 0 0 0;
+ padding: _size(section-spacing) 0 0 0;
+ }
+
+ > :first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ @include breakpoint(large) {
+ border-top: solid 1px _palette(border);
+ margin: _size(section-spacing) 0 0 0;
+ min-width: 0;
+ padding: _size(section-spacing) 0 0 0;
+ width: 100%;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/layout/_wrapper.scss b/future-imperfect/assets/sass/layout/_wrapper.scss
new file mode 100644
index 0000000..0a078db
--- /dev/null
+++ b/future-imperfect/assets/sass/layout/_wrapper.scss
@@ -0,0 +1,38 @@
+///
+/// Future Imperfect by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+ #wrapper {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'row-reverse');
+ @include vendor('transition', 'opacity #{_duration(menu)} ease');
+ margin: 0 auto;
+ max-width: 100%;
+ opacity: 1;
+ padding: (_size(section-spacing) * 1.5);
+ width: 90em;
+
+ body.is-menu-visible & {
+ opacity: 0.15;
+ }
+
+ @include breakpoint(xlarge) {
+ padding: _size(section-spacing);
+ }
+
+ @include breakpoint(large) {
+ display: block;
+ }
+
+ @include breakpoint(small) {
+ padding: _size(section-spacing-small);
+ }
+
+ body.single & {
+ display: block;
+ }
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/libs/_functions.scss b/future-imperfect/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/future-imperfect/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/libs/_mixins.scss b/future-imperfect/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/future-imperfect/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/libs/_skel.scss b/future-imperfect/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/future-imperfect/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/libs/_vars.scss b/future-imperfect/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..d865575
--- /dev/null
+++ b/future-imperfect/assets/sass/libs/_vars.scss
@@ -0,0 +1,45 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ menu: 0.5s,
+ transition: 0.2s
+ );
+
+// Size.
+ $size: (
+ element-height: 2.75em,
+ element-margin: 2em,
+ section-spacing: 3em,
+ section-spacing-small: 1.5em,
+ menu: 25em
+ );
+
+// Font.
+ $font: (
+ family: ('Source Sans Pro', Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ family-heading: ('Raleway', Helvetica, sans-serif),
+ weight: 400,
+ weight-bold: 700,
+ weight-heading: 400,
+ weight-heading-bold: 800,
+ weight-heading-extrabold: 900,
+ kerning-heading: 0.25em
+ );
+
+// Palette.
+ $palette: (
+ bg: #ffffff,
+ bg-alt: #f4f4f4,
+ fg: #646464,
+ fg-bold: #3c3b3b,
+ fg-light: #aaaaaa,
+ border: rgba(160,160,160,0.3),
+ border-bg: rgba(160,160,160,0.075),
+ border-alt: rgba(160,160,160,0.65),
+ accent: #2ebaae
+ );
\ No newline at end of file
diff --git a/future-imperfect/assets/sass/main.scss b/future-imperfect/assets/sass/main.scss
new file mode 100644
index 0000000..3cb616c
--- /dev/null
+++ b/future-imperfect/assets/sass/main.scss
@@ -0,0 +1,56 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900');
+
+/*
+ Future Imperfect by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: 1em )
+ ));
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/author';
+ @import 'components/blurb';
+ @import 'components/box';
+ @import 'components/button';
+ @import 'components/form';
+ @import 'components/icon';
+ @import 'components/image';
+ @import 'components/list';
+ @import 'components/mini-post';
+ @import 'components/post';
+ @import 'components/section';
+ @import 'components/table';
+
+// Layout.
+
+ @import 'layout/header';
+ @import 'layout/wrapper';
+ @import 'layout/main';
+ @import 'layout/sidebar';
+ @import 'layout/intro';
+ @import 'layout/footer';
+ @import 'layout/menu';
\ No newline at end of file
diff --git a/future-imperfect/images/avatar.jpg b/future-imperfect/images/avatar.jpg
new file mode 100644
index 0000000..106b4af
Binary files /dev/null and b/future-imperfect/images/avatar.jpg differ
diff --git a/future-imperfect/images/logo.jpg b/future-imperfect/images/logo.jpg
new file mode 100644
index 0000000..cfca877
Binary files /dev/null and b/future-imperfect/images/logo.jpg differ
diff --git a/future-imperfect/images/pic01.jpg b/future-imperfect/images/pic01.jpg
new file mode 100644
index 0000000..30b3d66
Binary files /dev/null and b/future-imperfect/images/pic01.jpg differ
diff --git a/future-imperfect/images/pic02.jpg b/future-imperfect/images/pic02.jpg
new file mode 100644
index 0000000..f2ca5a4
Binary files /dev/null and b/future-imperfect/images/pic02.jpg differ
diff --git a/future-imperfect/images/pic03.jpg b/future-imperfect/images/pic03.jpg
new file mode 100644
index 0000000..9fbd19d
Binary files /dev/null and b/future-imperfect/images/pic03.jpg differ
diff --git a/future-imperfect/images/pic04.jpg b/future-imperfect/images/pic04.jpg
new file mode 100644
index 0000000..c7dd458
Binary files /dev/null and b/future-imperfect/images/pic04.jpg differ
diff --git a/future-imperfect/images/pic05.jpg b/future-imperfect/images/pic05.jpg
new file mode 100644
index 0000000..1993045
Binary files /dev/null and b/future-imperfect/images/pic05.jpg differ
diff --git a/future-imperfect/images/pic06.jpg b/future-imperfect/images/pic06.jpg
new file mode 100644
index 0000000..67ec82a
Binary files /dev/null and b/future-imperfect/images/pic06.jpg differ
diff --git a/future-imperfect/images/pic07.jpg b/future-imperfect/images/pic07.jpg
new file mode 100644
index 0000000..0628368
Binary files /dev/null and b/future-imperfect/images/pic07.jpg differ
diff --git a/future-imperfect/images/pic08.jpg b/future-imperfect/images/pic08.jpg
new file mode 100644
index 0000000..b9087e0
Binary files /dev/null and b/future-imperfect/images/pic08.jpg differ
diff --git a/future-imperfect/images/pic09.jpg b/future-imperfect/images/pic09.jpg
new file mode 100644
index 0000000..a9c828f
Binary files /dev/null and b/future-imperfect/images/pic09.jpg differ
diff --git a/future-imperfect/images/pic10.jpg b/future-imperfect/images/pic10.jpg
new file mode 100644
index 0000000..7c8322a
Binary files /dev/null and b/future-imperfect/images/pic10.jpg differ
diff --git a/future-imperfect/images/pic11.jpg b/future-imperfect/images/pic11.jpg
new file mode 100644
index 0000000..ac309cd
Binary files /dev/null and b/future-imperfect/images/pic11.jpg differ
diff --git a/future-imperfect/images/pic12.jpg b/future-imperfect/images/pic12.jpg
new file mode 100644
index 0000000..9c632f9
Binary files /dev/null and b/future-imperfect/images/pic12.jpg differ
diff --git a/future-imperfect/index.html b/future-imperfect/index.html
new file mode 100644
index 0000000..0ab9801
--- /dev/null
+++ b/future-imperfect/index.html
@@ -0,0 +1,645 @@
+
+
+
+
+
Future Imperfect by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
+
+
+
+
+
+
+ Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper.
+
+
+
+
+
+
+ Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla. Cras vehicula tellus eu ligula viverra, ac fringilla turpis suscipit. Quisque vestibulum rhoncus ligula.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/future-imperfect/single.html b/future-imperfect/single.html
new file mode 100644
index 0000000..f51150e
--- /dev/null
+++ b/future-imperfect/single.html
@@ -0,0 +1,149 @@
+
+
+
+
+
Single - Future Imperfect by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum. Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
+ Nunc quis dui scelerisque, scelerisque urna ut, dapibus orci. Sed vitae condimentum lectus, ut imperdiet quam. Maecenas in justo ut nulla aliquam sodales vel at ligula. Sed blandit diam odio, sed fringilla lectus molestie sit amet. Praesent eu tortor viverra lorem mattis pulvinar feugiat in turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper tellus sit amet mattis dignissim. Phasellus ut metus ligula. Curabitur nec leo turpis. Ut gravida purus quis erat pretium, sed pellentesque massa elementum. Fusce vestibulum porta augue, at mattis justo. Integer sed sapien fringilla, dapibus risus id, faucibus ante. Pellentesque mattis nunc sit amet tortor pellentesque, non placerat neque viverra.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/LICENSE.txt b/halcyonic/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/halcyonic/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/halcyonic/README.txt b/halcyonic/README.txt
new file mode 100644
index 0000000..84771c9
--- /dev/null
+++ b/halcyonic/README.txt
@@ -0,0 +1,25 @@
+Halcyonic by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+A somewhat unusual but interesting responsive site template. I did this one to test out a
+new pattern set I put together and I think it really came together well. As for use cases
+it's kind of unspecific so hey, use it for whatever.
+
+Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/halcyonic/assets/css/ie9.css b/halcyonic/assets/css/ie9.css
new file mode 100644
index 0000000..9bf0082
--- /dev/null
+++ b/halcyonic/assets/css/ie9.css
@@ -0,0 +1,19 @@
+/*
+ Halcyonic by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Multi-use */
+
+ .button-big {
+ background-image: url("images/ie/button-big.svg");
+ }
+
+ .button-big:hover {
+ background-image: url("images/ie/button-big-hover.svg");
+ }
+
+ .button-big:active {
+ background-image: url("images/ie/button-big-active.svg");
+ }
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/bg01.jpg b/halcyonic/assets/css/images/bg01.jpg
new file mode 100644
index 0000000..4e08250
Binary files /dev/null and b/halcyonic/assets/css/images/bg01.jpg differ
diff --git a/halcyonic/assets/css/images/bg02.jpg b/halcyonic/assets/css/images/bg02.jpg
new file mode 100644
index 0000000..5b6e776
Binary files /dev/null and b/halcyonic/assets/css/images/bg02.jpg differ
diff --git a/halcyonic/assets/css/images/bg03.jpg b/halcyonic/assets/css/images/bg03.jpg
new file mode 100644
index 0000000..5b2b362
Binary files /dev/null and b/halcyonic/assets/css/images/bg03.jpg differ
diff --git a/halcyonic/assets/css/images/bg04.jpg b/halcyonic/assets/css/images/bg04.jpg
new file mode 100644
index 0000000..5935b88
Binary files /dev/null and b/halcyonic/assets/css/images/bg04.jpg differ
diff --git a/halcyonic/assets/css/images/bg04.png b/halcyonic/assets/css/images/bg04.png
new file mode 100644
index 0000000..86f2d60
Binary files /dev/null and b/halcyonic/assets/css/images/bg04.png differ
diff --git a/halcyonic/assets/css/images/button-big-active.svg b/halcyonic/assets/css/images/button-big-active.svg
new file mode 100644
index 0000000..5c0845a
--- /dev/null
+++ b/halcyonic/assets/css/images/button-big-active.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/button-big-hover.svg b/halcyonic/assets/css/images/button-big-hover.svg
new file mode 100644
index 0000000..825ccc4
--- /dev/null
+++ b/halcyonic/assets/css/images/button-big-hover.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/button-big.svg b/halcyonic/assets/css/images/button-big.svg
new file mode 100644
index 0000000..9c9c3d9
--- /dev/null
+++ b/halcyonic/assets/css/images/button-big.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/icon-checkmark.png b/halcyonic/assets/css/images/icon-checkmark.png
new file mode 100644
index 0000000..ee840a1
Binary files /dev/null and b/halcyonic/assets/css/images/icon-checkmark.png differ
diff --git a/halcyonic/assets/css/images/ie/button-big-active.svg b/halcyonic/assets/css/images/ie/button-big-active.svg
new file mode 100644
index 0000000..5c0845a
--- /dev/null
+++ b/halcyonic/assets/css/images/ie/button-big-active.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/ie/button-big-hover.svg b/halcyonic/assets/css/images/ie/button-big-hover.svg
new file mode 100644
index 0000000..825ccc4
--- /dev/null
+++ b/halcyonic/assets/css/images/ie/button-big-hover.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/ie/button-big.svg b/halcyonic/assets/css/images/ie/button-big.svg
new file mode 100644
index 0000000..9c9c3d9
--- /dev/null
+++ b/halcyonic/assets/css/images/ie/button-big.svg
@@ -0,0 +1,9 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/images/mobileUI-site-nav-opener-bg.svg b/halcyonic/assets/css/images/mobileUI-site-nav-opener-bg.svg
new file mode 100644
index 0000000..ff46679
--- /dev/null
+++ b/halcyonic/assets/css/images/mobileUI-site-nav-opener-bg.svg
@@ -0,0 +1,8 @@
+
+
\ No newline at end of file
diff --git a/halcyonic/assets/css/main.css b/halcyonic/assets/css/main.css
new file mode 100644
index 0000000..3351adb
--- /dev/null
+++ b/halcyonic/assets/css/main.css
@@ -0,0 +1,1870 @@
+@import url("https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200");
+
+/*
+ Halcyonic by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 1200px;
+ min-width: 960px;
+ }
+
+ .container.\37 5\25 {
+ width: 720px;
+ }
+
+ .container.\35 0\25 {
+ width: 480px;
+ }
+
+ .container.\32 5\25 {
+ width: 240px;
+ }
+
+ .container {
+ width: 960px;
+ }
+
+ @media screen and (min-width: 737px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 1500px;
+ min-width: 1200px;
+ }
+
+ .container.\37 5\25 {
+ width: 900px;
+ }
+
+ .container.\35 0\25 {
+ width: 600px;
+ }
+
+ .container.\32 5\25 {
+ width: 300px;
+ }
+
+ .container {
+ width: 1200px;
+ }
+
+ }
+
+ @media screen and (min-width: 737px) and (max-width: 1200px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 1250px;
+ min-width: 1000px;
+ }
+
+ .container.\37 5\25 {
+ width: 750px;
+ }
+
+ .container.\35 0\25 {
+ width: 500px;
+ }
+
+ .container.\32 5\25 {
+ width: 250px;
+ }
+
+ .container {
+ width: 1000px;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0px;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0px;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0px 0 0 0px;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0px 0 -1px 0px;
+ }
+
+ .row > * {
+ padding: 0 0 0 40px;
+ }
+
+ .row {
+ margin: 0 0 -1px -40px;
+ }
+
+ .row.uniform > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.uniform {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 80px;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -80px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 80px 0 0 80px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -80px 0 -1px -80px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 60px;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -60px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 60px 0 0 60px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -60px 0 -1px -60px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 20px;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -20px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 10px;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -10px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (min-width: 737px) {
+
+ .row > * {
+ padding: 25px 0 0 25px;
+ }
+
+ .row {
+ margin: -25px 0 -1px -25px;
+ }
+
+ .row.uniform > * {
+ padding: 25px 0 0 25px;
+ }
+
+ .row.uniform {
+ margin: -25px 0 -1px -25px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 50px 0 0 50px;
+ }
+
+ .row.\32 00\25 {
+ margin: -50px 0 -1px -50px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 50px 0 0 50px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -50px 0 -1px -50px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 37.5px 0 0 37.5px;
+ }
+
+ .row.\31 50\25 {
+ margin: -37.5px 0 -1px -37.5px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 37.5px 0 0 37.5px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -37.5px 0 -1px -37.5px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 12.5px 0 0 12.5px;
+ }
+
+ .row.\35 0\25 {
+ margin: -12.5px 0 -1px -12.5px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 12.5px 0 0 12.5px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -12.5px 0 -1px -12.5px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 6.25px 0 0 6.25px;
+ }
+
+ .row.\32 5\25 {
+ margin: -6.25px 0 -1px -6.25px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 6.25px 0 0 6.25px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -6.25px 0 -1px -6.25px;
+ }
+
+ .\31 2u\28desktop\29, .\31 2u\24\28desktop\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28desktop\29, .\31 1u\24\28desktop\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28desktop\29, .\31 0u\24\28desktop\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28desktop\29, .\39 u\24\28desktop\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28desktop\29, .\38 u\24\28desktop\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28desktop\29, .\37 u\24\28desktop\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28desktop\29, .\36 u\24\28desktop\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28desktop\29, .\35 u\24\28desktop\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28desktop\29, .\34 u\24\28desktop\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28desktop\29, .\33 u\24\28desktop\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28desktop\29, .\32 u\24\28desktop\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28desktop\29, .\31 u\24\28desktop\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28desktop\29 + *,
+ .\31 1u\24\28desktop\29 + *,
+ .\31 0u\24\28desktop\29 + *,
+ .\39 u\24\28desktop\29 + *,
+ .\38 u\24\28desktop\29 + *,
+ .\37 u\24\28desktop\29 + *,
+ .\36 u\24\28desktop\29 + *,
+ .\35 u\24\28desktop\29 + *,
+ .\34 u\24\28desktop\29 + *,
+ .\33 u\24\28desktop\29 + *,
+ .\32 u\24\28desktop\29 + *,
+ .\31 u\24\28desktop\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28desktop\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28desktop\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28desktop\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28desktop\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28desktop\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28desktop\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28desktop\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28desktop\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28desktop\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28desktop\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28desktop\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (min-width: 737px) and (max-width: 1200px) {
+
+ .row > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.uniform > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row.uniform {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .\31 2u\28tablet\29, .\31 2u\24\28tablet\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28tablet\29, .\31 1u\24\28tablet\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28tablet\29, .\31 0u\24\28tablet\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28tablet\29, .\39 u\24\28tablet\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28tablet\29, .\38 u\24\28tablet\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28tablet\29, .\37 u\24\28tablet\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28tablet\29, .\36 u\24\28tablet\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28tablet\29, .\35 u\24\28tablet\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28tablet\29, .\34 u\24\28tablet\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28tablet\29, .\33 u\24\28tablet\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28tablet\29, .\32 u\24\28tablet\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28tablet\29, .\31 u\24\28tablet\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28tablet\29 + *,
+ .\31 1u\24\28tablet\29 + *,
+ .\31 0u\24\28tablet\29 + *,
+ .\39 u\24\28tablet\29 + *,
+ .\38 u\24\28tablet\29 + *,
+ .\37 u\24\28tablet\29 + *,
+ .\36 u\24\28tablet\29 + *,
+ .\35 u\24\28tablet\29 + *,
+ .\34 u\24\28tablet\29 + *,
+ .\33 u\24\28tablet\29 + *,
+ .\32 u\24\28tablet\29 + *,
+ .\31 u\24\28tablet\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28tablet\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28tablet\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28tablet\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28tablet\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28tablet\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28tablet\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28tablet\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28tablet\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28tablet\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28tablet\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28tablet\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.uniform > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row.uniform {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28mobile\29, .\39 u\24\28mobile\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28mobile\29, .\38 u\24\28mobile\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28mobile\29, .\37 u\24\28mobile\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28mobile\29, .\36 u\24\28mobile\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28mobile\29, .\35 u\24\28mobile\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28mobile\29, .\34 u\24\28mobile\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28mobile\29, .\33 u\24\28mobile\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28mobile\29, .\32 u\24\28mobile\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28mobile\29, .\31 u\24\28mobile\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28mobile\29 + *,
+ .\31 1u\24\28mobile\29 + *,
+ .\31 0u\24\28mobile\29 + *,
+ .\39 u\24\28mobile\29 + *,
+ .\38 u\24\28mobile\29 + *,
+ .\37 u\24\28mobile\29 + *,
+ .\36 u\24\28mobile\29 + *,
+ .\35 u\24\28mobile\29 + *,
+ .\34 u\24\28mobile\29 + *,
+ .\33 u\24\28mobile\29 + *,
+ .\32 u\24\28mobile\29 + *,
+ .\31 u\24\28mobile\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28mobile\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28mobile\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28mobile\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28mobile\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28mobile\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28mobile\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28mobile\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28mobile\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28mobile\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28mobile\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28mobile\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ body {
+ background: #D4D9DD url("images/bg03.jpg");
+ color: #474f51;
+ font-size: 13.5pt;
+ font-family: 'Yanone Kaffeesatz';
+ line-height: 1.85em;
+ font-weight: 300;
+ }
+
+ input, textarea, select {
+ color: #474f51;
+ font-size: 13.5pt;
+ font-family: 'Yanone Kaffeesatz';
+ line-height: 1.85em;
+ font-weight: 300;
+ }
+
+ ul, ol, p, dl {
+ margin: 0 0 2em 0;
+ }
+
+ a {
+ text-decoration: underline;
+ }
+
+ a:hover {
+ text-decoration: none;
+ }
+
+ section > :last-child,
+ .last-child {
+ margin-bottom: 0 !important;
+ }
+
+/* Multi-use */
+
+ .link-list li {
+ padding: 0.2em 0 0.2em 0;
+ }
+
+ .link-list li:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ }
+
+ .link-list li:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+
+ .quote-list li {
+ padding: 1em 0 1em 0;
+ overflow: hidden;
+ }
+
+ .quote-list li:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ }
+
+ .quote-list li:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+
+ .quote-list li img {
+ float: left;
+ }
+
+ .quote-list li p {
+ margin: 0 0 0 90px;
+ font-size: 1.2em;
+ font-style: italic;
+ }
+
+ .quote-list li span {
+ display: block;
+ margin-left: 90px;
+ font-size: 0.9em;
+ font-weight: 400;
+ }
+
+ .check-list li {
+ padding: 0.7em 0 0.7em 45px;
+ font-size: 1.2em;
+ background: url("images/icon-checkmark.png") 0px 1.05em no-repeat;
+ }
+
+ .check-list li:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ background-position: 0 0.3em;
+ }
+
+ .check-list li:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+
+ .feature-image {
+ display: block;
+ margin: 0 0 2em 0;
+ outline: 0;
+ }
+
+ .feature-image img {
+ display: block;
+ width: 100%;
+ }
+
+ .bordered-feature-image {
+ display: block;
+ background: #fff url("images/bg04.png");
+ padding: 10px;
+ box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ margin: 0 0 1.5em 0;
+ outline: 0;
+ }
+
+ .bordered-feature-image img {
+ display: block;
+ width: 100%;
+ }
+
+ .button-big {
+ background-image: -moz-linear-gradient(top, #ed391b, #ce1a00);
+ background-image: -webkit-linear-gradient(top, #ed391b, #ce1a00);
+ background-image: -ms-linear-gradient(top, #ed391b, #ce1a00);
+ background-image: linear-gradient(top, #ed391b, #ce1a00);
+ display: inline-block;
+ background-color: #ed391b;
+ color: #fff;
+ text-decoration: none;
+ font-size: 1.75em;
+ font-weight: 300;
+ padding: 15px 45px 15px 45px;
+ outline: 0;
+ border-radius: 10px;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
+ }
+
+ .button-big:hover {
+ background-image: -moz-linear-gradient(top, #fd492b, #de2a10);
+ background-image: -webkit-linear-gradient(top, #fd492b, #de2a10);
+ background-image: -ms-linear-gradient(top, #fd492b, #de2a10);
+ background-image: linear-gradient(top, #fd492b, #de2a10);
+ background-color: #fd492b;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ }
+
+ .button-big:active {
+ background-image: -moz-linear-gradient(top, #ce1a00, #ed391b);
+ background-image: -webkit-linear-gradient(top, #ce1a00, #ed391b);
+ background-image: -ms-linear-gradient(top, #ce1a00, #ed391b);
+ background-image: linear-gradient(top, #ce1a00, #ed391b);
+ background-color: #ce1a00;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ }
+
+/* Content */
+
+ #content .quote-list li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+
+ #content .link-list li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+
+ #content .check-list li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+
+/* Footer */
+
+ #footer .quote-list li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+
+ #footer .link-list li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+
+ #footer .check-list li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+
+/* Desktop */
+
+ @media screen and (min-width: 737px) {
+
+ /* Basic */
+
+ body {
+ min-width: 1200px;
+ }
+
+ section:last-child {
+ margin-bottom: 0 !important;
+ }
+
+ /* Wrappers */
+
+ #header-wrapper {
+ background: #3B4346 url("images/bg01.jpg");
+ border-bottom: solid 1px #272d30;
+ box-shadow: inset 0px -1px 0px 0px #51575a;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ .subpage #header-wrapper {
+ height: 155px;
+ }
+
+ #features-wrapper {
+ background: #353D40 url("images/bg02.jpg");
+ border-bottom: solid 1px #272e31;
+ padding: 45px 0 45px 0;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #content-wrapper {
+ background: #f7f7f7 url("images/bg04.png");
+ border-top: solid 1px #fff;
+ padding: 45px 0 45px 0;
+ }
+
+ #footer-wrapper {
+ padding: 45px 0 45px 0;
+ text-shadow: 1px 1px 1px white;
+ }
+
+ /* Header */
+
+ #header {
+ min-height: 155px;
+ position: relative;
+ }
+
+ #header h1 {
+ position: absolute;
+ left: 0;
+ bottom: 35px;
+ font-size: 2.75em;
+ }
+
+ #header h1 a {
+ color: #fff;
+ text-decoration: none;
+ }
+
+ #header nav {
+ position: absolute;
+ right: 0;
+ bottom: 35px;
+ font-weight: 200;
+ }
+
+ #header nav a {
+ color: #c6c8c8;
+ text-decoration: none;
+ font-size: 1.4em;
+ margin-left: 60px;
+ outline: 0;
+ }
+
+ #header nav a:hover {
+ color: #f6f8f8;
+ }
+
+ /* Banner */
+
+ #banner {
+ border-top: solid 1px #222628;
+ box-shadow: inset 0px 1px 0px 0px #3e484a;
+ padding: 35px 0 35px 0;
+ color: #fff;
+ }
+
+ #banner .bordered-feature-image {
+ margin-bottom: 0;
+ }
+
+ #banner p {
+ font-size: 2em;
+ font-weight: 200;
+ line-height: 1.25em;
+ padding-right: 1em;
+ margin: 0 0 1em 0;
+ }
+
+ /* Features */
+
+ #features {
+ color: #a0a8ab;
+ }
+
+ #features h2 {
+ font-size: 1.25em;
+ color: #fff;
+ margin: 0 0 0.25em 0;
+ }
+
+ #features a {
+ color: #e0e8eb;
+ }
+
+ #features strong {
+ color: #fff;
+ }
+
+ /* Content */
+
+ #content section {
+ background: #fff;
+ padding: 40px 30px 45px 30px;
+ box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
+ margin: 0 0 10% 0;
+ }
+
+ #content h2 {
+ font-size: 1.8em;
+ color: #373f42;
+ margin: 0 0 0.25em 0;
+ }
+
+ #content h3 {
+ color: #96a9b5;
+ font-size: 1.25em;
+ }
+
+ #content a {
+ color: #ED391B;
+ }
+
+ #content header {
+ margin: 0 0 2em 0;
+ }
+
+ /* Footer */
+
+ #footer {
+ color: #546b76;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+ }
+
+ #footer h2 {
+ font-size: 1.25em;
+ color: #212f35;
+ margin: 0 0 1em 0;
+ }
+
+ #footer a {
+ color: #546b76;
+ }
+
+ /* Copyright */
+
+ #copyright {
+ border-top: solid 1px #b5bec3;
+ box-shadow: inset 0px 1px 0px 0px #e0e4e7;
+ text-align: center;
+ padding: 45px 0 80px 0;
+ color: #8d9ca3;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+ }
+
+ #copyright a {
+ color: #8d9ca3;
+ }
+
+ }
+
+/* Tablet */
+
+ @media screen and (min-width: 737px) and (max-width: 1200px) {
+
+ /* Basic */
+
+ body {
+ min-width: 1000px;
+ }
+
+ /* Multi-use */
+
+ .check-list li {
+ font-size: 1em;
+ line-height: 2em;
+ }
+
+ .quote-list li {
+ padding: 1em 0 1em 0;
+ }
+
+ .quote-list li img {
+ width: 60px;
+ }
+
+ .quote-list li p {
+ margin: 0 0 0 80px;
+ font-size: 1em;
+ font-style: italic;
+ line-height: 1.8em;
+ }
+
+ .quote-list li span {
+ display: block;
+ margin-left: 80px;
+ font-size: 0.8em;
+ font-weight: 400;
+ line-height: 1.8em;
+ }
+
+ .feature-image {
+ margin: 0 0 1em 0;
+ }
+
+ .button-big {
+ font-size: 1.5em;
+ padding: 10px 35px 10px 35px;
+ }
+
+ /* Banner */
+
+ #banner p {
+ font-size: 1.75em;
+ }
+
+ /* Header */
+
+ #header h1 {
+ font-size: 2.25em;
+ }
+
+ #header nav a {
+ font-size: 1.1em;
+ }
+
+ /* Content */
+
+ #content h2 {
+ font-size: 1.4em;
+ }
+
+ #content h3 {
+ font-size: 1.1em;
+ }
+
+ #content header {
+ margin: 0 0 1.25em 0;
+ }
+
+ }
+
+/* Mobile */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, textarea, select {
+ font-size: 13pt;
+ line-height: 1.4em;
+ }
+
+ /* Multi-use */
+
+ .link-list li {
+ padding: 0.75em 0 0.75em 0;
+ }
+
+ .quote-list li p {
+ margin-bottom: 0.5em;
+ }
+
+ .check-list li {
+ font-size: 1em;
+ }
+
+ .button-big {
+ font-size: 1.5em;
+ padding: 10px 35px 10px 35px;
+ }
+
+ /* Wrappers */
+
+ #header-wrapper {
+ background: #3B4346 url("images/bg01.jpg") top center;
+ box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #features-wrapper {
+ background: #353D40 url("images/bg02.jpg");
+ padding: 15px 15px 30px 15px;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #content-wrapper {
+ background: #f7f7f7 url("images/bg04.png");
+ padding: 5px;
+ }
+
+ .subpage #content-wrapper {
+ padding-top: 44px;
+ }
+
+ #footer-wrapper {
+ padding: 40px 15px 15px 15px;
+ text-shadow: 1px 1px 1px white;
+ }
+
+ /* Header */
+
+ #header {
+ display: none;
+ }
+
+ #banner {
+ position: relative;
+ color: #fff;
+ text-align: center;
+ padding: 30px 30px 15px 30px;
+ margin-top: 44px;
+ }
+
+ #banner .bordered-feature-image {
+ display: none;
+ }
+
+ #banner p {
+ font-size: 1.25em;
+ font-weight: 200;
+ line-height: 1.25em;
+ margin: 0 0 1em 0;
+ }
+
+ /* Features */
+
+ #features {
+ color: #a0a8ab;
+ }
+
+ #features section {
+ padding: 0 0 25px 0;
+ margin: 0 0 25px 0;
+ border-bottom: solid 1px #51575a;
+ box-shadow: inset 0px -1px 0px 0px #272d30;
+ }
+
+ #features > div > div:last-child > section {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ border-bottom: 0;
+ box-shadow: none;
+ }
+
+ #features h2 {
+ font-size: 1.25em;
+ color: #fff;
+ margin: 0 0 0.25em 0;
+ }
+
+ #features a {
+ color: #e0e8eb;
+ }
+
+ #features strong {
+ color: #fff;
+ }
+
+ /* Content */
+
+ #content section {
+ background: #fff;
+ box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
+ padding: 30px 15px 30px 15px;
+ margin: 0 0 5px 0;
+ }
+
+ #content h2 {
+ font-size: 1.25em;
+ color: #373f42;
+ margin: 0 0 0.1em 0;
+ }
+
+ #content h3 {
+ color: #96a9b5;
+ font-size: 1em;
+ }
+
+ #content a {
+ color: #ED391B;
+ }
+
+ #content header {
+ margin: 0 0 1.25em 0;
+ }
+
+ /* Footer */
+
+ #footer {
+ color: #546b76;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+ }
+
+ #footer section {
+ margin: 0 0 40px 0;
+ }
+
+ #footer h2 {
+ font-size: 1.25em;
+ color: #212f35;
+ margin: 0 0 0.75em 0;
+ }
+
+ #footer a {
+ color: #546b76;
+ }
+
+ #footer .link-list {
+ margin: 0 0 30px 0 !important;
+ }
+
+ /* Copyright */
+
+ #copyright {
+ border-top: solid 1px #b5bec3;
+ box-shadow: inset 0px 1px 0px 0px #e0e4e7;
+ text-align: center;
+ padding: 20px 30px 20px 30px;
+ color: #8d9ca3;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+ }
+
+ #copyright a {
+ color: #8d9ca3;
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ padding-bottom: 1px;
+ }
+
+ #titleBar {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10001;
+ color: #fff;
+ background: url("images/bg04.jpg");
+ box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #titleBar .title {
+ display: block;
+ text-align: center;
+ font-size: 1.2em;
+ font-weight: 400;
+ line-height: 44px;
+ }
+
+ #titleBar .toggle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 60px;
+ }
+
+ #titleBar .toggle:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 6px;
+ left: 6px;
+ color: #fff;
+ background: rgba(255, 255, 255, 0.025);
+ box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
+ text-shadow: -1px -1px 1px black;
+ width: 49px;
+ height: 31px;
+ border-radius: 8px;
+ }
+
+ #titleBar .toggle:before {
+ content: '';
+ position: absolute;
+ width: 20px;
+ height: 30px;
+ background: url("images/mobileUI-site-nav-opener-bg.svg");
+ top: 15px;
+ left: 20px;
+ z-index: 1;
+ opacity: 0.25;
+ }
+
+ #titleBar .toggle:active:after {
+ background: rgba(255, 255, 255, 0.05);
+ }
+
+ #navPanel {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transform: translateX(-275px);
+ -webkit-transform: translateX(-275px);
+ -ms-transform: translateX(-275px);
+ transform: translateX(-275px);
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: 275px;
+ z-index: 10002;
+ background: url("images/bg04.jpg");
+ box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
+ text-shadow: -1px -1px 1px black;
+ }
+
+ #navPanel .link {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+ font-size: 1.25em;
+ line-height: 2em;
+ padding: 0.5em 1.5em 0.5em 1.5em;
+ border-top: solid 1px #373d40;
+ border-bottom: solid 1px rgba(0, 0, 0, 0.4);
+ }
+
+ #navPanel .link:first-child {
+ border-top: 0;
+ }
+
+ #navPanel .link:last-child {
+ border-bottom: 0;
+ }
+
+ body.navPanel-visible #page-wrapper {
+ -moz-transform: translateX(275px);
+ -webkit-transform: translateX(275px);
+ -ms-transform: translateX(275px);
+ transform: translateX(275px);
+ }
+
+ body.navPanel-visible #titleBar {
+ -moz-transform: translateX(275px);
+ -webkit-transform: translateX(275px);
+ -ms-transform: translateX(275px);
+ transform: translateX(275px);
+ }
+
+ body.navPanel-visible #navPanel {
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ }
\ No newline at end of file
diff --git a/halcyonic/assets/js/ie/html5shiv.js b/halcyonic/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/halcyonic/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/halcyonic/assets/js/main.js b/halcyonic/assets/js/main.js
new file mode 100644
index 0000000..3be3d43
--- /dev/null
+++ b/halcyonic/assets/js/main.js
@@ -0,0 +1,77 @@
+/*
+ Halcyonic by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+(function($) {
+
+ skel
+ .breakpoints({
+ desktop: '(min-width: 737px)',
+ tablet: '(min-width: 737px) and (max-width: 1200px)',
+ mobile: '(max-width: 736px)'
+ })
+ .viewport({
+ breakpoints: {
+ tablet: {
+ width: 1080
+ }
+ }
+ });
+
+ $(function() {
+
+ var $window = $(window),
+ $body = $('body');
+
+ // Fix: Placeholder polyfill.
+ $('form').placeholder();
+
+ // Prioritize "important" elements on mobile.
+ skel.on('+mobile -mobile', function() {
+ $.prioritize(
+ '.important\\28 mobile\\29',
+ skel.breakpoint('mobile').active
+ );
+ });
+
+ // Off-Canvas Navigation.
+
+ // Title Bar.
+ $(
+ '
' +
+ '
' +
+ '
' + $('#logo').html() + ' ' +
+ '
'
+ )
+ .appendTo($body);
+
+ // Navigation Panel.
+ $(
+ '
' +
+ '' +
+ $('#nav').navList() +
+ ' ' +
+ '
'
+ )
+ .appendTo($body)
+ .panel({
+ delay: 500,
+ hideOnClick: true,
+ hideOnSwipe: true,
+ resetScroll: true,
+ resetForms: true,
+ side: 'left',
+ target: $body,
+ visibleClass: 'navPanel-visible'
+ });
+
+ // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
+ if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
+ $('#titleBar, #navPanel, #page-wrapper')
+ .css('transition', 'none');
+
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/halcyonic/assets/js/skel-viewport.min.js b/halcyonic/assets/js/skel-viewport.min.js
new file mode 100644
index 0000000..208618e
--- /dev/null
+++ b/halcyonic/assets/js/skel-viewport.min.js
@@ -0,0 +1,2 @@
+/* skel-viewport.js v3.0.1 | (c) skel.io | MIT licensed */
+!function(e){"use strict";var t={config:{width:"device-width",height:"",scalable:!0,breakpoints:{}},init:function(i){return e.extend(t.config,i),e.addStateHandler("viewport",t.stateHandler),e.attach(e.newAttachment("mv",t.newViewportMeta("initial-scale=1"),1,!0)),"ie"==e.vars.browser&&e.vars.IEVersion>=10&&(e.attach(e.newAttachment("mVie",e.newStyle("@-ms-viewport{width:device-width}"),1,!0)),window.setTimeout(function(){var e=document.getElementsByTagName("body")[0],t=e.style.height;e.style.height="10000px",window.setTimeout(function(){e.style.height=t},250)},250)),e},newViewportMeta:function(e){var t=document.createElement("meta");return t.name="viewport",t.content=e,t},stateHandler:function(){var i,n,a;return n=e.generateStateConfig({width:t.config.width,height:t.config.height,scalable:t.config.scalable},t.config.breakpoints),a=[],a.push("user-scalable="+(n.scalable?"yes":"no")),n.width&&a.push("width="+n.width),n.height&&a.push("height="+n.height),"device-width"==n.width&&a.push("initial-scale=1"),i=e.newAttachment("mv-"+e.stateId,t.newViewportMeta(a.join(",")),1),[i]}};e.viewport=t.init}(skel);
diff --git a/halcyonic/assets/js/skel.min.js b/halcyonic/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/halcyonic/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e
r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/halcyonic/assets/js/util.js b/halcyonic/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/halcyonic/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/halcyonic/assets/sass/ie9.scss b/halcyonic/assets/sass/ie9.scss
new file mode 100644
index 0000000..78ae4e5
--- /dev/null
+++ b/halcyonic/assets/sass/ie9.scss
@@ -0,0 +1,24 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Halcyonic by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Multi-use */
+
+ .button-big {
+ background-image: url('images/ie/button-big.svg');
+ }
+
+ .button-big:hover {
+ background-image: url('images/ie/button-big-hover.svg');
+ }
+
+ .button-big:active {
+ background-image: url('images/ie/button-big-active.svg');
+ }
\ No newline at end of file
diff --git a/halcyonic/assets/sass/libs/_functions.scss b/halcyonic/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/halcyonic/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/halcyonic/assets/sass/libs/_mixins.scss b/halcyonic/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/halcyonic/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/halcyonic/assets/sass/libs/_skel.scss b/halcyonic/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/halcyonic/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/halcyonic/assets/sass/libs/_vars.scss b/halcyonic/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..3358992
--- /dev/null
+++ b/halcyonic/assets/sass/libs/_vars.scss
@@ -0,0 +1,22 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ navPanel: 0.5s
+ );
+
+// Size.
+ $size: (
+ navPanel: 275px
+ );
+
+// Font.
+ $font: (
+ );
+
+// Palette.
+ $palette: (
+ );
\ No newline at end of file
diff --git a/halcyonic/assets/sass/main.scss b/halcyonic/assets/sass/main.scss
new file mode 100644
index 0000000..73e5017
--- /dev/null
+++ b/halcyonic/assets/sass/main.scss
@@ -0,0 +1,859 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200');
+
+/*
+ Halcyonic by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @import "libs/skel";
+
+ @include skel-breakpoints((
+ desktop: '(min-width: 737px)',
+ tablet: '(min-width: 737px) and (max-width: 1200px)',
+ mobile: '(max-width: 736px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: true,
+ conditionals: true,
+ containers: true,
+ breakpoints: (
+ desktop: (
+ containers: 1200px,
+ grid: (
+ gutters: (25px, 25px)
+ ),
+ ),
+ tablet: (
+ containers: 1000px,
+ grid: (
+ gutters: (20px, 20px)
+ ),
+ ),
+ mobile: (
+ containers: (100%, true),
+ grid: (
+ gutters: (20px, 20px)
+ ),
+ )
+ )
+ ));
+
+/* Basic */
+
+ body {
+ background: #D4D9DD url('images/bg03.jpg');
+ color: #474f51;
+ font-size: 13.5pt;
+ font-family: 'Yanone Kaffeesatz';
+ line-height: 1.85em;
+ font-weight: 300;
+ }
+
+ input, textarea, select {
+ color: #474f51;
+ font-size: 13.5pt;
+ font-family: 'Yanone Kaffeesatz';
+ line-height: 1.85em;
+ font-weight: 300;
+ }
+
+ ul, ol, p, dl {
+ margin: 0 0 2em 0;
+ }
+
+ a {
+ text-decoration: underline;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ section > :last-child,
+ .last-child {
+ margin-bottom: 0 !important;
+ }
+
+/* Multi-use */
+
+ .link-list {
+ li {
+ padding: 0.2em 0 0.2em 0;
+
+ &:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ }
+
+ &:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+ }
+ }
+
+ .quote-list {
+ li {
+ padding: 1em 0 1em 0;
+ overflow: hidden;
+
+ &:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ }
+
+ &:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+
+ img {
+ float: left;
+ }
+
+ p {
+ margin: 0 0 0 90px;
+ font-size: 1.2em;
+ font-style: italic;
+ }
+
+ span {
+ display: block;
+ margin-left: 90px;
+ font-size: 0.9em;
+ font-weight: 400;
+ }
+ }
+ }
+
+ .check-list {
+ li {
+ padding: 0.7em 0 0.7em 45px;
+ font-size: 1.2em;
+ background: url('images/icon-checkmark.png') 0px 1.05em no-repeat;
+
+ &:first-child {
+ padding-top: 0 !important;
+ border-top: 0 !important;
+ background-position: 0 0.3em;
+ }
+
+ &:last-child {
+ padding-bottom: 0 !important;
+ border-bottom: 0 !important;
+ }
+ }
+ }
+
+ .feature-image {
+ display: block;
+ margin: 0 0 2em 0;
+ outline: 0;
+
+ img {
+ display: block;
+ width: 100%;
+ }
+ }
+
+ .bordered-feature-image {
+ display: block;
+ background: #fff url('images/bg04.png');
+ padding: 10px;
+ box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ margin: 0 0 1.5em 0;
+ outline: 0;
+ img {
+ display: block;
+ width: 100%;
+ }
+ }
+
+ .button-big {
+ @include vendor('background-image', 'linear-gradient(top, #ed391b, #ce1a00)');
+ display: inline-block;
+ background-color: #ed391b;
+ color: #fff;
+ text-decoration: none;
+ font-size: 1.75em;
+ font-weight: 300;
+ padding: 15px 45px 15px 45px;
+ outline: 0;
+ border-radius: 10px;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
+
+ &:hover {
+ @include vendor('background-image', 'linear-gradient(top, #fd492b, #de2a10)');
+ background-color: #fd492b;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ }
+
+ &:active {
+ @include vendor('background-image', 'linear-gradient(top, #ce1a00, #ed391b)');
+ background-color: #ce1a00;
+ box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 192, 192, 0.5), inset 0px 0px 0px 2px rgba(255, 96, 96, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
+ }
+ }
+
+/* Content */
+
+ #content {
+ .quote-list {
+ li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+ }
+
+ .link-list {
+ li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+ }
+
+ .check-list {
+ li {
+ border-bottom: solid 1px #e2e6e8;
+ }
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ .quote-list {
+ li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+ }
+
+ .link-list {
+ li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+ }
+
+ .check-list {
+ li {
+ border-top: solid 1px #e0e4e6;
+ border-bottom: solid 1px #b5bec3;
+ }
+ }
+ }
+
+/* Desktop */
+
+ @include breakpoint(desktop) {
+
+ /* Basic */
+
+ body {
+ min-width: 1200px;
+ }
+
+ section:last-child {
+ margin-bottom: 0 !important;
+ }
+
+ /* Wrappers */
+
+ #header-wrapper {
+ background: #3B4346 url('images/bg01.jpg');
+ border-bottom: solid 1px #272d30;
+ box-shadow: inset 0px -1px 0px 0px #51575a;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ .subpage #header-wrapper {
+ height: 155px;
+ }
+
+ #features-wrapper {
+ background: #353D40 url('images/bg02.jpg');
+ border-bottom: solid 1px #272e31;
+ padding: 45px 0 45px 0;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #content-wrapper {
+ background: #f7f7f7 url('images/bg04.png');
+ border-top: solid 1px #fff;
+ padding: 45px 0 45px 0;
+ }
+
+ #footer-wrapper {
+ padding: 45px 0 45px 0;
+ text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
+ }
+
+ /* Header */
+
+ #header {
+ min-height: 155px;
+ position: relative;
+
+ h1 {
+ position: absolute;
+ left: 0;
+ bottom: 35px;
+ font-size: 2.75em;
+
+ a {
+ color: #fff;
+ text-decoration: none;
+ }
+ }
+
+ nav {
+ position: absolute;
+ right: 0;
+ bottom: 35px;
+ font-weight: 200;
+
+ a {
+ color: #c6c8c8;
+ text-decoration: none;
+ font-size: 1.4em;
+ margin-left: 60px;
+ outline: 0;
+
+ &:hover {
+ color: #f6f8f8;
+ }
+ }
+ }
+ }
+
+ /* Banner */
+
+ #banner {
+ border-top: solid 1px #222628;
+ box-shadow: inset 0px 1px 0px 0px #3e484a;
+ padding: 35px 0 35px 0;
+ color: #fff;
+
+ .bordered-feature-image {
+ margin-bottom: 0;
+ }
+
+ p {
+ font-size: 2em;
+ font-weight: 200;
+ line-height: 1.25em;
+ padding-right: 1em;
+ margin: 0 0 1em 0;
+ }
+ }
+
+ /* Features */
+
+ #features {
+ color: #a0a8ab;
+
+ h2 {
+ font-size: 1.25em;
+ color: #fff;
+ margin: 0 0 0.25em 0;
+ }
+
+ a {
+ color: #e0e8eb;
+ }
+
+ strong {
+ color: #fff;
+ }
+ }
+
+ /* Content */
+
+ #content {
+ section {
+ background: #fff;
+ padding: 40px 30px 45px 30px;
+ box-shadow: 2px 2px 2px 1px rgba(128, 128, 128, 0.1);
+ margin: 0 0 10% 0;
+ }
+
+ h2 {
+ font-size: 1.8em;
+ color: #373f42;
+ margin: 0 0 0.25em 0;
+ }
+
+ h3 {
+ color: #96a9b5;
+ font-size: 1.25em;
+ }
+
+ a {
+ color: #ED391B;
+ }
+
+ header {
+ margin: 0 0 2em 0;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ color: #546b76;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+
+ h2 {
+ font-size: 1.25em;
+ color: #212f35;
+ margin: 0 0 1em 0;
+ }
+
+ a {
+ color: #546b76;
+ }
+ }
+
+ /* Copyright */
+
+ #copyright {
+ border-top: solid 1px #b5bec3;
+ box-shadow: inset 0px 1px 0px 0px #e0e4e7;
+ text-align: center;
+ padding: 45px 0 80px 0;
+ color: #8d9ca3;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+
+ a {
+ color: #8d9ca3;
+ }
+ }
+
+ }
+
+/* Tablet */
+
+ @include breakpoint(tablet) {
+
+ /* Basic */
+
+ body {
+ min-width: 1000px;
+ }
+
+ /* Multi-use */
+
+ .check-list {
+ li {
+ font-size: 1em;
+ line-height: 2em;
+ }
+ }
+
+ .quote-list {
+ li {
+ padding: 1em 0 1em 0;
+
+ img {
+ width: 60px;
+ }
+ p {
+ margin: 0 0 0 80px;
+ font-size: 1em;
+ font-style: italic;
+ line-height: 1.8em;
+ }
+ span {
+ display: block;
+ margin-left: 80px;
+ font-size: 0.8em;
+ font-weight: 400;
+ line-height: 1.8em;
+ }
+ }
+ }
+
+ .feature-image {
+ margin: 0 0 1em 0;
+ }
+
+ .button-big {
+ font-size: 1.5em;
+ padding: 10px 35px 10px 35px;
+ }
+
+ /* Banner */
+
+ #banner {
+ p {
+ font-size: 1.75em;
+ }
+ }
+
+ /* Header */
+
+ #header {
+ h1 {
+ font-size: 2.25em;
+ }
+
+ nav {
+ a {
+ font-size: 1.1em;
+ }
+ }
+ }
+
+ /* Content */
+
+ #content {
+ h2 {
+ font-size: 1.4em;
+ }
+
+ h3 {
+ font-size: 1.1em;
+ }
+
+ header {
+ margin: 0 0 1.25em 0;
+ }
+ }
+
+ }
+
+/* Mobile */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @include breakpoint(mobile) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, textarea, select {
+ font-size: 13pt;
+ line-height: 1.4em;
+ }
+
+ /* Multi-use */
+
+ .link-list {
+ li {
+ padding: 0.75em 0 0.75em 0;
+ }
+ }
+
+ .quote-list {
+ li {
+ p {
+ margin-bottom: 0.5em;
+ }
+ }
+ }
+
+ .check-list {
+ li {
+ font-size: 1em;
+ }
+ }
+
+ .button-big {
+ font-size: 1.5em;
+ padding: 10px 35px 10px 35px;
+ }
+
+ /* Wrappers */
+ #header-wrapper {
+ background: #3B4346 url('images/bg01.jpg') top center;
+ box-shadow: inset 0px -1px 0px 0px #272d30, inset 0px -2px 0px 0px #51575a;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #features-wrapper {
+ background: #353D40 url('images/bg02.jpg');
+ padding: 15px 15px 30px 15px;
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+ }
+
+ #content-wrapper {
+ background: #f7f7f7 url('images/bg04.png');
+ padding: 5px;
+ }
+
+ .subpage #content-wrapper {
+ padding-top: 44px;
+ }
+
+ #footer-wrapper {
+ padding: 40px 15px 15px 15px;
+ text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
+ }
+
+ /* Header */
+
+ #header {
+ display: none;
+ }
+
+ #banner {
+ position: relative;
+ color: #fff;
+ text-align: center;
+ padding: 30px 30px 15px 30px;
+ margin-top: 44px;
+
+ .bordered-feature-image {
+ display: none;
+ }
+
+ p {
+ font-size: 1.25em;
+ font-weight: 200;
+ line-height: 1.25em;
+ margin: 0 0 1em 0;
+ }
+ }
+
+ /* Features */
+
+ #features {
+ color: #a0a8ab;
+
+ section {
+ padding: 0 0 25px 0;
+ margin: 0 0 25px 0;
+ border-bottom: solid 1px #51575a;
+ box-shadow: inset 0px -1px 0px 0px #272d30;
+ }
+
+ > div > div:last-child > section {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ border-bottom: 0;
+ box-shadow: none;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ color: #fff;
+ margin: 0 0 0.25em 0;
+ }
+
+ a {
+ color: #e0e8eb;
+ }
+
+ strong {
+ color: #fff;
+ }
+ }
+
+ /* Content */
+
+ #content {
+ section {
+ background: #fff;
+ box-shadow: inset 0px 0px 0px 1px rgba(128, 128, 128, 0.2);
+ padding: 30px 15px 30px 15px;
+ margin: 0 0 5px 0;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ color: #373f42;
+ margin: 0 0 0.1em 0;
+ }
+
+ h3 {
+ color: #96a9b5;
+ font-size: 1em;
+ }
+
+ a {
+ color: #ED391B;
+ }
+
+ header {
+ margin: 0 0 1.25em 0;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ color: #546b76;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+
+ section {
+ margin: 0 0 40px 0;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ color: #212f35;
+ margin: 0 0 0.75em 0;
+ }
+
+ a {
+ color: #546b76;
+ }
+
+ .link-list {
+ margin: 0 0 30px 0 !important;
+ }
+ }
+
+ /* Copyright */
+
+ #copyright {
+ border-top: solid 1px #b5bec3;
+ box-shadow: inset 0px 1px 0px 0px #e0e4e7;
+ text-align: center;
+ padding: 20px 30px 20px 30px;
+ color: #8d9ca3;
+ text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
+
+ a {
+ color: #8d9ca3;
+ }
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ padding-bottom: 1px;
+ }
+
+ #titleBar {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 1;
+ color: #fff;
+ background: url('images/bg04.jpg');
+ box-shadow: inset 0px -20px 70px 0px rgba(200, 220, 245, 0.1), inset 0px -1px 0px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.6);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);
+
+ .title {
+ display: block;
+ text-align: center;
+ font-size: 1.2em;
+ font-weight: 400;
+ line-height: 44px;
+ }
+
+ .toggle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 80px;
+ height: 60px;
+
+ &:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 6px;
+ left: 6px;
+ color: #fff;
+ background: rgba(255, 255, 255, 0.025);
+ box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.05), inset 0px -8px 10px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
+ width: 49px;
+ height: 31px;
+ border-radius: 8px;
+ }
+
+ &:before {
+ content: '';
+ position: absolute;
+ width: 20px;
+ height: 30px;
+ background: url('images/mobileUI-site-nav-opener-bg.svg');
+ top: 15px;
+ left: 20px;
+ z-index: 1;
+ opacity: 0.25;
+ }
+
+ &:active {
+ &:after {
+ background: rgba(255, 255, 255, 0.05);
+ }
+ }
+ }
+ }
+
+ #navPanel {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transform', 'translateX(#{_size(navPanel) * -1})');
+ @include vendor('transition', ('transform #{_duration(navPanel)} ease'));
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: _size(navPanel);
+ z-index: _misc(z-index-base) + 2;
+ background: url('images/bg04.jpg');
+ box-shadow: inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25), inset -2px 0px 25px 0px rgba(0, 0, 0, 0.5);
+ text-shadow: -1px -1px 1px rgba(0, 0, 0, 1);
+
+ .link {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+ font-size: 1.25em;
+ line-height: 2em;
+ padding: 0.5em 1.5em 0.5em 1.5em;
+ border-top: solid 1px #373d40;
+ border-bottom: solid 1px rgba(0, 0, 0, 0.4);
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &:last-child {
+ border-bottom: 0;
+ }
+ }
+ }
+
+ body {
+ &.navPanel-visible {
+ #page-wrapper {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #titleBar {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #navPanel {
+ @include vendor('transform', 'translateX(0)');
+ }
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/halcyonic/images/banner.jpg b/halcyonic/images/banner.jpg
new file mode 100644
index 0000000..568592d
Binary files /dev/null and b/halcyonic/images/banner.jpg differ
diff --git a/halcyonic/images/pic01.jpg b/halcyonic/images/pic01.jpg
new file mode 100644
index 0000000..a4a9881
Binary files /dev/null and b/halcyonic/images/pic01.jpg differ
diff --git a/halcyonic/images/pic02.jpg b/halcyonic/images/pic02.jpg
new file mode 100644
index 0000000..5b5f0b4
Binary files /dev/null and b/halcyonic/images/pic02.jpg differ
diff --git a/halcyonic/images/pic03.jpg b/halcyonic/images/pic03.jpg
new file mode 100644
index 0000000..ea85435
Binary files /dev/null and b/halcyonic/images/pic03.jpg differ
diff --git a/halcyonic/images/pic04.jpg b/halcyonic/images/pic04.jpg
new file mode 100644
index 0000000..d357c90
Binary files /dev/null and b/halcyonic/images/pic04.jpg differ
diff --git a/halcyonic/images/pic05.jpg b/halcyonic/images/pic05.jpg
new file mode 100644
index 0000000..2bcd632
Binary files /dev/null and b/halcyonic/images/pic05.jpg differ
diff --git a/halcyonic/images/pic06.jpg b/halcyonic/images/pic06.jpg
new file mode 100644
index 0000000..b7012c3
Binary files /dev/null and b/halcyonic/images/pic06.jpg differ
diff --git a/halcyonic/images/pic07.jpg b/halcyonic/images/pic07.jpg
new file mode 100644
index 0000000..22d7754
Binary files /dev/null and b/halcyonic/images/pic07.jpg differ
diff --git a/halcyonic/images/pic08.jpg b/halcyonic/images/pic08.jpg
new file mode 100644
index 0000000..c1c0212
Binary files /dev/null and b/halcyonic/images/pic08.jpg differ
diff --git a/halcyonic/index.html b/halcyonic/index.html
new file mode 100644
index 0000000..4df60b9
--- /dev/null
+++ b/halcyonic/index.html
@@ -0,0 +1,282 @@
+
+
+
+
+
Halcyonic by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Welcome to Halcyonic
+
+ This is Halcyonic , a free site template
+ by AJ for
+ HTML5 UP . It's responsive,
+ built on HTML5 + CSS3, and includes 5 unique page layouts.
+
+
+
+
+
+
+
+
+ Responsive You Say?
+
+ Yes! Halcyonic is built on the Skel
+ framework, so it has full responsive support for desktop, tablet,
+ and mobile device displays.
+
+
+
+
+
+
+
+
+ License Info
+
+ Halcyonic is licensed under the CCA 3.0 license,
+ so use it for personal or commercial use as much as you like (just keep
+ the footer credit intact).
+
+
+
+
+
+
+
+
+ Volutpat etiam aliquam
+
+ Duis neque nisi, dapibus sed mattis quis, rutrum accumsan sed. Suspendisse
+ eu varius nibh. Suspendisse vitae magna eget odio amet mollis.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Who We Are
+ A subheading about who we are
+
+
+ Duis neque nisi, dapibus sed mattis quis, rutrum accumsan sed.
+ Suspendisse eu varius nibh. Suspendisse vitae magna eget odio amet mollis
+ justo facilisis quis. Sed sagittis mauris amet tellus gravida lorem ipsum.
+
+
+
+
+
+
+
+
+
+ What We Do
+ A subheading about what we do
+
+
+ Sed mattis quis rutrum accum
+ Eu varius nibh suspendisse lorem
+ Magna eget odio amet mollis justo
+ Facilisis quis sagittis mauris
+ Amet tellus gravida lorem ipsum
+
+
+
+
+
+
+
+
+
+ What People Are Saying
+ And a final subheading about our clients
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Untitled. All rights reserved. | Design:
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/onecolumn.html b/halcyonic/onecolumn.html
new file mode 100644
index 0000000..fdb5546
--- /dev/null
+++ b/halcyonic/onecolumn.html
@@ -0,0 +1,191 @@
+
+
+
+
+
One Column - Halcyonic by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ One Column
+ A generic one column layout
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam metus, congue
+ vel suscipit ut, dignissim non risus. Vestibulum ante est, fringilla nec placerat
+ eu, vestibulum vitae diam. Integer eget egestas eros. Duis enim erat, mollis quis
+ lacinia eget, blandit nec ipsum. Donec vitae turpis ipsum. Aliquam mauris libero,
+ sagittis in eleifend at, mattis imperdiet velit. Donec urna risus, rutrum molestie
+ varius ac, lacinia sit amet augue. Nam ultrices elementum eros.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Untitled. All rights reserved. | Design:
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/threecolumn.html b/halcyonic/threecolumn.html
new file mode 100644
index 0000000..907564e
--- /dev/null
+++ b/halcyonic/threecolumn.html
@@ -0,0 +1,237 @@
+
+
+
+
+
Three Column - Halcyonic by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
+
+
+
+
+
+
+
+
+
+
+ Three Column
+ A generic three column layout
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam metus, congue
+ vel suscipit ut, dignissim non risus. Vestibulum ante est, fringilla nec placerat
+ eu, vestibulum vitae diam. Integer eget egestas eros. Duis enim erat, mollis quis
+ lacinia eget, blandit nec ipsum. Donec vitae turpis ipsum. Aliquam mauris libero,
+ sagittis in eleifend at, mattis imperdiet velit. Donec urna risus, rutrum molestie
+ varius ac, lacinia sit amet augue. Nam ultrices elementum eros.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+
+
+
+
+
+
+
+
+
+ Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Untitled. All rights reserved. | Design:
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/twocolumn1.html b/halcyonic/twocolumn1.html
new file mode 100644
index 0000000..286262e
--- /dev/null
+++ b/halcyonic/twocolumn1.html
@@ -0,0 +1,224 @@
+
+
+
+
+
Two Column 1 - Halcyonic by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Two Column #1
+ A generic two column layout
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam metus, congue
+ vel suscipit ut, dignissim non risus. Vestibulum ante est, fringilla nec placerat
+ eu, vestibulum vitae diam. Integer eget egestas eros. Duis enim erat, mollis quis
+ lacinia eget, blandit nec ipsum. Donec vitae turpis ipsum. Aliquam mauris libero,
+ sagittis in eleifend at, mattis imperdiet velit. Donec urna risus, rutrum molestie
+ varius ac, lacinia sit amet augue. Nam ultrices elementum eros.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+
+
+
+
+
+
+
+
+
+ Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Untitled. All rights reserved. | Design:
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/halcyonic/twocolumn2.html b/halcyonic/twocolumn2.html
new file mode 100644
index 0000000..02e7458
--- /dev/null
+++ b/halcyonic/twocolumn2.html
@@ -0,0 +1,224 @@
+
+
+
+
+
Two Column 2 - Halcyonic by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat.
+
+
+
+
+
+
+
+
+
+
+ Two Column #2
+ Another generic two column layout
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam metus, congue
+ vel suscipit ut, dignissim non risus. Vestibulum ante est, fringilla nec placerat
+ eu, vestibulum vitae diam. Integer eget egestas eros. Duis enim erat, mollis quis
+ lacinia eget, blandit nec ipsum. Donec vitae turpis ipsum. Aliquam mauris libero,
+ sagittis in eleifend at, mattis imperdiet velit. Donec urna risus, rutrum molestie
+ varius ac, lacinia sit amet augue. Nam ultrices elementum eros.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+ Sed faucibus viverra ligula, non varius magna semper vitae. Donec eu justo ut ipsum
+ hendrerit congue nec eu risus. Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ elit. Suspendisse fermentum adipiscing nisi, a tempor libero malesuada at. Morbi
+ lacinia dui adipiscing risus eleifend tincidunt. Proin eu mauris eu tellus eleifend
+ hendrerit.
+
+
+ Mauris sit amet tellus urna. In facilisis, tortor vitae ultricies egestas, odio
+ mi rhoncus arcu, quis euismod felis felis et velit. Mauris varius consectetur erat
+ egestas tempus. Cras convallis odio sit amet risus convallis porttitor. Integer
+ vehicula fermentum ligula at pretium. Suspendisse semper iaculis eros, eu aliquam
+ justo imperdiet vel. Proin nec dictum mi. Duis commodo enim non tellus interdum
+ iaculis. Phasellus ultrices diam sit amet orci lacinia sed consequat dui auctor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ © Untitled. All rights reserved. | Design:
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/helios/LICENSE.txt b/helios/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/helios/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/helios/README.txt b/helios/README.txt
new file mode 100644
index 0000000..d3f1b9d
--- /dev/null
+++ b/helios/README.txt
@@ -0,0 +1,39 @@
+Helios by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+This is Helios, a brand new site template for HTML5 UP. It's clean, modern, and designed
+to take advantage of larger (well, wider) displays while still being capable of gracefully
+scaling down to fit all manner of smaller ones.
+
+Demo images* courtesy of Michael Domaradzki, an awesome photographer I met over at
+deviantART. Check out his portfolio here:
+
+http://md.photomerchant.net/
+
+(* = Not included! Only meant for use with my own on-site demo, so please do NOT download
+and/or use any of Michaels's work without his explicit permission!)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Michael Domaradzki (md.photomerchant.net)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ CSS3 Pie (css3pie.com)
+ background-size polyfill (github.com/louisremi)
+ Respond.js (j.mp/respondjs)
+ jquery.dropotron (@ajlkn)
+ jquery.scrolly (@ajlkn)
+ jquery.onvisible (@ajlkn)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/helios/assets/css/font-awesome.min.css b/helios/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/helios/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/helios/assets/css/ie8.css b/helios/assets/css/ie8.css
new file mode 100644
index 0000000..41b2c44
--- /dev/null
+++ b/helios/assets/css/ie8.css
@@ -0,0 +1,155 @@
+/*
+ Helios by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ a {
+ border-bottom: solid 1px #ddd;
+ }
+
+ hr {
+ border-top: solid 1px #777;
+ border-bottom: solid 1px #777;
+ }
+
+ .timestamp {
+ color: #777;
+ }
+
+/* Section/Article */
+
+ section > .last-child, section.last-child, article > .last-child, article.last-child {
+ margin-bottom: 0;
+ }
+
+/* List */
+
+ ul.divided li {
+ border-top: solid 1px #777;
+ }
+
+ ul.menu li {
+ border-left: solid 1px #777;
+ }
+
+ ul.icons {
+ background: #333;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+/* Button */
+
+ .button {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+/* Icons */
+
+ .icon.circled {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+/* Header */
+
+ #header {
+ -ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
+ }
+
+ body.homepage #header {
+ height: auto;
+ min-height: 0;
+ padding: 12em 0 12em 0;
+ }
+
+ body.homepage #header:after {
+ display: none;
+ }
+
+/* Nav */
+
+ #nav > ul:before, #nav > ul:after {
+ border-top: solid 1px #777;
+ border-bottom: solid 1px #777;
+ }
+
+ #nav > ul > li {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ #nav > ul > li.active {
+ border-color: #999;
+ }
+
+ .dropotron {
+ background: #fff;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .dropotron li {
+ border-color: #eee;
+ padding-right: 1em;
+ color: #5b5b5b;
+ }
+
+ .dropotron.level-0 {
+ box-shadow: none !important;
+ margin-top: 1em;
+ }
+
+/* Carousel */
+
+ .carousel .forward, .carousel .backward {
+ border-radius: 100%;
+ background-color: #483949;
+ width: 7em;
+ height: 7em;
+ margin-top: -3.5em;
+ border-radius: 100%;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .carousel .forward:before, .carousel .backward:before {
+ display: none;
+ }
+
+ .carousel .forward {
+ right: -3.5em;
+ }
+
+ .carousel .backward {
+ left: -3.5em;
+ }
+
+/* Footer */
+
+ #footer ul.divided li {
+ border-color: #3B373C;
+ }
+
+ #footer ul.menu li {
+ border-color: #3B373C;
+ }
+
+ #footer hr {
+ border-color: #3B373C;
+ }
+
+ #footer .icons {
+ background: #2F2930;
+ }
+
+ #footer .copyright {
+ color: #777;
+ }
+
+ #footer .copyright a {
+ color: #aaa;
+ border: 0;
+ }
+
+ #footer .copyright a:hover {
+ color: #ccc;
+ }
\ No newline at end of file
diff --git a/helios/assets/css/images/arrow.svg b/helios/assets/css/images/arrow.svg
new file mode 100644
index 0000000..e9f7ee1
--- /dev/null
+++ b/helios/assets/css/images/arrow.svg
@@ -0,0 +1,4 @@
+
+
\ No newline at end of file
diff --git a/helios/assets/css/main.css b/helios/assets/css/main.css
new file mode 100644
index 0000000..6e39655
--- /dev/null
+++ b/helios/assets/css/main.css
@@ -0,0 +1,3042 @@
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");
+@import url("font-awesome.min.css");
+
+/*
+ Helios by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 1750px;
+ min-width: 1400px;
+ }
+
+ .container.\37 5\25 {
+ width: 1050px;
+ }
+
+ .container.\35 0\25 {
+ width: 700px;
+ }
+
+ .container.\32 5\25 {
+ width: 350px;
+ }
+
+ .container {
+ width: 1400px;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 1500px;
+ min-width: 1200px;
+ }
+
+ .container.\37 5\25 {
+ width: 900px;
+ }
+
+ .container.\35 0\25 {
+ width: 600px;
+ }
+
+ .container.\32 5\25 {
+ width: 300px;
+ }
+
+ .container {
+ width: 1200px;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100%;
+ }
+
+ }
+
+ @media screen and (max-width: 960px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100%;
+ }
+
+ }
+
+ @media screen and (max-width: 840px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0px 0 0 0px;
+ }
+
+ .row.\30 \25 {
+ margin: 0px 0 -1px 0px;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0px 0 0 0px;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0px 0 -1px 0px;
+ }
+
+ .row > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.uniform > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.uniform {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 96px 0 0 96px;
+ }
+
+ .row.\32 00\25 {
+ margin: -96px 0 -1px -96px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 96px 0 0 96px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -96px 0 -1px -96px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.\31 50\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 24px 0 0 24px;
+ }
+
+ .row.\35 0\25 {
+ margin: -24px 0 -1px -24px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 24px 0 0 24px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -24px 0 -1px -24px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 12px 0 0 12px;
+ }
+
+ .row.\32 5\25 {
+ margin: -12px 0 -1px -12px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 12px 0 0 12px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -12px 0 -1px -12px;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.uniform > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.uniform {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 96px 0 0 96px;
+ }
+
+ .row.\32 00\25 {
+ margin: -96px 0 -1px -96px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 96px 0 0 96px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -96px 0 -1px -96px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.\31 50\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 24px 0 0 24px;
+ }
+
+ .row.\35 0\25 {
+ margin: -24px 0 -1px -24px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 24px 0 0 24px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -24px 0 -1px -24px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 12px 0 0 12px;
+ }
+
+ .row.\32 5\25 {
+ margin: -12px 0 -1px -12px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 12px 0 0 12px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -12px 0 -1px -12px;
+ }
+
+ .\31 2u\28wide\29, .\31 2u\24\28wide\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28wide\29, .\31 1u\24\28wide\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28wide\29, .\31 0u\24\28wide\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28wide\29, .\39 u\24\28wide\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28wide\29, .\38 u\24\28wide\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28wide\29, .\37 u\24\28wide\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28wide\29, .\36 u\24\28wide\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28wide\29, .\35 u\24\28wide\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28wide\29, .\34 u\24\28wide\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28wide\29, .\33 u\24\28wide\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28wide\29, .\32 u\24\28wide\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28wide\29, .\31 u\24\28wide\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28wide\29 + *,
+ .\31 1u\24\28wide\29 + *,
+ .\31 0u\24\28wide\29 + *,
+ .\39 u\24\28wide\29 + *,
+ .\38 u\24\28wide\29 + *,
+ .\37 u\24\28wide\29 + *,
+ .\36 u\24\28wide\29 + *,
+ .\35 u\24\28wide\29 + *,
+ .\34 u\24\28wide\29 + *,
+ .\33 u\24\28wide\29 + *,
+ .\32 u\24\28wide\29 + *,
+ .\31 u\24\28wide\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28wide\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28wide\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28wide\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28wide\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28wide\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28wide\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28wide\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28wide\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28wide\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28wide\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28wide\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .row > * {
+ padding: 36px 0 0 36px;
+ }
+
+ .row {
+ margin: -36px 0 -1px -36px;
+ }
+
+ .row.uniform > * {
+ padding: 36px 0 0 36px;
+ }
+
+ .row.uniform {
+ margin: -36px 0 -1px -36px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.\32 00\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 72px 0 0 72px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -72px 0 -1px -72px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 54px 0 0 54px;
+ }
+
+ .row.\31 50\25 {
+ margin: -54px 0 -1px -54px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 54px 0 0 54px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -54px 0 -1px -54px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 18px 0 0 18px;
+ }
+
+ .row.\35 0\25 {
+ margin: -18px 0 -1px -18px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 18px 0 0 18px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -18px 0 -1px -18px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 9px 0 0 9px;
+ }
+
+ .row.\32 5\25 {
+ margin: -9px 0 -1px -9px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 9px 0 0 9px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -9px 0 -1px -9px;
+ }
+
+ .\31 2u\28normal\29, .\31 2u\24\28normal\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28normal\29, .\31 1u\24\28normal\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28normal\29, .\31 0u\24\28normal\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28normal\29, .\39 u\24\28normal\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28normal\29, .\38 u\24\28normal\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28normal\29, .\37 u\24\28normal\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28normal\29, .\36 u\24\28normal\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28normal\29, .\35 u\24\28normal\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28normal\29, .\34 u\24\28normal\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28normal\29, .\33 u\24\28normal\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28normal\29, .\32 u\24\28normal\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28normal\29, .\31 u\24\28normal\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28normal\29 + *,
+ .\31 1u\24\28normal\29 + *,
+ .\31 0u\24\28normal\29 + *,
+ .\39 u\24\28normal\29 + *,
+ .\38 u\24\28normal\29 + *,
+ .\37 u\24\28normal\29 + *,
+ .\36 u\24\28normal\29 + *,
+ .\35 u\24\28normal\29 + *,
+ .\34 u\24\28normal\29 + *,
+ .\33 u\24\28normal\29 + *,
+ .\32 u\24\28normal\29 + *,
+ .\31 u\24\28normal\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28normal\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28normal\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28normal\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28normal\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28normal\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28normal\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28normal\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28normal\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28normal\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28normal\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28normal\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 960px) {
+
+ .row > * {
+ padding: 32px 0 0 32px;
+ }
+
+ .row {
+ margin: -32px 0 -1px -32px;
+ }
+
+ .row.uniform > * {
+ padding: 32px 0 0 32px;
+ }
+
+ .row.uniform {
+ margin: -32px 0 -1px -32px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 64px 0 0 64px;
+ }
+
+ .row.\32 00\25 {
+ margin: -64px 0 -1px -64px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 64px 0 0 64px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -64px 0 -1px -64px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.\31 50\25 {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 16px 0 0 16px;
+ }
+
+ .row.\35 0\25 {
+ margin: -16px 0 -1px -16px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 16px 0 0 16px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -16px 0 -1px -16px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 8px 0 0 8px;
+ }
+
+ .row.\32 5\25 {
+ margin: -8px 0 -1px -8px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 8px 0 0 8px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -8px 0 -1px -8px;
+ }
+
+ .\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28narrow\29, .\39 u\24\28narrow\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28narrow\29, .\38 u\24\28narrow\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28narrow\29, .\37 u\24\28narrow\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28narrow\29, .\36 u\24\28narrow\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28narrow\29, .\35 u\24\28narrow\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28narrow\29, .\34 u\24\28narrow\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28narrow\29, .\33 u\24\28narrow\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28narrow\29, .\32 u\24\28narrow\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28narrow\29, .\31 u\24\28narrow\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28narrow\29 + *,
+ .\31 1u\24\28narrow\29 + *,
+ .\31 0u\24\28narrow\29 + *,
+ .\39 u\24\28narrow\29 + *,
+ .\38 u\24\28narrow\29 + *,
+ .\37 u\24\28narrow\29 + *,
+ .\36 u\24\28narrow\29 + *,
+ .\35 u\24\28narrow\29 + *,
+ .\34 u\24\28narrow\29 + *,
+ .\33 u\24\28narrow\29 + *,
+ .\32 u\24\28narrow\29 + *,
+ .\31 u\24\28narrow\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28narrow\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28narrow\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28narrow\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28narrow\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28narrow\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28narrow\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28narrow\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28narrow\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28narrow\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28narrow\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28narrow\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 840px) {
+
+ .row > * {
+ padding: 32px 0 0 32px;
+ }
+
+ .row {
+ margin: -32px 0 -1px -32px;
+ }
+
+ .row.uniform > * {
+ padding: 32px 0 0 32px;
+ }
+
+ .row.uniform {
+ margin: -32px 0 -1px -32px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 64px 0 0 64px;
+ }
+
+ .row.\32 00\25 {
+ margin: -64px 0 -1px -64px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 64px 0 0 64px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -64px 0 -1px -64px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.\31 50\25 {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 48px 0 0 48px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -48px 0 -1px -48px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 16px 0 0 16px;
+ }
+
+ .row.\35 0\25 {
+ margin: -16px 0 -1px -16px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 16px 0 0 16px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -16px 0 -1px -16px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 8px 0 0 8px;
+ }
+
+ .row.\32 5\25 {
+ margin: -8px 0 -1px -8px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 8px 0 0 8px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -8px 0 -1px -8px;
+ }
+
+ .\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28narrower\29, .\39 u\24\28narrower\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28narrower\29, .\38 u\24\28narrower\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28narrower\29, .\37 u\24\28narrower\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28narrower\29, .\36 u\24\28narrower\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28narrower\29, .\35 u\24\28narrower\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28narrower\29, .\34 u\24\28narrower\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28narrower\29, .\33 u\24\28narrower\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28narrower\29, .\32 u\24\28narrower\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28narrower\29, .\31 u\24\28narrower\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28narrower\29 + *,
+ .\31 1u\24\28narrower\29 + *,
+ .\31 0u\24\28narrower\29 + *,
+ .\39 u\24\28narrower\29 + *,
+ .\38 u\24\28narrower\29 + *,
+ .\37 u\24\28narrower\29 + *,
+ .\36 u\24\28narrower\29 + *,
+ .\35 u\24\28narrower\29 + *,
+ .\34 u\24\28narrower\29 + *,
+ .\33 u\24\28narrower\29 + *,
+ .\32 u\24\28narrower\29 + *,
+ .\31 u\24\28narrower\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28narrower\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28narrower\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28narrower\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28narrower\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28narrower\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28narrower\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28narrower\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28narrower\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28narrower\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28narrower\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28narrower\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.uniform > * {
+ padding: 20px 0 0 20px;
+ }
+
+ .row.uniform {
+ margin: -20px 0 -1px -20px;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 40px 0 0 40px;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -40px 0 -1px -40px;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 30px 0 0 30px;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -30px 0 -1px -30px;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 10px 0 0 10px;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -10px 0 -1px -10px;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 5px 0 0 5px;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -5px 0 -1px -5px;
+ }
+
+ .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28mobile\29, .\39 u\24\28mobile\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28mobile\29, .\38 u\24\28mobile\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28mobile\29, .\37 u\24\28mobile\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28mobile\29, .\36 u\24\28mobile\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28mobile\29, .\35 u\24\28mobile\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28mobile\29, .\34 u\24\28mobile\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28mobile\29, .\33 u\24\28mobile\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28mobile\29, .\32 u\24\28mobile\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28mobile\29, .\31 u\24\28mobile\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28mobile\29 + *,
+ .\31 1u\24\28mobile\29 + *,
+ .\31 0u\24\28mobile\29 + *,
+ .\39 u\24\28mobile\29 + *,
+ .\38 u\24\28mobile\29 + *,
+ .\37 u\24\28mobile\29 + *,
+ .\36 u\24\28mobile\29 + *,
+ .\35 u\24\28mobile\29 + *,
+ .\34 u\24\28mobile\29 + *,
+ .\33 u\24\28mobile\29 + *,
+ .\32 u\24\28mobile\29 + *,
+ .\31 u\24\28mobile\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28mobile\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28mobile\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28mobile\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28mobile\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28mobile\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28mobile\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28mobile\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28mobile\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28mobile\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28mobile\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28mobile\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ body {
+ background: #f0f4f4;
+ color: #5b5b5b;
+ font-size: 15pt;
+ line-height: 1.85em;
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 300;
+ }
+
+ body.is-loading *, body.is-loading *:after, body.is-loading *:before {
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ }
+
+ input, textarea, select {
+ font-size: 15pt;
+ line-height: 1.85em;
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 300;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: 400;
+ color: #483949;
+ line-height: 1.25em;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom-color: transparent;
+ }
+
+ h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
+ font-weight: 600;
+ }
+
+ h2 {
+ font-size: 2.85em;
+ }
+
+ h3 {
+ font-size: 1.25em;
+ }
+
+ h4 {
+ font-size: 1em;
+ margin: 0 0 0.25em 0;
+ }
+
+ strong, b {
+ font-weight: 400;
+ color: #483949;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ a {
+ color: inherit;
+ border-bottom: solid 1px rgba(128, 128, 128, 0.15);
+ text-decoration: none;
+ -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ }
+
+ a:hover {
+ color: #ef8376;
+ border-bottom-color: transparent;
+ }
+
+ sub {
+ position: relative;
+ top: 0.5em;
+ font-size: 0.8em;
+ }
+
+ sup {
+ position: relative;
+ top: -0.5em;
+ font-size: 0.8em;
+ }
+
+ blockquote {
+ border-left: solid 0.5em #ddd;
+ padding: 1em 0 1em 2em;
+ font-style: italic;
+ }
+
+ p, ul, ol, dl, table {
+ margin-bottom: 1em;
+ }
+
+ p {
+ text-align: justify;
+ }
+
+ br.clear {
+ clear: both;
+ }
+
+ hr {
+ position: relative;
+ display: block;
+ border: 0;
+ top: 4.5em;
+ margin-bottom: 9em;
+ height: 6px;
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ border-bottom: solid 1px rgba(128, 128, 128, 0.2);
+ }
+
+ hr:before, hr:after {
+ content: '';
+ position: absolute;
+ top: -8px;
+ display: block;
+ width: 1px;
+ height: 21px;
+ background: rgba(128, 128, 128, 0.2);
+ }
+
+ hr:before {
+ left: -1px;
+ }
+
+ hr:after {
+ right: -1px;
+ }
+
+ .timestamp {
+ color: rgba(128, 128, 128, 0.75);
+ font-size: 0.8em;
+ }
+
+/* Sections/Article */
+
+ section, article {
+ margin-bottom: 3em;
+ }
+
+ section > :last-child, section:last-child, article > :last-child, article:last-child {
+ margin-bottom: 0;
+ }
+
+ section.special > header, section.special > footer, article.special > header, article.special > footer {
+ text-align: center;
+ }
+
+ .row > section, .row > article {
+ margin-bottom: 0;
+ }
+
+ header {
+ margin: 0 0 1em 0;
+ }
+
+ header > p {
+ display: block;
+ font-size: 1.5em;
+ margin: 1em 0 2em 0;
+ line-height: 1.5em;
+ text-align: inherit;
+ }
+
+ footer {
+ margin: 2.5em 0 0 0;
+ }
+
+/* Image */
+
+ .image {
+ position: relative;
+ display: inline-block;
+ border: 0;
+ outline: 0;
+ }
+
+ .image img {
+ display: block;
+ width: 100%;
+ }
+
+ .image.fit {
+ display: block;
+ width: 100%;
+ }
+
+ .image.featured {
+ display: block;
+ width: 100%;
+ margin: 0 0 4em 0;
+ }
+
+ .image.left {
+ float: left;
+ margin: 0 2em 2em 0;
+ }
+
+ .image.centered {
+ display: block;
+ margin: 0 0 2em 0;
+ }
+
+ .image.centered img {
+ margin: 0 auto;
+ width: auto;
+ }
+
+/* List */
+
+ ul.default {
+ list-style: disc;
+ padding-left: 1em;
+ }
+
+ ul.default li {
+ padding-left: 0.5em;
+ }
+
+ ul.actions {
+ margin: 3em 0 0 0;
+ }
+
+ form ul.actions {
+ margin-top: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ margin: 0 0.75em 0 0.75em;
+ }
+
+ ul.actions li:first-child {
+ margin-left: 0;
+ }
+
+ ul.actions li:last-child {
+ margin-right: 0;
+ }
+
+ ul.divided li {
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ padding-top: 1.5em;
+ margin-top: 1.5em;
+ }
+
+ ul.divided li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ margin-top: 0;
+ }
+
+ ul.menu {
+ height: 1em;
+ line-height: 1em;
+ }
+
+ ul.menu li {
+ display: inline-block;
+ border-left: solid 1px rgba(128, 128, 128, 0.2);
+ padding-left: 1.25em;
+ margin-left: 1.25em;
+ }
+
+ ul.menu li:first-child {
+ border-left: 0;
+ padding-left: 0;
+ margin-left: 0;
+ }
+
+ ul.icons {
+ position: relative;
+ background: rgba(128, 128, 128, 0.05);
+ border-radius: 4em;
+ display: inline-block;
+ padding: 0.35em 0.75em 0.35em 0.75em;
+ font-size: 1.25em;
+ cursor: default;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ }
+
+ ul.icons li a {
+ display: inline-block;
+ background: none;
+ width: 2.5em;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ border-radius: 100%;
+ border: 0;
+ color: inherit;
+ }
+
+ ul.icons li a:hover {
+ color: #ef8376;
+ }
+
+ ol.default {
+ list-style: decimal;
+ padding-left: 1.25em;
+ }
+
+ ol.default li {
+ padding-left: 0.25em;
+ }
+
+/* Form */
+
+ form label {
+ display: block;
+ font-weight: 400;
+ color: #483949;
+ margin: 0 0 1em 0;
+ }
+
+ form input[type="text"],
+ form input[type="email"],
+ form input[type="password"],
+ form select,
+ form textarea {
+ -webkit-appearance: none;
+ display: block;
+ border: 0;
+ background: #fafafa;
+ width: 100%;
+ border-radius: 0.5em;
+ border: solid 1px #E5E5E5;
+ padding: 1em;
+ -moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ -webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ -ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ }
+
+ form input[type="text"]:focus,
+ form input[type="email"]:focus,
+ form input[type="password"]:focus,
+ form select:focus,
+ form textarea:focus {
+ background: #fff;
+ border-color: #df7366;
+ }
+
+ form input[type="text"],
+ form input[type="email"],
+ form input[type="password"],
+ form select {
+ line-height: 1em;
+ }
+
+ form textarea {
+ min-height: 9em;
+ }
+
+ form .formerize-placeholder {
+ color: #555 !important;
+ }
+
+ form ::-webkit-input-placeholder {
+ color: #555 !important;
+ }
+
+ form :-moz-placeholder {
+ color: #555 !important;
+ }
+
+ form ::-moz-placeholder {
+ color: #555 !important;
+ }
+
+ form :-ms-input-placeholder {
+ color: #555 !important;
+ }
+
+ form ::-moz-focus-inner {
+ border: 0;
+ }
+
+/* Table */
+
+ table {
+ width: 100%;
+ }
+
+ table.default {
+ width: 100%;
+ }
+
+ table.default tbody tr {
+ border-top: solid 1px #e5e5e5;
+ }
+
+ table.default tbody tr:first-child {
+ border-top: 0;
+ }
+
+ table.default tbody tr:nth-child(2n+1) {
+ background: #fafafa;
+ }
+
+ table.default td {
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ table.default th {
+ text-align: left;
+ font-weight: 400;
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ table.default thead {
+ border-bottom: solid 2px #e5e5e5;
+ }
+
+ table.default tfoot {
+ border-top: solid 2px #e5e5e5;
+ }
+
+/* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ position: relative;
+ display: inline-block;
+ background: #df7366;
+ color: #fff;
+ text-align: center;
+ border-radius: 0.5em;
+ text-decoration: none;
+ padding: 0.65em 3em 0.65em 3em;
+ border: 0;
+ cursor: pointer;
+ outline: 0;
+ font-weight: 300;
+ -moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ -webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ -ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
+ }
+
+ input[type="button"]:hover,
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ button:hover,
+ .button:hover {
+ color: #fff;
+ background: #ef8376;
+ }
+
+ input[type="button"].alt,
+ input[type="submit"].alt,
+ input[type="reset"].alt,
+ button.alt,
+ .button.alt {
+ background: #2B252C;
+ }
+
+ input[type="button"].alt:hover,
+ input[type="submit"].alt:hover,
+ input[type="reset"].alt:hover,
+ button.alt:hover,
+ .button.alt:hover {
+ background: #3B353C;
+ }
+
+/* Post */
+
+ .post.stub {
+ text-align: center;
+ }
+
+ .post.stub header {
+ margin: 0;
+ }
+
+/* Icons */
+
+ .icon {
+ text-decoration: none;
+ }
+
+ .icon:before {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 1.25em;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon.circled {
+ position: relative;
+ display: inline-block;
+ background: #2b252c;
+ color: #fff;
+ border-radius: 100%;
+ width: 3em;
+ height: 3em;
+ line-height: 3.25em;
+ text-align: center;
+ font-size: 1.25em;
+ }
+
+ header .icon.circled {
+ margin: 0 0 2em 0;
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ background: #fff;
+ margin: 0 0 2em 0;
+ padding: 6em 0 6em 0;
+ }
+
+ .wrapper.style2 {
+ padding-top: 0;
+ }
+
+/* Header */
+
+ #header {
+ position: relative;
+ background-image: url("../../images/header.jpg");
+ background-size: cover;
+ background-position: center center;
+ background-attachment: fixed;
+ color: #fff;
+ text-align: center;
+ padding: 7.5em 0 2em 0;
+ cursor: default;
+ }
+
+ #header:before {
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+ }
+
+ #header .inner {
+ position: relative;
+ z-index: 1;
+ margin: 0;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ #header header {
+ display: inline-block;
+ }
+
+ #header header > p {
+ font-size: 1.25em;
+ margin: 0;
+ }
+
+ #header h1 {
+ color: #fff;
+ font-size: 3em;
+ line-height: 1em;
+ }
+
+ #header h1 a {
+ color: inherit;
+ }
+
+ #header .button {
+ display: inline-block;
+ border-radius: 100%;
+ width: 4.5em;
+ height: 4.5em;
+ line-height: 4.5em;
+ text-align: center;
+ font-size: 1.25em;
+ padding: 0;
+ }
+
+ #header hr {
+ top: 1.5em;
+ margin-bottom: 3em;
+ border-bottom-color: rgba(192, 192, 192, 0.35);
+ box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
+ }
+
+ #header hr:before, #header hr:after {
+ background: rgba(192, 192, 192, 0.35);
+ }
+
+ #header footer {
+ margin: 1em 0 0 0;
+ }
+
+ body.homepage #header {
+ height: 100vh;
+ min-height: 40em;
+ }
+
+ body.homepage #header h1 {
+ font-size: 4em;
+ }
+
+ body.homepage #header:after {
+ content: '';
+ background: #1C0920;
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ -moz-transition: opacity 2.5s ease-in-out;
+ -webkit-transition: opacity 2.5s ease-in-out;
+ -ms-transition: opacity 2.5s ease-in-out;
+ transition: opacity 2.5s ease-in-out;
+ -moz-transition-delay: 0.5s;
+ -webkit-transition-delay: 0.5s;
+ -ms-transition-delay: 0.5s;
+ transition-delay: 0.5s;
+ }
+
+ body.homepage.is-loading #header:after {
+ opacity: 1;
+ }
+
+/* Nav */
+
+ #nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ padding: 1.5em 0 1.5em 0;
+ z-index: 1;
+ overflow: hidden;
+ }
+
+ #nav > ul {
+ line-height: 0px;
+ position: relative;
+ display: inline-block;
+ margin: 0;
+ height: 21px;
+ border-left: solid 1px rgba(192, 192, 192, 0.35);
+ border-right: solid 1px rgba(192, 192, 192, 0.35);
+ }
+
+ #nav > ul:before, #nav > ul:after {
+ content: '';
+ display: block;
+ width: 300%;
+ position: absolute;
+ top: 50%;
+ margin-top: -2px;
+ height: 5px;
+ border-top: solid 1px rgba(192, 192, 192, 0.35);
+ border-bottom: solid 1px rgba(192, 192, 192, 0.35);
+ }
+
+ #nav > ul:before {
+ left: 100%;
+ margin-left: 1px;
+ }
+
+ #nav > ul:after {
+ right: 100%;
+ margin-right: 1px;
+ }
+
+ #nav > ul > li {
+ display: inline-block;
+ margin: -9px 0.5em 0 0.5em;
+ border-radius: 0.5em;
+ padding: 0.85em;
+ border: solid 1px transparent;
+ -moz-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ -webkit-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ -ms-transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ transition: color 0.35s ease-in-out, border-color 0.35s ease-in-out;
+ }
+
+ #nav > ul > li.active {
+ border-color: rgba(192, 192, 192, 0.35);
+ }
+
+ #nav > ul > li > a, #nav > ul > li > span {
+ display: block;
+ color: inherit;
+ text-decoration: none;
+ border: 0;
+ outline: 0;
+ }
+
+ #nav > ul > li > ul {
+ display: none;
+ }
+
+ .dropotron {
+ background: rgba(255, 255, 255, 0.975);
+ padding: 1em 1.25em 1em 1.25em;
+ line-height: 1em;
+ height: auto;
+ text-align: left;
+ border-radius: 0.5em;
+ box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
+ min-width: 12em;
+ margin-top: -1em;
+ }
+
+ .dropotron li {
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ color: #5b5b5b;
+ }
+
+ .dropotron li:first-child {
+ border-top: 0;
+ }
+
+ .dropotron li:hover {
+ color: #ef8376;
+ }
+
+ .dropotron li a, .dropotron li span {
+ display: block;
+ border: 0;
+ padding: 0.5em 0 0.5em 0;
+ -moz-transition: color 0.35s ease-in-out;
+ -webkit-transition: color 0.35s ease-in-out;
+ -ms-transition: color 0.35s ease-in-out;
+ transition: color 0.35s ease-in-out;
+ }
+
+ .dropotron.level-0 {
+ margin-top: 2em;
+ font-size: 0.9em;
+ }
+
+ .dropotron.level-0:before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ top: -0.7em;
+ margin-left: -0.75em;
+ border-bottom: solid 0.75em rgba(255, 255, 255, 0.975);
+ border-left: solid 0.75em rgba(64, 64, 64, 0);
+ border-right: solid 0.75em rgba(64, 64, 64, 0);
+ }
+
+/* Banner */
+
+ #banner {
+ background: #fff;
+ text-align: center;
+ padding: 4.5em 0 4.5em 0;
+ margin-bottom: 0;
+ }
+
+ #banner header > p {
+ margin-bottom: 0;
+ }
+
+/* Content */
+
+ #content > hr {
+ top: 3em;
+ margin-bottom: 6em;
+ }
+
+ #content > section {
+ margin-bottom: 0;
+ }
+
+/* Sidebar */
+
+ #sidebar > hr {
+ top: 3em;
+ margin-bottom: 6em;
+ }
+
+ #sidebar > hr.first {
+ display: none;
+ }
+
+ #sidebar > section {
+ margin-bottom: 0;
+ }
+
+/* Main */
+
+ #main {
+ margin-bottom: 0;
+ }
+
+ #main section:first-of-type {
+ padding-top: 2em;
+ }
+
+/* Footer */
+
+ #footer {
+ position: relative;
+ overflow: hidden;
+ padding: 6em 0 6em 0;
+ background: #2b252c;
+ color: #fff;
+ }
+
+ #footer .icon.circled {
+ background: #fff;
+ color: #2b252c;
+ }
+
+ #footer header {
+ text-align: center;
+ cursor: default;
+ }
+
+ #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
+ color: #fff;
+ }
+
+ #footer .contact {
+ text-align: center;
+ }
+
+ #footer .contact p {
+ text-align: center;
+ margin: 0 0 3em 0;
+ }
+
+ #footer .copyright {
+ text-align: center;
+ color: rgba(128, 128, 128, 0.75);
+ font-size: 0.8em;
+ cursor: default;
+ }
+
+ #footer .copyright a {
+ color: rgba(128, 128, 128, 0.75);
+ }
+
+ #footer .copyright a:hover {
+ color: rgba(212, 212, 212, 0.85);
+ }
+
+/* Carousel */
+
+ .carousel {
+ position: relative;
+ overflow: hidden;
+ padding: 2em 0 2em 0;
+ margin-bottom: 0;
+ }
+
+ .carousel .forward, .carousel .backward {
+ position: absolute;
+ top: 50%;
+ width: 6em;
+ height: 12em;
+ margin-top: -6em;
+ cursor: pointer;
+ }
+
+ .carousel .forward:before, .carousel .backward:before {
+ content: '';
+ display: block;
+ width: 6em;
+ height: 6em;
+ border-radius: 100%;
+ background-color: rgba(72, 57, 73, 0.5);
+ position: absolute;
+ top: 50%;
+ margin-top: -3em;
+ -moz-transition: background-color 0.35s ease-in-out;
+ -webkit-transition: background-color 0.35s ease-in-out;
+ -o-transition: background-color 0.35s ease-in-out;
+ -ms-transition: background-color 0.35s ease-in-out;
+ transition: background-color 0.35s ease-in-out;
+ -webkit-backface-visibility: hidden;
+ }
+
+ .carousel .forward:after, .carousel .backward:after {
+ content: '';
+ width: 3em;
+ height: 3em;
+ position: absolute;
+ top: 50%;
+ margin: -1.5em 0 0 0;
+ background: url("images/arrow.svg") no-repeat center center;
+ }
+
+ .carousel .forward:hover:before, .carousel .backward:hover:before {
+ background-color: rgba(239, 131, 118, 0.75);
+ }
+
+ .carousel .forward {
+ right: 0;
+ }
+
+ .carousel .forward:before {
+ right: -3em;
+ }
+
+ .carousel .forward:after {
+ right: -0.25em;
+ }
+
+ .carousel .backward {
+ left: 0;
+ }
+
+ .carousel .backward:before {
+ left: -3em;
+ }
+
+ .carousel .backward:after {
+ left: -0.25em;
+ -moz-transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ -ms-transform: scaleX(-1);
+ transform: scaleX(-1);
+ }
+
+ .carousel .reel {
+ white-space: nowrap;
+ position: relative;
+ -webkit-overflow-scrolling: touch;
+ padding: 0 2em 0 2em;
+ }
+
+ .carousel article {
+ display: inline-block;
+ width: 18em;
+ background: #fff;
+ text-align: center;
+ padding: 0 1em 3em 1em;
+ margin: 0 2em 0 0;
+ white-space: normal;
+ opacity: 1.0;
+ -moz-transition: opacity 0.75s ease-in-out;
+ -webkit-transition: opacity 0.75s ease-in-out;
+ -ms-transition: opacity 0.75s ease-in-out;
+ transition: opacity 0.75s ease-in-out;
+ }
+
+ .carousel article.loading {
+ opacity: 0;
+ }
+
+ .carousel article .image {
+ position: relative;
+ left: -1em;
+ top: 0;
+ width: auto;
+ margin-right: -2em;
+ margin-bottom: 3em;
+ }
+
+ .carousel article p {
+ text-align: center;
+ }
+
+/* Wide */
+
+ @media screen and (max-width: 1680px) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 14pt;
+ line-height: 1.75em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 1.5em 0 1.5em 0;
+ }
+
+ .carousel .reel {
+ padding: 0 1.5em 0 1.5em;
+ }
+
+ .carousel article {
+ width: 18em;
+ margin: 0 1.25em 0 0;
+ }
+
+ }
+
+/* Normal */
+
+ @media screen and (max-width: 1280px) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 12pt;
+ line-height: 1.5em;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ /* Header */
+
+ #header {
+ background-attachment: scroll;
+ }
+
+ #header .inner {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ /* Banner */
+
+ #banner {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ }
+
+/* Narrow */
+
+/* Narrower */
+
+ @media screen and (max-width: 840px) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 13pt;
+ line-height: 1.65em;
+ }
+
+ .tweet {
+ text-align: center;
+ }
+
+ .timestamp {
+ display: block;
+ text-align: center;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 4em 2em 4em 2em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 1.25em 0 1.25em 0;
+ }
+
+ .carousel article {
+ width: 18em;
+ margin: 0 1em 0 0;
+ }
+
+ }
+
+/* Mobile */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, textarea, select {
+ font-size: 12.5pt;
+ line-height: 1.5em;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ }
+
+ h3 {
+ font-size: 1.25em;
+ }
+
+ hr {
+ top: 3em;
+ margin-bottom: 6em;
+ }
+
+ /* Section/Article */
+
+ section, article {
+ margin-bottom: 2em;
+ }
+
+ section:last-child, article:last-child {
+ margin-bottom: 0;
+ }
+
+ .row > section, .row > article {
+ margin-bottom: 2em;
+ }
+
+ header > p {
+ font-size: 1.25em;
+ }
+
+ /* Image */
+
+ .image.featured {
+ margin: 0 0 2em 0;
+ }
+
+ .image.left {
+ margin: 0 1em 1em 0;
+ }
+
+ .image.centered {
+ margin: 0 0 1em 0;
+ }
+
+ /* List */
+
+ form ul.actions {
+ margin-top: 0;
+ }
+
+ ul.actions li {
+ display: block;
+ margin: 0.75em 0 0 0;
+ }
+
+ ul.actions li:first-child {
+ margin-top: 0;
+ }
+
+ ul.menu {
+ height: auto;
+ text-align: center;
+ }
+
+ ul.menu li {
+ display: block;
+ border: 0;
+ padding: 0.75em 0 0 0;
+ margin: 0;
+ }
+
+ ul.menu li:first-child {
+ padding-top: 0;
+ }
+
+ ul.icons {
+ font-size: 1em;
+ padding: 0.35em 0.5em 0.35em 0.5em;
+ }
+
+ ul.icons li a {
+ width: 2.25em;
+ }
+
+ /* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ display: block;
+ padding: 0;
+ line-height: 3em;
+ width: 100%;
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ padding-bottom: 1px;
+ }
+
+ #navButton {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10001;
+ }
+
+ #navButton .toggle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ outline: 0;
+ }
+
+ #navButton .toggle:before {
+ font-family: FontAwesome;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: '\f0c9';
+ color: #fff;
+ color: rgba(255, 255, 255, 0.75);
+ text-align: center;
+ display: block;
+ font-size: 14px;
+ width: 80px;
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ left: 50%;
+ margin-left: -40px;
+ background: rgba(132, 128, 136, 0.75);
+ border-top: 0;
+ border-radius: 0 0 0.35em 0.35em;
+ }
+
+ #navPanel {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transform: translateY(-50vh);
+ -webkit-transform: translateY(-50vh);
+ -ms-transform: translateY(-50vh);
+ transform: translateY(-50vh);
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 50vh;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10002;
+ background: #1f1920;
+ box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
+ font-size: 1em;
+ }
+
+ #navPanel:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: url("images/overlay.png");
+ background-size: 128px 128px;
+ }
+
+ #navPanel .link {
+ position: relative;
+ z-index: 1;
+ display: block;
+ text-decoration: none;
+ padding: 0.5em;
+ color: #ddd;
+ border: 0;
+ border-top: dotted 1px rgba(255, 255, 255, 0.05);
+ }
+
+ #navPanel .link:first-child {
+ border-top: 0;
+ }
+
+ #navPanel .link.depth-0 {
+ color: #fff;
+ font-weight: 600;
+ }
+
+ #navPanel .indent-1 {
+ display: inline-block;
+ width: 1em;
+ }
+
+ #navPanel .indent-2 {
+ display: inline-block;
+ width: 2em;
+ }
+
+ #navPanel .indent-3 {
+ display: inline-block;
+ width: 3em;
+ }
+
+ #navPanel .indent-4 {
+ display: inline-block;
+ width: 4em;
+ }
+
+ #navPanel .indent-5 {
+ display: inline-block;
+ width: 5em;
+ }
+
+ #navPanel .depth-0 {
+ color: #fff;
+ }
+
+ body.navPanel-visible #page-wrapper {
+ -moz-transform: translateY(50vh);
+ -webkit-transform: translateY(50vh);
+ -ms-transform: translateY(50vh);
+ transform: translateY(50vh);
+ }
+
+ body.navPanel-visible #navButton {
+ -moz-transform: translateY(50vh);
+ -webkit-transform: translateY(50vh);
+ -ms-transform: translateY(50vh);
+ transform: translateY(50vh);
+ }
+
+ body.navPanel-visible #navPanel {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 3em 1em 3em 1em;
+ }
+
+ /* Header */
+
+ #header {
+ background-attachment: scroll;
+ padding: 2.5em 0 0 0;
+ }
+
+ #header .inner {
+ padding-top: 1.5em;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ #header header > p {
+ font-size: 1em;
+ }
+
+ #header h1 {
+ font-size: 1.75em;
+ }
+
+ #header hr {
+ top: 1em;
+ margin-bottom: 2.5em;
+ }
+
+ body.homepage #header {
+ min-height: 0;
+ padding: 5.5em 0 5em 0;
+ height: auto;
+ }
+
+ body.homepage #header:before {
+ display: none;
+ }
+
+ body.homepage #header h1 {
+ font-size: 2.5em;
+ }
+
+ /* Nav */
+
+ #nav {
+ display: none;
+ }
+
+ /* Banner */
+
+ #banner {
+ padding: 3em 2em 3em 2em;
+ }
+
+ /* Sidebar */
+
+ #sidebar > hr:first-of-type {
+ display: block;
+ }
+
+ /* Main */
+
+ #main > header {
+ text-align: center;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 0.5em 0 0.5em 0;
+ }
+
+ .carousel .reel {
+ padding: 0 0.5em 0 0.5em;
+ }
+
+ .carousel article {
+ width: 14em;
+ padding-bottom: 2em;
+ margin: 0 0.5em 0 0;
+ }
+
+ .carousel article .image {
+ margin-bottom: 2em;
+ }
+
+ }
\ No newline at end of file
diff --git a/helios/assets/fonts/FontAwesome.otf b/helios/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/helios/assets/fonts/FontAwesome.otf differ
diff --git a/helios/assets/fonts/fontawesome-webfont.eot b/helios/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/helios/assets/fonts/fontawesome-webfont.eot differ
diff --git a/helios/assets/fonts/fontawesome-webfont.svg b/helios/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/helios/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/helios/assets/fonts/fontawesome-webfont.ttf b/helios/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/helios/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/helios/assets/fonts/fontawesome-webfont.woff b/helios/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/helios/assets/fonts/fontawesome-webfont.woff differ
diff --git a/helios/assets/fonts/fontawesome-webfont.woff2 b/helios/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/helios/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/helios/assets/js/ie/PIE.htc b/helios/assets/js/ie/PIE.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/helios/assets/js/ie/PIE.htc
@@ -0,0 +1,96 @@
+
+
+
+
diff --git a/helios/assets/js/ie/backgroundsize.min.htc b/helios/assets/js/ie/backgroundsize.min.htc
new file mode 100644
index 0000000..3d9960d
--- /dev/null
+++ b/helios/assets/js/ie/backgroundsize.min.htc
@@ -0,0 +1,7 @@
+
+ #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b1)for(var o=0;o0&&t.add(n).on("mouseleave",function(e){window.clearTimeout(c),c=window.setTimeout(function(){t.trigger("doCollapse")},o.hideDelay)}),t.disableSelection_dropotron().hide().addClass(o.menuClass).css("position","absolute").on("mouseenter",function(e){window.clearTimeout(c)}).on("doExpand",function(){if(t.is(":visible"))return!1;window.clearTimeout(c),s.each(function(){var t=e(this);e.contains(t.get(0),n.get(0))||t.trigger("doCollapse")});var i,a,d,f,u=n.offset(),p=n.position(),h=(n.parent().position(),n.outerWidth()),g=t.outerWidth(),v=t.css("z-index")==o.baseZIndex;if(v){switch(i=o.detach?u:p,f=i.top+n.outerHeight()+o.globalOffsetY,a=o.alignment,t.removeClass("left").removeClass("right").removeClass("center"),o.alignment){case"right":d=i.left-g+h,0>d&&(d=i.left,a="left");break;case"center":d=i.left-Math.floor((g-h)/2),0>d?(d=i.left,a="left"):d+g>l.width()&&(d=i.left-g+h,a="right");break;case"left":default:d=i.left,d+g>l.width()&&(d=i.left-g+h,a="right")}t.addClass(a)}else switch("relative"==n.css("position")||"absolute"==n.css("position")?(f=o.offsetY,d=-1*p.left):(f=p.top+o.offsetY,d=0),o.alignment){case"right":d+=-1*n.parent().outerWidth()+o.offsetX;break;case"center":case"left":default:d+=n.parent().outerWidth()+o.offsetX}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(d+=o.IEOffsetX,f+=o.IEOffsetY),t.css("left",d+"px").css("top",f+"px").css("opacity","0.01").show();var C=!1;switch(d="relative"==n.css("position")||"absolute"==n.css("position")?-1*p.left:0,t.offset().left<0?(d+=n.parent().outerWidth()-o.offsetX,C=!0):t.offset().left+g>l.width()&&(d+=-1*n.parent().outerWidth()-o.offsetX,C=!0),C&&t.css("left",d+"px"),t.hide().css("opacity","1"),o.mode){case"zoom":r=!0,n.addClass(o.openerActiveClass),t.animate({width:"toggle",height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"slide":r=!0,n.addClass(o.openerActiveClass),t.animate({height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"fade":if(r=!0,v&&!o.noOpenerFade){var C;C="slow"==o.speed?80:"fast"==o.speed?40:Math.floor(o.speed/2),n.fadeTo(C,.01,function(){n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1})})}else n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1});break;case"instant":default:n.addClass(o.openerActiveClass),t.show()}return!1}).on("doCollapse",function(){return t.is(":visible")?(t.hide(),n.removeClass(o.openerActiveClass),t.find("."+o.openerActiveClass).removeClass(o.openerActiveClass),t.find("ul").hide(),!1):!1}).on("doToggle",function(e){return t.is(":visible")?t.trigger("doCollapse"):t.trigger("doExpand"),!1}),n.disableSelection_dropotron().addClass("opener").css("cursor","pointer").on("click touchend",function(e){r||(e.preventDefault(),e.stopPropagation(),t.trigger("doToggle"))}),"hover"==o.expandMode&&n.hover(function(e){r||(d=window.setTimeout(function(){t.trigger("doExpand")},o.hoverDelay))},function(e){window.clearTimeout(d)})}),s.find("a").css("display","block").on("click touchend",function(t){r||e(this).attr("href").length<1&&t.preventDefault()}),n.find("li").css("white-space","nowrap").each(function(){var t=e(this),o=t.children("a"),s=t.children("ul"),i=o.attr("href");o.on("click touchend",function(e){0==i.length||"#"==i?e.preventDefault():e.stopPropagation()}),o.length>0&&0==s.length&&t.on("click touchend",function(e){r||(n.trigger("doCollapseAll"),e.stopPropagation())})}),n.children("li").each(function(){var t,n=e(this),s=n.children("ul");if(s.length>0){o.detach&&(o.cloneOnDetach&&(t=s.clone(),t.attr("class","").hide().appendTo(s.parent())),s.detach().appendTo(i));for(var a=o.baseZIndex,l=1,r=s;r.length>0;l++)r.css("z-index",a++),o.submenuClassPrefix&&r.addClass(o.submenuClassPrefix+(a-1-o.baseZIndex)),r=r.find("> li > ul")}}),l.on("scroll",function(){n.trigger("doCollapseAll")}).on("keypress",function(e){r||27!=e.keyCode||(e.preventDefault(),n.trigger("doCollapseAll"))}),a.on("click touchend",function(){r||n.trigger("doCollapseAll")})}}(jQuery);
diff --git a/helios/assets/js/jquery.min.js b/helios/assets/js/jquery.min.js
new file mode 100644
index 0000000..0f60b7b
--- /dev/null
+++ b/helios/assets/js/jquery.min.js
@@ -0,0 +1,5 @@
+/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/helios/assets/js/jquery.onvisible.min.js b/helios/assets/js/jquery.onvisible.min.js
new file mode 100644
index 0000000..9945f91
--- /dev/null
+++ b/helios/assets/js/jquery.onvisible.min.js
@@ -0,0 +1,2 @@
+/* jquery.onvisible.js v0.1 | (c) @ajlkn | MIT licensed */
+(function(){var e,t=jQuery(window),n=[],r=100,i=150,s=function(){var e=n.length,r=t.scrollTop()+t.height()-i,s,o;for(s=0;s
o.o.offset().top&&(o.state=!0,o.fn())};t.load(function(){t.on("scroll resize",function(){window.clearTimeout(e),e=window.setTimeout(function(){s()},r)}).trigger("resize")}),jQuery.fn.onVisible=function(e,t){n.push({o:jQuery(this),fn:e,pad:t?t:i,state:!1})}})();
\ No newline at end of file
diff --git a/helios/assets/js/jquery.scrolly.min.js b/helios/assets/js/jquery.scrolly.min.js
new file mode 100644
index 0000000..947194e
--- /dev/null
+++ b/helios/assets/js/jquery.scrolly.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrolly v1.0.0-dev | (c) @ajlkn | MIT licensed */
+(function(e){function u(s,o){var u,a,f;if((u=e(s))[t]==0)return n;a=u[i]()[r];switch(o.anchor){case"middle":f=a-(e(window).height()-u.outerHeight())/2;break;default:case r:f=Math.max(a,0)}return typeof o[i]=="function"?f-=o[i]():f-=o[i],f}var t="length",n=null,r="top",i="offset",s="click.scrolly",o=e(window);e.fn.scrolly=function(i){var o,a,f,l,c=e(this);if(this[t]==0)return c;if(this[t]>1){for(o=0;o ul').dropotron({
+ mode: 'fade',
+ speed: 350,
+ noOpenerFade: true,
+ alignment: 'center'
+ });
+
+ // Scrolly links.
+ $('.scrolly').scrolly();
+
+ // Off-Canvas Navigation.
+
+ // Navigation Button.
+ $(
+ ''
+ )
+ .appendTo($body);
+
+ // Navigation Panel.
+ $(
+ '' +
+ '' +
+ $('#nav').navList() +
+ ' ' +
+ '
'
+ )
+ .appendTo($body)
+ .panel({
+ delay: 500,
+ hideOnClick: true,
+ hideOnSwipe: true,
+ resetScroll: true,
+ resetForms: true,
+ target: $body,
+ visibleClass: 'navPanel-visible'
+ });
+
+ // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
+ if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
+ $('#navButton, #navPanel, #page-wrapper')
+ .css('transition', 'none');
+
+ // Carousels.
+ $('.carousel').each(function() {
+
+ var $t = $(this),
+ $forward = $('r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/helios/assets/js/util.js b/helios/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/helios/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/helios/assets/sass/ie8.scss b/helios/assets/sass/ie8.scss
new file mode 100644
index 0000000..873c04d
--- /dev/null
+++ b/helios/assets/sass/ie8.scss
@@ -0,0 +1,181 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+
+/*
+ Helios by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ a {
+ border-bottom: solid 1px #ddd;
+ }
+
+ hr {
+ border-top: solid 1px #777;
+ border-bottom: solid 1px #777;
+ }
+
+ .timestamp {
+ color: #777;
+ }
+
+/* Section/Article */
+
+ section, article {
+ > .last-child, &.last-child {
+ margin-bottom: 0;
+ }
+ }
+
+/* List */
+
+ ul {
+ &.divided {
+ li {
+ border-top: solid 1px #777;
+ }
+ }
+ &.menu {
+ li {
+ border-left: solid 1px #777;
+ }
+ }
+
+ &.icons {
+ background: #333;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+ }
+
+/* Button */
+
+ .button {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+
+/* Icons */
+
+ .icon.circled {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+
+/* Header */
+
+ #header {
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+ }
+
+ body.homepage {
+ #header {
+ height: auto;
+ min-height: 0;
+ padding: 12em 0 12em 0;
+
+ &:after {
+ display: none;
+ }
+ }
+ }
+
+/* Nav */
+
+ #nav {
+ > ul {
+ &:before, &:after {
+ border-top: solid 1px #777;
+ border-bottom: solid 1px #777;
+ }
+
+ > li {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ &.active {
+ border-color: #999;
+ }
+ }
+ }
+ }
+
+ .dropotron {
+ background: #fff;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ li {
+ border-color: #eee;
+ padding-right: 1em;
+ color: #5b5b5b;
+ }
+
+ &.level-0 {
+ box-shadow: none !important;
+ margin-top: 1em;
+ }
+ }
+
+/* Carousel */
+
+ .carousel {
+ .forward, .backward {
+ border-radius: 100%;
+ background-color: #483949;
+ width: 7em;
+ height: 7em;
+ margin-top: -3.5em;
+ border-radius: 100%;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ &:before {
+ display: none;
+ }
+ }
+
+ .forward {
+ right: -3.5em;
+ }
+
+ .backward {
+ left: -3.5em;
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ ul {
+ &.divided {
+ li {
+ border-color: #3B373C;
+ }
+ }
+
+ &.menu {
+ li {
+ border-color: #3B373C;
+ }
+ }
+ }
+
+ hr {
+ border-color: #3B373C;
+ }
+
+ .icons {
+ background: #2F2930;
+ }
+
+ .copyright {
+ color: #777;
+ a {
+ color: #aaa;
+ border: 0;
+
+ &:hover {
+ color: #ccc;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/helios/assets/sass/libs/_functions.scss b/helios/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/helios/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/helios/assets/sass/libs/_mixins.scss b/helios/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/helios/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/helios/assets/sass/libs/_skel.scss b/helios/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/helios/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/helios/assets/sass/libs/_vars.scss b/helios/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..908efe4
--- /dev/null
+++ b/helios/assets/sass/libs/_vars.scss
@@ -0,0 +1,22 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ navPanel: 0.5s
+ );
+
+// Size.
+ $size: (
+ navPanel: 50vh
+ );
+
+// Font.
+ $font: (
+ );
+
+// Palette.
+ $palette: (
+ );
\ No newline at end of file
diff --git a/helios/assets/sass/main.scss b/helios/assets/sass/main.scss
new file mode 100644
index 0000000..b547eb0
--- /dev/null
+++ b/helios/assets/sass/main.scss
@@ -0,0 +1,1530 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@charset "UTF-8";
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600');
+@import url('font-awesome.min.css');
+
+/*
+ Helios by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @import "libs/skel";
+
+ @include skel-breakpoints((
+ wide: '(max-width: 1680px)',
+ normal: '(max-width: 1280px)',
+ narrow: '(max-width: 960px)',
+ narrower: '(max-width: 840px)',
+ mobile: '(max-width: 736px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: (48px, 48px) ),
+ conditionals: true,
+ containers: 1400px,
+ breakpoints: (
+ wide: (
+ containers: 1200px,
+ ),
+ normal: (
+ containers: 100%,
+ grid: (
+ gutters: (36px, 36px)
+ ),
+ ),
+ narrow: (
+ grid: (
+ gutters: (32px, 32px)
+ ),
+ ),
+ narrower: (
+ containers: (100%, true),
+ ),
+ mobile: (
+ grid: (
+ gutters: (20px, 20px)
+ ),
+ )
+ )
+ ));
+
+/* Basic */
+
+ body {
+ background: #f0f4f4;
+ color: #5b5b5b;
+ font-size: 15pt;
+ line-height: 1.85em;
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 300;
+
+ &.is-loading {
+ *, *:after, *:before {
+ @include vendor('transition', 'none !important');
+ @include vendor('animation', 'none !important');
+ }
+ }
+ }
+
+ input, textarea, select {
+ font-size: 15pt;
+ line-height: 1.85em;
+ font-family: 'Source Sans Pro', sans-serif;
+ font-weight: 300;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: 400;
+ color: #483949;
+ line-height: 1.25em;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom-color: transparent;
+ }
+
+ h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
+ font-weight: 600;
+ }
+
+ h2 {
+ font-size: 2.85em;
+ }
+
+ h3 {
+ font-size: 1.25em;
+ }
+
+ h4 {
+ font-size: 1em;
+ margin: 0 0 0.25em 0;
+ }
+
+ strong, b {
+ font-weight: 400;
+ color: #483949;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ a {
+ color: inherit;
+ border-bottom: solid 1px rgba(128, 128, 128, 0.15);
+ text-decoration: none;
+ @include vendor('transition', ('background-color 0.35s ease-in-out', 'color 0.35s ease-in-out', 'border-bottom-color 0.35s ease-in-out'));
+
+ &:hover {
+ color: #ef8376;
+ border-bottom-color: transparent;
+ }
+ }
+
+ sub {
+ position: relative;
+ top: 0.5em;
+ font-size: 0.8em;
+ }
+
+ sup {
+ position: relative;
+ top: -0.5em;
+ font-size: 0.8em;
+ }
+
+ blockquote {
+ border-left: solid 0.5em #ddd;
+ padding: 1em 0 1em 2em;
+ font-style: italic;
+ }
+
+ p, ul, ol, dl, table {
+ margin-bottom: 1em;
+ }
+
+ p {
+ text-align: justify;
+ }
+
+ br.clear {
+ clear: both;
+ }
+
+ hr {
+ position: relative;
+ display: block;
+ border: 0;
+ top: 4.5em;
+ margin-bottom: 9em;
+ height: 6px;
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ border-bottom: solid 1px rgba(128, 128, 128, 0.2);
+
+ &:before, &:after {
+ content: '';
+ position: absolute;
+ top: -8px;
+ display: block;
+ width: 1px;
+ height: 21px;
+ background: rgba(128, 128, 128, 0.2);
+ }
+
+ &:before {
+ left: -1px;
+ }
+
+ &:after {
+ right: -1px;
+ }
+ }
+
+ .timestamp {
+ color: rgba(128, 128, 128, 0.75);
+ font-size: 0.8em;
+ }
+
+/* Sections/Article */
+
+ section, article {
+ margin-bottom: 3em;
+
+ > :last-child,
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ &.special > {
+ header, footer {
+ text-align: center;
+ }
+ }
+ }
+
+ .row > {
+ section, article {
+ margin-bottom: 0;
+ }
+ }
+
+ header {
+ margin: 0 0 1em 0;
+
+ > p {
+ display: block;
+ font-size: 1.5em;
+ margin: 1em 0 2em 0;
+ line-height: 1.5em;
+ text-align: inherit;
+ }
+ }
+
+ footer {
+ margin: 2.5em 0 0 0;
+ }
+
+/* Image */
+
+ .image {
+ position: relative;
+ display: inline-block;
+ border: 0;
+ outline: 0;
+
+ img {
+ display: block;
+ width: 100%;
+ }
+
+ &.fit {
+ display: block;
+ width: 100%;
+ }
+
+ &.featured {
+ display: block;
+ width: 100%;
+ margin: 0 0 4em 0;
+ }
+
+ &.left {
+ float: left;
+ margin: 0 2em 2em 0;
+ }
+
+ &.centered {
+ display: block;
+ margin: 0 0 2em 0;
+
+ img {
+ margin: 0 auto;
+ width: auto;
+ }
+ }
+ }
+
+/* List */
+
+ ul {
+ &.default {
+ list-style: disc;
+ padding-left: 1em;
+ li {
+ padding-left: 0.5em;
+ }
+ }
+
+ &.actions {
+ margin: 3em 0 0 0;
+
+ form & {
+ margin-top: 0;
+ }
+
+ li {
+ display: inline-block;
+ margin: 0 0.75em 0 0.75em;
+
+ &:first-child {
+ margin-left: 0;
+ }
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+ }
+
+ &.divided {
+ li {
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ padding-top: 1.5em;
+ margin-top: 1.5em;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ margin-top: 0;
+ }
+ }
+ }
+
+ &.menu {
+ height: 1em;
+ line-height: 1em;
+
+ li {
+ display: inline-block;
+ border-left: solid 1px rgba(128, 128, 128, 0.2);
+ padding-left: 1.25em;
+ margin-left: 1.25em;
+
+ &:first-child {
+ border-left: 0;
+ padding-left: 0;
+ margin-left: 0;
+ }
+ }
+ }
+
+ &.icons {
+ position: relative;
+ background: rgba(128, 128, 128, 0.05);
+ border-radius: 4em;
+ display: inline-block;
+ padding: 0.35em 0.75em 0.35em 0.75em;
+ font-size: 1.25em;
+ cursor: default;
+
+ li {
+ display: inline-block;
+
+ a {
+ display: inline-block;
+ background: none;
+ width: 2.5em;
+ height: 2.5em;
+ line-height: 2.5em;
+ text-align: center;
+ border-radius: 100%;
+ border: 0;
+ color: inherit;
+
+ &:hover {
+ color: #ef8376;
+ }
+ }
+ }
+ }
+ }
+
+ ol {
+ &.default {
+ list-style: decimal;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+ }
+
+/* Form */
+
+ form {
+ label {
+ display: block;
+ font-weight: 400;
+ color: #483949;
+ margin: 0 0 1em 0;
+ }
+
+ input[type="text"],
+ input[type="email"],
+ input[type="password"],
+ select,
+ textarea {
+ -webkit-appearance: none;
+ display: block;
+ border: 0;
+ background: #fafafa;
+ width: 100%;
+ border-radius: 0.5em;
+ border: solid 1px #E5E5E5;
+ padding: 1em;
+ @include vendor('transition', ('background-color 0.35s ease-in-out', 'border-color 0.35s ease-in-out'));
+
+ &:focus {
+ background: #fff;
+ border-color: #df7366;
+ }
+ }
+
+ input[type="text"],
+ input[type="email"],
+ input[type="password"],
+ select {
+ line-height: 1em;
+ }
+
+ textarea {
+ min-height: 9em;
+ }
+
+ .formerize-placeholder {
+ color: #555 !important;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #555 !important;
+ }
+
+ :-moz-placeholder {
+ color: #555 !important;
+ }
+
+ ::-moz-placeholder {
+ color: #555 !important;
+ }
+
+ :-ms-input-placeholder {
+ color: #555 !important;
+ }
+
+ ::-moz-focus-inner {
+ border: 0;
+ }
+ }
+
+/* Table */
+
+ table {
+ width: 100%;
+
+ &.default {
+ width: 100%;
+
+ tbody {
+ tr {
+ border-top: solid 1px #e5e5e5;
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &:nth-child(2n+1) {
+ background: #fafafa;
+ }
+ }
+ }
+
+ td {
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ th {
+ text-align: left;
+ font-weight: 400;
+ padding: 0.5em 1em 0.5em 1em;
+ }
+
+ thead {
+ border-bottom: solid 2px #e5e5e5;
+ }
+
+ tfoot {
+ border-top: solid 2px #e5e5e5;
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ position: relative;
+ display: inline-block;
+ background: #df7366;
+ color: #fff;
+ text-align: center;
+ border-radius: 0.5em;
+ text-decoration: none;
+ padding: 0.65em 3em 0.65em 3em;
+ border: 0;
+ cursor: pointer;
+ outline: 0;
+ font-weight: 300;
+ @include vendor('transition', ('background-color 0.35s ease-in-out', 'color 0.35s ease-in-out', 'border-bottom-color 0.35s ease-in-out'));
+
+ &:hover {
+ color: #fff;
+ background: #ef8376;
+ }
+
+ &.alt {
+ background: #2B252C;
+
+ &:hover {
+ background: #3B353C;
+ }
+ }
+ }
+
+/* Post */
+
+ .post {
+ &.stub {
+ text-align: center;
+
+ header {
+ margin: 0;
+ }
+ }
+ }
+
+/* Icons */
+
+ .icon {
+ text-decoration: none;
+
+ &:before {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 1.25em;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ }
+
+ > .label {
+ display: none;
+ }
+
+ &.circled {
+ position: relative;
+ display: inline-block;
+ background: #2b252c;
+ color: #fff;
+ border-radius: 100%;
+ width: 3em;
+ height: 3em;
+ line-height: 3.25em;
+ text-align: center;
+ font-size: 1.25em;
+
+ header & {
+ margin: 0 0 2em 0;
+ }
+ }
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ background: #fff;
+ margin: 0 0 2em 0;
+ padding: 6em 0 6em 0;
+
+ &.style1 {
+ }
+
+ &.style2 {
+ padding-top: 0;
+ }
+ }
+
+/* Header */
+
+ #header {
+ position: relative;
+ background-image: url('../../images/header.jpg');
+ background-size: cover;
+ background-position: center center;
+ background-attachment: fixed;
+ color: #fff;
+ text-align: center;
+ padding: 7.5em 0 2em 0;
+ cursor: default;
+
+ &:before {
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ height: 100%;
+ }
+
+ .inner {
+ position: relative;
+ z-index: 1;
+ margin: 0;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ header {
+ display: inline-block;
+
+ > p {
+ font-size: 1.25em;
+ margin: 0;
+ }
+ }
+
+ h1 {
+ color: #fff;
+ font-size: 3em;
+ line-height: 1em;
+
+ a {
+ color: inherit;
+ }
+ }
+
+ .button {
+ display: inline-block;
+ border-radius: 100%;
+ width: 4.5em;
+ height: 4.5em;
+ line-height: 4.5em;
+ text-align: center;
+ font-size: 1.25em;
+ padding: 0;
+ }
+
+ hr {
+ top: 1.5em;
+ margin-bottom: 3em;
+ border-bottom-color: rgba(192, 192, 192, 0.35);
+ box-shadow: inset 0 1px 0 0 rgba(192, 192, 192, 0.35);
+
+ &:before, &:after {
+ background: rgba(192, 192, 192, 0.35);
+ }
+ }
+
+ footer {
+ margin: 1em 0 0 0;
+ }
+ }
+
+ body.homepage {
+ #header {
+ height: 100vh;
+ min-height: 40em;
+
+ h1 {
+ font-size: 4em;
+ }
+
+ &:after {
+ content: '';
+ background: #1C0920;
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ @include vendor('transition', 'opacity 2.5s ease-in-out');
+ @include vendor('transition-delay', '0.5s');
+ }
+ }
+
+ &.is-loading {
+ #header {
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+/* Nav */
+
+ #nav {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ padding: 1.5em 0 1.5em 0;
+ z-index: 1;
+ overflow: hidden;
+
+ > ul {
+ line-height: 0px;
+ position: relative;
+ display: inline-block;
+ margin: 0;
+ height: 21px;
+ border-left: solid 1px rgba(192, 192, 192, 0.35);
+ border-right: solid 1px rgba(192, 192, 192, 0.35);
+
+ &:before, &:after {
+ content: '';
+ display: block;
+ width: 300%;
+ position: absolute;
+ top: 50%;
+ margin-top: -2px;
+ height: 5px;
+ border-top: solid 1px rgba(192, 192, 192, 0.35);
+ border-bottom: solid 1px rgba(192, 192, 192, 0.35);
+ }
+
+ &:before {
+ left: 100%;
+ margin-left: 1px;
+ }
+
+ &:after {
+ right: 100%;
+ margin-right: 1px;
+ }
+
+ > li {
+ display: inline-block;
+ margin: -9px 0.5em 0 0.5em;
+ border-radius: 0.5em;
+ padding: 0.85em;
+ border: solid 1px transparent;
+ @include vendor('transition', ('color 0.35s ease-in-out', 'border-color 0.35s ease-in-out'));
+
+ &.active {
+ border-color: rgba(192, 192, 192, 0.35);
+ }
+
+ > a, > span {
+ display: block;
+ color: inherit;
+ text-decoration: none;
+ border: 0;
+ outline: 0;
+ }
+
+ > ul {
+ display: none;
+ }
+ }
+ }
+ }
+
+ .dropotron {
+ background: rgba(255, 255, 255, 0.975);
+ padding: 1em 1.25em 1em 1.25em;
+ line-height: 1em;
+ height: auto;
+ text-align: left;
+ border-radius: 0.5em;
+ box-shadow: 0 0.15em 0.25em 0 rgba(0, 0, 0, 0.25);
+ min-width: 12em;
+ margin-top: -1em;
+
+ li {
+ border-top: solid 1px rgba(128, 128, 128, 0.2);
+ color: #5b5b5b;
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &:hover {
+ color: #ef8376;
+ }
+
+ a, span {
+ display: block;
+ border: 0;
+ padding: 0.5em 0 0.5em 0;
+ @include vendor('transition', 'color 0.35s ease-in-out');
+ }
+ }
+
+ &.level-0 {
+ margin-top: 2em;
+ font-size: 0.9em;
+
+ &:before {
+ content: '';
+ position: absolute;
+ left: 50%;
+ top: -0.7em;
+ margin-left: -0.75em;
+ border-bottom: solid 0.75em rgba(255, 255, 255, 0.975);
+ border-left: solid 0.75em rgba(64, 64, 64, 0);
+ border-right: solid 0.75em rgba(64, 64, 64, 0);
+ }
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ background: #fff;
+ text-align: center;
+ padding: 4.5em 0 4.5em 0;
+ margin-bottom: 0;
+
+ header {
+ > p {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+/* Content */
+
+ #content {
+ > hr {
+ top: 3em;
+ margin-bottom: 6em;
+ }
+
+ > section {
+ margin-bottom: 0;
+ }
+ }
+
+/* Sidebar */
+
+ #sidebar > {
+ hr {
+ top: 3em;
+ margin-bottom: 6em;
+
+ &.first {
+ display: none;
+ }
+ }
+
+ section {
+ margin-bottom: 0;
+ }
+ }
+
+/* Main */
+
+ #main {
+ margin-bottom: 0;
+
+ section:first-of-type {
+ padding-top: 2em;
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ position: relative;
+ overflow: hidden;
+ padding: 6em 0 6em 0;
+ background: #2b252c;
+ color: #fff;
+
+ .icon.circled {
+ background: #fff;
+ color: #2b252c;
+ }
+
+ header {
+ text-align: center;
+ cursor: default;
+ }
+
+ h2, h3, h4, h5, h6 {
+ color: #fff;
+ }
+
+ .contact {
+ text-align: center;
+
+ p {
+ text-align: center;
+ margin: 0 0 3em 0;
+ }
+ }
+
+ .copyright {
+ text-align: center;
+ color: rgba(128, 128, 128, 0.75);
+ font-size: 0.8em;
+ cursor: default;
+
+ a {
+ color: rgba(128, 128, 128, 0.75);
+
+ &:hover {
+ color: rgba(212, 212, 212, 0.85);
+ }
+ }
+ }
+ }
+
+/* Carousel */
+
+ .carousel {
+ position: relative;
+ overflow: hidden;
+ padding: 2em 0 2em 0;
+ margin-bottom: 0;
+
+ .forward, .backward {
+ position: absolute;
+ top: 50%;
+ width: 6em;
+ height: 12em;
+ margin-top: -6em;
+ cursor: pointer;
+
+ &:before {
+ content: '';
+ display: block;
+ width: 6em;
+ height: 6em;
+ border-radius: 100%;
+ background-color: rgba(72, 57, 73, 0.5);
+ position: absolute;
+ top: 50%;
+ margin-top: -3em;
+ -moz-transition: background-color 0.35s ease-in-out;
+ -webkit-transition: background-color 0.35s ease-in-out;
+ -o-transition: background-color 0.35s ease-in-out;
+ -ms-transition: background-color 0.35s ease-in-out;
+ transition: background-color 0.35s ease-in-out;
+ -webkit-backface-visibility: hidden;
+ }
+
+ &:after {
+ content: '';
+ width: 3em;
+ height: 3em;
+ position: absolute;
+ top: 50%;
+ margin: -1.5em 0 0 0;
+ background: url('images/arrow.svg') no-repeat center center;
+ }
+
+ &:hover {
+ &:before {
+ background-color: rgba(239, 131, 118, 0.75);
+ }
+ }
+ }
+
+ .forward {
+ right: 0;
+
+ &:before {
+ right: -3em;
+ }
+
+ &:after {
+ right: -0.25em;
+ }
+ }
+
+ .backward {
+ left: 0;
+
+ &:before {
+ left: -3em;
+ }
+
+ &:after {
+ left: -0.25em;
+ @include vendor('transform', 'scaleX(-1)');
+ }
+ }
+
+ .reel {
+ white-space: nowrap;
+ position: relative;
+ -webkit-overflow-scrolling: touch;
+ padding: 0 2em 0 2em;
+ }
+
+ article {
+ display: inline-block;
+ width: 18em;
+ background: #fff;
+ text-align: center;
+ padding: 0 1em 3em 1em;
+ margin: 0 2em 0 0;
+ white-space: normal;
+ opacity: 1.0;
+ @include vendor('transition', 'opacity 0.75s ease-in-out');
+
+ &.loading {
+ opacity: 0;
+ }
+
+ .image {
+ position: relative;
+ left: -1em;
+ top: 0;
+ width: auto;
+ margin-right: -2em;
+ margin-bottom: 3em;
+ }
+
+ p {
+ text-align: center;
+ }
+ }
+ }
+
+/* Wide */
+
+ @include breakpoint(wide) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 14pt;
+ line-height: 1.75em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 1.5em 0 1.5em 0;
+
+ .reel {
+ padding: 0 1.5em 0 1.5em;
+ }
+
+ article {
+ width: 18em;
+ margin: 0 1.25em 0 0;
+ }
+ }
+
+ }
+
+/* Normal */
+
+ @include breakpoint(normal) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 12pt;
+ line-height: 1.5em;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ /* Header */
+
+ #header {
+ background-attachment: scroll;
+
+ .inner {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+ }
+
+ /* Banner */
+
+ #banner {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding-left: 2em;
+ padding-right: 2em;
+ }
+
+ }
+
+/* Narrow */
+
+ @include breakpoint(narrow) {
+ }
+
+/* Narrower */
+
+ @include breakpoint(narrower) {
+
+ /* Basic */
+
+ body, input, textarea, select {
+ font-size: 13pt;
+ line-height: 1.65em;
+ }
+
+ .tweet {
+ text-align: center;
+ }
+
+ .timestamp {
+ display: block;
+ text-align: center;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 4em 2em 4em 2em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 1.25em 0 1.25em 0;
+
+ article {
+ width: 18em;
+ margin: 0 1em 0 0;
+ }
+ }
+
+ }
+
+/* Mobile */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @include breakpoint(mobile) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, textarea, select {
+ font-size: 12.5pt;
+ line-height: 1.5em;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ }
+
+ h3 {
+ font-size: 1.25em;
+ }
+
+ hr {
+ top: 3em;
+ margin-bottom: 6em;
+ }
+
+ /* Section/Article */
+
+ section, article {
+ margin-bottom: 2em;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+
+ .row > {
+ section, article {
+ margin-bottom: 2em;
+ }
+ }
+
+ header {
+ > p {
+ font-size: 1.25em;
+ }
+ }
+
+ /* Image */
+
+ .image {
+ &.featured {
+ margin: 0 0 2em 0;
+ }
+
+ &.left {
+ margin: 0 1em 1em 0;
+ }
+
+ &.centered {
+ margin: 0 0 1em 0;
+ }
+ }
+
+ /* List */
+
+ ul {
+ &.actions {
+ form & {
+ margin-top: 0;
+ }
+
+ li {
+ display: block;
+ margin: 0.75em 0 0 0;
+
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ }
+
+ &.menu {
+ height: auto;
+ text-align: center;
+
+ li {
+ display: block;
+ border: 0;
+ padding: 0.75em 0 0 0;
+ margin: 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ font-size: 1em;
+ padding: 0.35em 0.5em 0.35em 0.5em;
+
+ li {
+ a {
+ width: 2.25em;
+ }
+ }
+ }
+ }
+
+ /* Button */
+
+ input[type="button"],
+ input[type="submit"],
+ input[type="reset"],
+ button,
+ .button {
+ display: block;
+ padding: 0;
+ line-height: 3em;
+ width: 100%;
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ padding-bottom: 1px;
+ }
+
+ #navButton {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 1;
+
+ .toggle {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ border: 0;
+ outline: 0;
+
+ &:before {
+ font-family: FontAwesome;
+ text-decoration: none;
+ font-style: normal;
+ font-weight: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: '\f0c9';
+ color: #fff;
+ color: rgba(255, 255, 255, 0.75);
+ text-align: center;
+ display: block;
+ font-size: 14px;
+ width: 80px;
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ left: 50%;
+ margin-left: -40px;
+ background: rgba(132, 128, 136, 0.75);
+ border-top: 0;
+ border-radius: 0 0 0.35em 0.35em;
+ }
+ }
+ }
+
+ #navPanel {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transform', 'translateY(#{_size(navPanel) * -1})');
+ @include vendor('transition', ('transform #{_duration(navPanel)} ease'));
+ display: block;
+ height: _size(navPanel);
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 2;
+ background: #1f1920;
+ box-shadow: inset 0px -2px 5px 0px rgba(0, 0, 0, 0.25);
+ font-size: 1em;
+
+ &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background: url('images/overlay.png');
+ background-size: 128px 128px;
+ }
+
+ .link {
+ position: relative;
+ z-index: 1;
+ display: block;
+ text-decoration: none;
+ padding: 0.5em;
+ color: #ddd;
+ border: 0;
+ border-top: dotted 1px rgba(255, 255, 255, 0.05);
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &.depth-0 {
+ color: #fff;
+ font-weight: 600;
+ }
+ }
+
+ .indent-1 {
+ display: inline-block;
+ width: 1em;
+ }
+
+ .indent-2 {
+ display: inline-block;
+ width: 2em;
+ }
+
+ .indent-3 {
+ display: inline-block;
+ width: 3em;
+ }
+
+ .indent-4 {
+ display: inline-block;
+ width: 4em;
+ }
+
+ .indent-5 {
+ display: inline-block;
+ width: 5em;
+ }
+
+ .depth-0 {
+ color: #fff;
+ }
+ }
+
+ body {
+ &.navPanel-visible {
+ #page-wrapper {
+ @include vendor('transform', 'translateY(#{_size(navPanel)})');
+ }
+
+ #navButton {
+ @include vendor('transform', 'translateY(#{_size(navPanel)})');
+ }
+
+ #navPanel {
+ @include vendor('transform', 'translateY(0)');
+ }
+ }
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 3em 1em 3em 1em;
+ }
+
+ /* Header */
+
+ #header {
+ background-attachment: scroll;
+ padding: 2.5em 0 0 0;
+
+ .inner {
+ padding-top: 1.5em;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ header {
+ > p {
+ font-size: 1em;
+ }
+ }
+
+ h1 {
+ font-size: 1.75em;
+ }
+
+ hr {
+ top: 1em;
+ margin-bottom: 2.5em;
+ }
+ }
+
+ body.homepage {
+ #header {
+ min-height: 0;
+ padding: 5.5em 0 5em 0;
+ height: auto;
+
+ &:before {
+ display: none;
+ }
+
+ h1 {
+ font-size: 2.5em;
+ }
+ }
+ }
+
+ /* Nav */
+
+ #nav {
+ display: none;
+ }
+
+ /* Banner */
+
+ #banner {
+ padding: 3em 2em 3em 2em;
+ }
+
+ /* Sidebar */
+
+ #sidebar {
+ > hr:first-of-type {
+ display: block;
+ }
+ }
+
+ /* Main */
+
+ #main {
+ > header {
+ text-align: center;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+
+ /* Carousel */
+
+ .carousel {
+ padding: 0.5em 0 0.5em 0;
+
+ .reel {
+ padding: 0 0.5em 0 0.5em;
+ }
+
+ article {
+ width: 14em;
+ padding-bottom: 2em;
+ margin: 0 0.5em 0 0;
+
+ .image {
+ margin-bottom: 2em;
+ }
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/helios/images/header.jpg b/helios/images/header.jpg
new file mode 100644
index 0000000..a53138d
Binary files /dev/null and b/helios/images/header.jpg differ
diff --git a/helios/images/pic01.jpg b/helios/images/pic01.jpg
new file mode 100644
index 0000000..3e01828
Binary files /dev/null and b/helios/images/pic01.jpg differ
diff --git a/helios/images/pic02.jpg b/helios/images/pic02.jpg
new file mode 100644
index 0000000..227dfbc
Binary files /dev/null and b/helios/images/pic02.jpg differ
diff --git a/helios/images/pic03.jpg b/helios/images/pic03.jpg
new file mode 100644
index 0000000..9cd3cbc
Binary files /dev/null and b/helios/images/pic03.jpg differ
diff --git a/helios/images/pic04.jpg b/helios/images/pic04.jpg
new file mode 100644
index 0000000..8d9d901
Binary files /dev/null and b/helios/images/pic04.jpg differ
diff --git a/helios/images/pic05.jpg b/helios/images/pic05.jpg
new file mode 100644
index 0000000..ebb7105
Binary files /dev/null and b/helios/images/pic05.jpg differ
diff --git a/helios/images/pic06.jpg b/helios/images/pic06.jpg
new file mode 100644
index 0000000..4668ad9
Binary files /dev/null and b/helios/images/pic06.jpg differ
diff --git a/helios/images/pic07.jpg b/helios/images/pic07.jpg
new file mode 100644
index 0000000..63ca62b
Binary files /dev/null and b/helios/images/pic07.jpg differ
diff --git a/helios/images/pic08.jpg b/helios/images/pic08.jpg
new file mode 100644
index 0000000..5abeb60
Binary files /dev/null and b/helios/images/pic08.jpg differ
diff --git a/helios/images/pic09.jpg b/helios/images/pic09.jpg
new file mode 100644
index 0000000..e40eec8
Binary files /dev/null and b/helios/images/pic09.jpg differ
diff --git a/helios/images/pic10.jpg b/helios/images/pic10.jpg
new file mode 100644
index 0000000..31630b1
Binary files /dev/null and b/helios/images/pic10.jpg differ
diff --git a/helios/images/pic11.jpg b/helios/images/pic11.jpg
new file mode 100644
index 0000000..6becde0
Binary files /dev/null and b/helios/images/pic11.jpg differ
diff --git a/helios/images/pic12.jpg b/helios/images/pic12.jpg
new file mode 100644
index 0000000..85e31db
Binary files /dev/null and b/helios/images/pic12.jpg differ
diff --git a/helios/images/pic13.jpg b/helios/images/pic13.jpg
new file mode 100644
index 0000000..9cd2260
Binary files /dev/null and b/helios/images/pic13.jpg differ
diff --git a/helios/images/pic14.jpg b/helios/images/pic14.jpg
new file mode 100644
index 0000000..a740e71
Binary files /dev/null and b/helios/images/pic14.jpg differ
diff --git a/helios/images/pic15.jpg b/helios/images/pic15.jpg
new file mode 100644
index 0000000..dbb47bd
Binary files /dev/null and b/helios/images/pic15.jpg differ
diff --git a/helios/index.html b/helios/index.html
new file mode 100644
index 0000000..dc4f5bb
--- /dev/null
+++ b/helios/index.html
@@ -0,0 +1,388 @@
+
+
+
+
+
Helios by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit magna.
+
+
+
+
+
+
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
+ posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
+ sit arcu sociis. Nunc fermentum adipiscing tempor cursus nascetur adipiscing adipiscing. Primis aliquam
+ mus lacinia lobortis phasellus suscipit. Fermentum lobortis non tristique ante proin sociis accumsan
+ lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
+ consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
+ interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
+ natoque aenean scelerisque.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/helios/left-sidebar.html b/helios/left-sidebar.html
new file mode 100644
index 0000000..c3a6bc0
--- /dev/null
+++ b/helios/left-sidebar.html
@@ -0,0 +1,389 @@
+
+
+
+
+
Left Sidebar - Helios by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
+ posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
+ lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
+ consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
+ interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
+ natoque aenean scelerisque vel lacinia mollis quam sodales congue.
+
+
+
+ Ultrices tempor sagittis nisl
+
+
+ Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
+ at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+ Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
+ orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
+ ut penatibus fermentum nibh erat malesuada varius.
+
+
+
+
+ Augue euismod feugiat tempus
+
+
+ Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+
+
+
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/helios/no-sidebar.html b/helios/no-sidebar.html
new file mode 100644
index 0000000..a36a605
--- /dev/null
+++ b/helios/no-sidebar.html
@@ -0,0 +1,302 @@
+
+
+
+
+
No Sidebar - Helios by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
+ posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
+ lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
+ consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
+ interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
+ natoque aenean scelerisque vel lacinia mollis quam sodales congue.
+
+
+
+ Ultrices tempor sagittis nisl
+
+
+ Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
+ at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+ Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
+ orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
+ ut penatibus fermentum nibh erat malesuada varius.
+
+
+
+
+ Augue euismod feugiat tempus
+
+
+ Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/helios/right-sidebar.html b/helios/right-sidebar.html
new file mode 100644
index 0000000..f2d935d
--- /dev/null
+++ b/helios/right-sidebar.html
@@ -0,0 +1,389 @@
+
+
+
+
+
Right Sidebar - Helios by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Commodo id natoque malesuada sollicitudin elit suscipit. Curae suspendisse mauris posuere accumsan massa
+ posuere lacus convallis tellus interdum. Amet nullam fringilla nibh nulla convallis ut venenatis purus
+ lobortis. Auctor etiam porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum
+ consequat integer interdum integer purus sapien. Nibh eleifend nulla nascetur pharetra commodo mi augue
+ interdum tellus. Ornare cursus augue feugiat sodales velit lorem. Semper elementum ullamcorper lacinia
+ natoque aenean scelerisque vel lacinia mollis quam sodales congue.
+
+
+
+ Ultrices tempor sagittis nisl
+
+
+ Nascetur volutpat nibh ullamcorper vivamus at purus. Cursus ultrices porttitor sollicitudin imperdiet
+ at pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ fringilla consequat dis arcu. Pellentesque mus tempor vitae pretium sodales porttitor lacus. Phasellus
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+ Eleifend auctor turpis magnis sed porta nisl pretium. Aenean suspendisse nulla eget sed etiam parturient
+ orci cursus nibh. Quisque eu nec neque felis laoreet diam morbi egestas. Dignissim cras rutrum consectetur
+ ut penatibus fermentum nibh erat malesuada varius.
+
+
+
+
+ Augue euismod feugiat tempus
+
+
+ Pretium tellus in euismod a integer sodales neque. Nibh quis dui quis mattis eget imperdiet venenatis
+ feugiat. Neque primis ligula cum erat aenean tristique luctus risus ipsum praesent iaculis. Fermentum elit
+ ut nunc urna volutpat donec cubilia commodo risus morbi. Lobortis vestibulum velit malesuada ante
+ egestas odio nisl duis sociis purus faucibus morbi. Eget massa mus etiam sociis pharetra magna.
+
+
+
+
+
+
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+ Amet nullam fringilla nibh nulla convallis tique ante proin sociis accumsan lobortis. Auctor etiam
+ porttitor phasellus tempus cubilia ultrices tempor sagittis. Nisl fermentum consequat integer interdum.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/highlights/LICENSE.txt b/highlights/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/highlights/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/highlights/README.txt b/highlights/README.txt
new file mode 100644
index 0000000..6aa8626
--- /dev/null
+++ b/highlights/README.txt
@@ -0,0 +1,35 @@
+Highlights by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+Just a fun little single pager I whipped up to test out my new scroll events plugin
+(github.com/ajlkn/jquery.scrollex). Clean, simple, fully responsive, and loaded with
+all the usual pre-styled elements. Enjoy :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = Not included)
+
+Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)
+
+AJ
+aj@lkn.io | @ajlkn
+
+PS: Not sure how to get that contact form working? Give formspree.io a try (it's awesome).
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/highlights/assets/css/font-awesome.min.css b/highlights/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/highlights/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/highlights/assets/css/ie8.css b/highlights/assets/css/ie8.css
new file mode 100644
index 0000000..1822863
--- /dev/null
+++ b/highlights/assets/css/ie8.css
@@ -0,0 +1,147 @@
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body, html {
+ height: 100%;
+ }
+
+ html {
+ background: none;
+ }
+
+/* List */
+
+ ul.actions li {
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions li:first-child {
+ padding-left: 0;
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ border: solid 2px #dddddd;
+ position: relative;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"] {
+ line-height: 3em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ font-size: 3em;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ display: none;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ border: solid 2px #dddddd;
+ }
+
+/* Main BG */
+
+ .main-bg {
+ z-index: 0;
+ }
+
+/* Main */
+
+ .main {
+ background-size: cover;
+ }
+
+ .main .container {
+ background: #fff;
+ border-top: solid 1px #dddddd;
+ position: relative;
+ z-index: 1;
+ }
+
+ .main .goto-next {
+ text-decoration: none;
+ }
+
+ .main .goto-next:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .main .goto-next:before {
+ color: #dddddd;
+ content: '\f063';
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 0;
+ line-height: 2em;
+ position: absolute;
+ text-align: center;
+ text-indent: 0;
+ top: 0;
+ width: 2em;
+ }
+
+/* Header */
+
+ #header {
+ -ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
+ background-image: url("../../images/bg.jpg");
+ background-size: cover;
+ height: 100%;
+ }
+
+ #header:after {
+ min-height: 100%;
+ }
+
+ #header header {
+ position: relative;
+ z-index: 1;
+ }
+
+ #header .container {
+ background: #fff;
+ z-index: 1;
+ }
+
+/* Footer */
+
+ #footer {
+ -ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
+ background-image: url("../../images/bg.jpg");
+ background-size: cover;
+ }
+
+ #footer .container {
+ background: #fff;
+ border-top: solid 1px #dddddd;
+ position: relative;
+ z-index: 1;
+ }
\ No newline at end of file
diff --git a/highlights/assets/css/ie9.css b/highlights/assets/css/ie9.css
new file mode 100644
index 0000000..dd1ba2e
--- /dev/null
+++ b/highlights/assets/css/ie9.css
@@ -0,0 +1,11 @@
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Loader */
+
+ html body:before, html body:after {
+ display: none !important;
+ }
\ No newline at end of file
diff --git a/highlights/assets/css/images/arrow.svg b/highlights/assets/css/images/arrow.svg
new file mode 100644
index 0000000..2176c14
--- /dev/null
+++ b/highlights/assets/css/images/arrow.svg
@@ -0,0 +1,6 @@
+
+
+
\ No newline at end of file
diff --git a/highlights/assets/css/images/overlay.png b/highlights/assets/css/images/overlay.png
new file mode 100644
index 0000000..c2a3691
Binary files /dev/null and b/highlights/assets/css/images/overlay.png differ
diff --git a/highlights/assets/css/main.css b/highlights/assets/css/main.css
new file mode 100644
index 0000000..45f20a2
--- /dev/null
+++ b/highlights/assets/css/main.css
@@ -0,0 +1,3033 @@
+@import url("font-awesome.min.css");
+@import url("https://fonts.googleapis.com/css?family=Raleway:400,400italic,700,800");
+
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 43.75em;
+ min-width: 35em;
+ }
+
+ .container.\37 5\25 {
+ width: 26.25em;
+ }
+
+ .container.\35 0\25 {
+ width: 17.5em;
+ }
+
+ .container.\32 5\25 {
+ width: 8.75em;
+ }
+
+ .container {
+ width: 35em;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 43.75em;
+ min-width: 35em;
+ }
+
+ .container.\37 5\25 {
+ width: 26.25em;
+ }
+
+ .container.\35 0\25 {
+ width: 17.5em;
+ }
+
+ .container.\32 5\25 {
+ width: 8.75em;
+ }
+
+ .container {
+ width: 35em;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 100%;
+ min-width: 80%;
+ }
+
+ .container.\37 5\25 {
+ width: 60%;
+ }
+
+ .container.\35 0\25 {
+ width: 40%;
+ }
+
+ .container.\32 5\25 {
+ width: 20%;
+ }
+
+ .container {
+ width: 80%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 100%;
+ min-width: 80%;
+ }
+
+ .container.\37 5\25 {
+ width: 60%;
+ }
+
+ .container.\35 0\25 {
+ width: 40%;
+ }
+
+ .container.\32 5\25 {
+ width: 20%;
+ }
+
+ .container {
+ width: 80%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100%;
+ }
+
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0em;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0em;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0em 0 0 0em;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0em 0 -1px 0em;
+ }
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28large\29, .\31 2u\24\28large\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28large\29, .\31 1u\24\28large\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28large\29, .\31 0u\24\28large\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28large\29, .\39 u\24\28large\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28large\29, .\38 u\24\28large\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28large\29, .\37 u\24\28large\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28large\29, .\36 u\24\28large\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28large\29, .\35 u\24\28large\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28large\29, .\34 u\24\28large\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28large\29, .\33 u\24\28large\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28large\29, .\32 u\24\28large\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28large\29, .\31 u\24\28large\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28large\29 + *,
+ .\31 1u\24\28large\29 + *,
+ .\31 0u\24\28large\29 + *,
+ .\39 u\24\28large\29 + *,
+ .\38 u\24\28large\29 + *,
+ .\37 u\24\28large\29 + *,
+ .\36 u\24\28large\29 + *,
+ .\35 u\24\28large\29 + *,
+ .\34 u\24\28large\29 + *,
+ .\33 u\24\28large\29 + *,
+ .\32 u\24\28large\29 + *,
+ .\31 u\24\28large\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28large\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28large\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28large\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28large\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28large\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28large\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28large\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28large\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28large\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28large\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28large\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28medium\29, .\39 u\24\28medium\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28medium\29, .\38 u\24\28medium\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28medium\29, .\37 u\24\28medium\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28medium\29, .\36 u\24\28medium\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28medium\29, .\35 u\24\28medium\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28medium\29, .\34 u\24\28medium\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28medium\29, .\33 u\24\28medium\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28medium\29, .\32 u\24\28medium\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28medium\29, .\31 u\24\28medium\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28medium\29 + *,
+ .\31 1u\24\28medium\29 + *,
+ .\31 0u\24\28medium\29 + *,
+ .\39 u\24\28medium\29 + *,
+ .\38 u\24\28medium\29 + *,
+ .\37 u\24\28medium\29 + *,
+ .\36 u\24\28medium\29 + *,
+ .\35 u\24\28medium\29 + *,
+ .\34 u\24\28medium\29 + *,
+ .\33 u\24\28medium\29 + *,
+ .\32 u\24\28medium\29 + *,
+ .\31 u\24\28medium\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28medium\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28medium\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28medium\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28medium\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28medium\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28medium\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28medium\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28medium\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28medium\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28medium\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28medium\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28small\29, .\31 2u\24\28small\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28small\29, .\31 1u\24\28small\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28small\29, .\31 0u\24\28small\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28small\29, .\39 u\24\28small\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28small\29, .\38 u\24\28small\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28small\29, .\37 u\24\28small\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28small\29, .\36 u\24\28small\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28small\29, .\35 u\24\28small\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28small\29, .\34 u\24\28small\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28small\29, .\33 u\24\28small\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28small\29, .\32 u\24\28small\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28small\29, .\31 u\24\28small\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28small\29 + *,
+ .\31 1u\24\28small\29 + *,
+ .\31 0u\24\28small\29 + *,
+ .\39 u\24\28small\29 + *,
+ .\38 u\24\28small\29 + *,
+ .\37 u\24\28small\29 + *,
+ .\36 u\24\28small\29 + *,
+ .\35 u\24\28small\29 + *,
+ .\34 u\24\28small\29 + *,
+ .\33 u\24\28small\29 + *,
+ .\32 u\24\28small\29 + *,
+ .\31 u\24\28small\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28small\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28small\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28small\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28small\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28small\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28small\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28small\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28small\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28small\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28small\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28small\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .row > * {
+ padding: 0 0 0 1em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1em;
+ }
+
+ .row.uniform > * {
+ padding: 1em 0 0 1em;
+ }
+
+ .row.uniform {
+ margin: -1em 0 -1px -1em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 2em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -2em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 2em 0 0 2em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -2em 0 -1px -2em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.5em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.5em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.5em 0 0 0.5em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.5em 0 -1px -0.5em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.25em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.25em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.25em 0 0 0.25em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.25em 0 -1px -0.25em;
+ }
+
+ .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xsmall\29 + *,
+ .\31 1u\24\28xsmall\29 + *,
+ .\31 0u\24\28xsmall\29 + *,
+ .\39 u\24\28xsmall\29 + *,
+ .\38 u\24\28xsmall\29 + *,
+ .\37 u\24\28xsmall\29 + *,
+ .\36 u\24\28xsmall\29 + *,
+ .\35 u\24\28xsmall\29 + *,
+ .\34 u\24\28xsmall\29 + *,
+ .\33 u\24\28xsmall\29 + *,
+ .\32 u\24\28xsmall\29 + *,
+ .\31 u\24\28xsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ html {
+ background-color: #313a3d;
+ background-attachment: fixed, fixed;
+ background-image: url("images/overlay.png"), url("../../images/bg.jpg");
+ background-position: top left, center center;
+ background-repeat: repeat, none;
+ background-size: auto, cover;
+ }
+
+ html.is-loading body *, html.is-loading body *:before, html.is-loading body *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+ html.is-touch {
+ height: 100vh;
+ overflow: hidden;
+ }
+
+ html.is-touch #wrapper {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ -webkit-transform: translate3d(0, 0, 0);
+ height: 100vh;
+ overflow: auto;
+ }
+
+ body, input, select, textarea {
+ color: #6f7577;
+ font-family: "Raleway", "Helvetica", sans-serif;
+ font-size: 15pt;
+ font-weight: 400;
+ line-height: 1.75em;
+ }
+
+ a {
+ -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
+ border-bottom: dotted 1px;
+ color: #8cd1a8;
+ text-decoration: none;
+ }
+
+ a:hover {
+ border-bottom-color: transparent !important;
+ color: #8cd1a8 !important;
+ text-decoration: none;
+ }
+
+ strong, b {
+ color: #61686b;
+ font-weight: 700;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 2em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #61686b;
+ font-weight: 800;
+ letter-spacing: 0.075em;
+ line-height: 1em;
+ margin: 0 0 1em 0;
+ text-transform: uppercase;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+ }
+
+ h3 {
+ font-size: 1em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px #dddddd;
+ margin: 2em 0;
+ }
+
+ hr.major {
+ margin: 3em 0;
+ }
+
+ blockquote {
+ border-left: solid 6px #dddddd;
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 1.5em;
+ }
+
+ code {
+ background: rgba(144, 144, 144, 0.075);
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Loader */
+
+ @-moz-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-webkit-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-ms-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-moz-keyframes spinner-hide {
+ 0% {
+ color: #454d50;
+ z-index: 10001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #313a3d;
+ z-index: 10001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #313a3d;
+ z-index: -1;
+ -moz-transform: scale(0) rotate(360deg);
+ -webkit-transform: scale(0) rotate(360deg);
+ -ms-transform: scale(0) rotate(360deg);
+ transform: scale(0) rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes spinner-hide {
+ 0% {
+ color: #454d50;
+ z-index: 10001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #313a3d;
+ z-index: 10001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #313a3d;
+ z-index: -1;
+ -moz-transform: scale(0) rotate(360deg);
+ -webkit-transform: scale(0) rotate(360deg);
+ -ms-transform: scale(0) rotate(360deg);
+ transform: scale(0) rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes spinner-hide {
+ 0% {
+ color: #454d50;
+ z-index: 10001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #313a3d;
+ z-index: 10001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #313a3d;
+ z-index: -1;
+ -moz-transform: scale(0) rotate(360deg);
+ -webkit-transform: scale(0) rotate(360deg);
+ -ms-transform: scale(0) rotate(360deg);
+ transform: scale(0) rotate(360deg);
+ }
+ }
+
+ @keyframes spinner-hide {
+ 0% {
+ color: #454d50;
+ z-index: 10001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #313a3d;
+ z-index: 10001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #313a3d;
+ z-index: -1;
+ -moz-transform: scale(0) rotate(360deg);
+ -webkit-transform: scale(0) rotate(360deg);
+ -ms-transform: scale(0) rotate(360deg);
+ transform: scale(0) rotate(360deg);
+ }
+ }
+
+ @-moz-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-moz-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 10000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @-webkit-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 10000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @-ms-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 10000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 10000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ html body {
+ text-decoration: none;
+ }
+
+ html body:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ html body:before {
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -moz-transform-origin: 50% 50%;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ color: #454d50;
+ content: '\f1ce';
+ cursor: default;
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 50%;
+ opacity: 0;
+ line-height: 2em;
+ margin: -1em 0 0 -1em;
+ position: fixed;
+ text-align: center;
+ top: 50%;
+ width: 2em;
+ z-index: -1;
+ }
+
+ html body:after {
+ -moz-animation: overlay-hide 1s ease-in forwards !important;
+ -webkit-animation: overlay-hide 1s ease-in forwards !important;
+ -ms-animation: overlay-hide 1s ease-in forwards !important;
+ animation: overlay-hide 1s ease-in forwards !important;
+ background: #313a3d;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ html.is-loading body:before {
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ z-index: 10001;
+ }
+
+ html.is-loading body:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ opacity: 1;
+ z-index: 10000;
+ }
+
+ @media (-webkit-min-device-pixel-ratio: 2) {
+
+ html body:before {
+ line-height: 2.025em;
+ }
+
+ }
+
+/* Section/Article */
+
+ section.special, article.special {
+ text-align: center;
+ }
+
+ header p {
+ color: #a8b0b3;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ }
+
+ header h1 + p {
+ margin-top: -1em;
+ }
+
+ header h2 + p {
+ margin-top: -1em;
+ }
+
+ header h3 + p {
+ margin-top: -0.8em;
+ }
+
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.8em;
+ margin-top: -0.6em;
+ }
+
+ header.major {
+ text-align: center;
+ }
+
+ header.major h1, header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
+ position: relative;
+ }
+
+ header.major h1:after, header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
+ background: #dddddd;
+ content: '';
+ display: block;
+ height: 2px;
+ margin: 0.75em auto 0 auto;
+ position: relative;
+ width: 4em;
+ }
+
+ header.major p {
+ margin-top: 0;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 2em 0;
+ }
+
+ label {
+ color: #61686b;
+ display: block;
+ font-size: 0.9em;
+ font-weight: 700;
+ margin: 0 0 1em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: rgba(144, 144, 144, 0.15);
+ border-radius: 0;
+ border: none;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ box-shadow: inset 0 0 0 2px #8cd1a8;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: #a8b0b3;
+ content: '\f078';
+ display: block;
+ height: 3em;
+ line-height: 3em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 3em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 3em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: #6f7577;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 400;
+ padding-left: 2.55em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ background: rgba(144, 144, 144, 0.15);
+ content: '';
+ display: inline-block;
+ height: 1.8em;
+ left: 0;
+ line-height: 1.725em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.8em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background: #313a3d;
+ color: #ffffff;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ box-shadow: inset 0 0 0 2px #8cd1a8;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #a8b0b3 !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: #a8b0b3 !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: #a8b0b3 !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: #a8b0b3 !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: #a8b0b3 !important;
+ opacity: 1.0;
+ }
+
+/* Box */
+
+ .box {
+ border: solid 2px #dddddd;
+ margin-bottom: 2em;
+ padding: 1.5em;
+ }
+
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon.major {
+ display: block;
+ margin: 0 0 1em 0;
+ }
+
+ .icon.major:before {
+ font-size: 2.5em;
+ }
+
+/* Image */
+
+ .image {
+ border: 0;
+ display: inline-block;
+ position: relative;
+ }
+
+ .image:before {
+ background: url("images/overlay.png");
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ .image img {
+ display: block;
+ }
+
+ .image.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ .image.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px #dddddd;
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 1.5em 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 1.5em;
+ }
+
+ ul.icons-grid {
+ list-style: none;
+ padding: 0;
+ position: relative;
+ }
+
+ ul.icons-grid li {
+ display: block;
+ float: left;
+ padding: 3em 0;
+ width: 50%;
+ }
+
+ ul.icons-grid li h3 {
+ margin: 0;
+ }
+
+ ul.icons-grid li:nth-child(2n + 1) {
+ box-shadow: inset -1px 0 0 0 #dddddd, 1px 0 0 0 #dddddd;
+ }
+
+ ul.icons-grid li:nth-child(2n + 3):before {
+ background: #dddddd;
+ content: '';
+ display: block;
+ height: 2px;
+ margin-top: -3em;
+ position: absolute;
+ width: 100%;
+ }
+
+ ul.icons-grid:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.5em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 1em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -1em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 1em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ min-width: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.5em;
+ width: calc(100% + 0.5em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.5em;
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border: solid 1px #dddddd;
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(144, 144, 144, 0.075);
+ }
+
+ table td {
+ padding: 0.75em 0.75em;
+ }
+
+ table th {
+ color: #61686b;
+ font-size: 0.9em;
+ font-weight: 700;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom: solid 2px #dddddd;
+ }
+
+ table tfoot {
+ border-top: solid 2px #dddddd;
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px #dddddd;
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ background-color: transparent;
+ border-radius: 0;
+ border: 0;
+ box-shadow: inset 0 0 0 2px #dddddd;
+ color: #61686b !important;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: 700;
+ height: 3em;
+ letter-spacing: 0.05em;
+ line-height: 3.15em;
+ padding: 0 2em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ background-color: rgba(144, 144, 144, 0.075);
+ color: #61686b !important;
+ }
+
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active,
+ button:active,
+ .button:active {
+ background-color: rgba(144, 144, 144, 0.15);
+ color: #61686b !important;
+ }
+
+ input[type="submit"].icon,
+ input[type="reset"].icon,
+ input[type="button"].icon,
+ button.icon,
+ .button.icon {
+ padding-left: 1.35em;
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ color: #a8b0b3;
+ margin-right: 0.5em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 1em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ button.special,
+ .button.special {
+ background-color: #8cd1a8;
+ border: 0;
+ box-shadow: none;
+ color: #ffffff !important;
+ }
+
+ input[type="submit"].special:hover,
+ input[type="reset"].special:hover,
+ input[type="button"].special:hover,
+ button.special:hover,
+ .button.special:hover {
+ background-color: #9ed8b6;
+ }
+
+ input[type="submit"].special:active,
+ input[type="reset"].special:active,
+ input[type="button"].special:active,
+ button.special:active,
+ .button.special:active {
+ background-color: #7aca9a;
+ }
+
+ input[type="submit"].special.icon:before,
+ input[type="reset"].special.icon:before,
+ input[type="button"].special.icon:before,
+ button.special.icon:before,
+ .button.special.icon:before {
+ color: #d1ecdc;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ background-color: #6f7577 !important;
+ box-shadow: none !important;
+ color: #fff !important;
+ cursor: default;
+ opacity: 0.25;
+ }
+
+/* Main BG */
+
+ .main-bg {
+ -moz-transition: opacity 0.5s ease-out;
+ -webkit-transition: opacity 0.5s ease-out;
+ -ms-transition: opacity 0.5s ease-out;
+ transition: opacity 0.5s ease-out;
+ background-attachment: fixed, fixed;
+ background-position: top left, center center;
+ background-repeat: repeat, none;
+ background-size: auto, cover;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ .main-bg.active {
+ opacity: 1;
+ }
+
+/* Main */
+
+ .main {
+ position: relative;
+ }
+
+ .main .image.primary {
+ display: none;
+ }
+
+ .main .container {
+ padding: 5em 2.5em 8em 2.5em ;
+ background: rgba(255, 255, 255, 0.95);
+ box-shadow: inset 0 1px 0 0 #dddddd;
+ }
+
+ .main .container:before {
+ min-height: calc( 100vh - 13em );
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ width: 1px;
+ }
+
+ .main .container .content {
+ display: inline-block;
+ margin-right: 1px;
+ vertical-align: middle;
+ width: calc(100% - 10px);
+ }
+
+ .main .goto-next {
+ -moz-transition: background-color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out;
+ background-color: rgba(144, 144, 144, 0.075);
+ background-image: url("images/arrow.svg");
+ background-position: center center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ border: 0;
+ bottom: 3em;
+ display: block;
+ height: 4em;
+ left: 50%;
+ line-height: 4em;
+ margin-left: -2em;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 4em;
+ white-space: nowrap;
+ width: 4em;
+ }
+
+ .main .goto-next:hover {
+ background-color: rgba(144, 144, 144, 0.15);
+ }
+
+/* Header */
+
+ #header {
+ height: 100vh;
+ position: relative;
+ text-align: center;
+ }
+
+ #header:after {
+ content: '';
+ display: inline-block;
+ height: 100vh;
+ vertical-align: middle;
+ }
+
+ #header header {
+ color: rgba(255, 255, 255, 0.5);
+ display: inline-block;
+ padding-bottom: 8em;
+ vertical-align: middle;
+ }
+
+ #header header h1, #header header h2, #header header h3, #header header h4, #header header h5, #header header h6, #header header strong, #header header b {
+ color: #ffffff;
+ }
+
+ #header header a {
+ color: inherit;
+ }
+
+ #header header a:hover {
+ color: #ffffff !important;
+ }
+
+ #header header h1 {
+ font-size: 3em;
+ line-height: 1.25em;
+ margin: 0;
+ }
+
+ #header header h1:after {
+ margin-top: 0.5em;
+ }
+
+ #header header p {
+ color: #ffffff;
+ font-weight: 700;
+ margin: 1.5em 0 0 0;
+ }
+
+ #header .container {
+ background: rgba(255, 255, 255, 0.95);
+ bottom: 0;
+ left: 50%;
+ margin-left: -17.5em;
+ padding: 2.5em;
+ position: absolute;
+ }
+
+ #header .container > :last-child {
+ margin-bottom: 0;
+ }
+
+ #header .container .button {
+ min-width: 12em;
+ }
+
+/* Footer */
+
+ #footer {
+ min-height: 100vh;
+ padding: 0 0 12em 0;
+ position: relative;
+ text-align: center;
+ }
+
+ #footer .container {
+ padding: 5em 2.5em 3em 2.5em ;
+ background: rgba(255, 255, 255, 0.95);
+ box-shadow: inset 0 1px 0 0 #dddddd;
+ }
+
+ #footer footer {
+ bottom: 2em;
+ color: rgba(255, 255, 255, 0.5);
+ left: 0;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+ }
+
+ #footer footer h1, #footer footer h2, #footer footer h3, #footer footer h4, #footer footer h5, #footer footer h6, #footer footer strong, #footer footer b {
+ color: #ffffff;
+ }
+
+ #footer footer a {
+ color: inherit;
+ }
+
+ #footer footer a:hover {
+ color: #ffffff !important;
+ }
+
+ #footer footer .copyright {
+ font-size: 0.8em;
+ line-height: 1em;
+ padding: 0;
+ }
+
+ #footer footer .copyright li {
+ border-left: solid 1px rgba(255, 255, 255, 0.2);
+ display: inline-block;
+ margin: 0 0 0 1em;
+ padding: 0 0 0 1em;
+ }
+
+ #footer footer .copyright li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+/* Large */
+
+ @media screen and (max-width: 1680px) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+/* Medium */
+
+ @media screen and (max-width: 980px) {
+
+ /* Main BG */
+
+ .main-bg {
+ display: none;
+ }
+
+ /* Main */
+
+ .main .image.primary {
+ display: block;
+ margin: 0 0 4em 0;
+ }
+
+ .main .container {
+ padding: 3em 3em 8em 3em ;
+ }
+
+ .main .container:before {
+ display: none;
+ }
+
+ /* Header */
+
+ #header header {
+ padding-bottom: 9em;
+ width: 80%;
+ }
+
+ #header .container {
+ margin-left: -40%;
+ padding: 3em;
+ }
+
+ /* Footer */
+
+ #footer {
+ min-height: 0;
+ padding: 0;
+ }
+
+ #footer .container {
+ padding: 3em 3em 1em 3em ;
+ }
+
+ #footer footer {
+ padding: 3em 3em 1em 3em ;
+ bottom: auto;
+ position: relative;
+ }
+
+ }
+
+/* Small */
+
+ @media screen and (max-width: 736px) {
+
+ /* Basic */
+
+ h2 {
+ font-size: 1.35em;
+ }
+
+ /* Main */
+
+ .main .container {
+ padding: 3em 1.5em 1em 1.5em ;
+ }
+
+ .main .container .image.primary:first-child {
+ margin: -1.5em 0 2.5em 0;
+ }
+
+ .main .goto-next {
+ display: none;
+ }
+
+ /* Header */
+
+ #header {
+ height: 80vh;
+ }
+
+ #header:after {
+ height: 80vh;
+ }
+
+ #header header {
+ padding-bottom: 0;
+ }
+
+ #header header h1 {
+ font-size: 2em;
+ }
+
+ #header header p {
+ margin-top: 1em;
+ }
+
+ #header .container {
+ display: none;
+ }
+
+ /* Footer */
+
+ #footer .container {
+ padding: 3em 1.5em 1em 1.5em ;
+ }
+
+ }
+
+/* XSmall */
+
+ @media screen and (max-width: 480px) {
+
+ /* Basic */
+
+ html, body {
+ min-width: 320px;
+ }
+
+ /* List */
+
+ ul.actions {
+ margin: 0 0 2em 0;
+ }
+
+ ul.actions li {
+ display: block;
+ padding: 1em 0 0 0;
+ text-align: center;
+ width: 100%;
+ }
+
+ ul.actions li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions li > * {
+ margin: 0 !important;
+ width: 100%;
+ }
+
+ ul.actions.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.icons-grid li {
+ box-shadow: inset 0 1px 0 0 #dddddd !important;
+ float: none;
+ margin: 2em 0 0 0;
+ padding: 2em 0 0 0;
+ width: 100%;
+ }
+
+ ul.icons-grid li:first-child {
+ box-shadow: none !important;
+ margin-top: 0;
+ padding: 1em 0 0 0;
+ }
+
+ ul.icons-grid li:nth-child(2n + 1) {
+ box-shadow: none;
+ }
+
+ ul.icons-grid li:nth-child(2n + 3):before {
+ display: none;
+ }
+
+ /* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ padding: 0;
+ }
+
+ input[type="submit"].icon,
+ input[type="reset"].icon,
+ input[type="button"].icon,
+ button.icon,
+ .button.icon {
+ padding-left: 0;
+ }
+
+ /* Main */
+
+ .main .container {
+ padding: 3em 1em 1em 1em ;
+ }
+
+ .main .container .image.primary:first-child {
+ margin: -2em 0 2.5em 0;
+ }
+
+ /* Footer */
+
+ #footer .container {
+ padding: 3em 1em 1em 1em ;
+ }
+
+ #footer footer .copyright {
+ line-height: inherit;
+ }
+
+ #footer footer .copyright li {
+ border-left: 0;
+ display: block;
+ margin: 0;
+ padding: 0;
+ }
+
+ }
\ No newline at end of file
diff --git a/highlights/assets/fonts/FontAwesome.otf b/highlights/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/highlights/assets/fonts/FontAwesome.otf differ
diff --git a/highlights/assets/fonts/fontawesome-webfont.eot b/highlights/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/highlights/assets/fonts/fontawesome-webfont.eot differ
diff --git a/highlights/assets/fonts/fontawesome-webfont.svg b/highlights/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/highlights/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/highlights/assets/fonts/fontawesome-webfont.ttf b/highlights/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/highlights/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/highlights/assets/fonts/fontawesome-webfont.woff b/highlights/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/highlights/assets/fonts/fontawesome-webfont.woff differ
diff --git a/highlights/assets/fonts/fontawesome-webfont.woff2 b/highlights/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/highlights/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/highlights/assets/js/ie/backgroundsize.min.htc b/highlights/assets/js/ie/backgroundsize.min.htc
new file mode 100644
index 0000000..3d9960d
--- /dev/null
+++ b/highlights/assets/js/ie/backgroundsize.min.htc
@@ -0,0 +1,7 @@
+
+ #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/highlights/assets/js/jquery.scrollex.min.js b/highlights/assets/js/jquery.scrollex.min.js
new file mode 100644
index 0000000..a4727fe
--- /dev/null
+++ b/highlights/assets/js/jquery.scrollex.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r
=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o
')
+ .css('background-image', (
+ 'url("css/images/overlay.png"), url("' + $primaryImg.attr('src') + '")'
+ ))
+ .appendTo($body);
+
+ // Scrollex.
+ options = {
+ mode: 'middle',
+ delay: 200,
+ top: '-10vh',
+ bottom: '-10vh'
+ };
+
+ if (skel.canUse('transition')) {
+
+ options.init = function() { $bg.removeClass('active'); };
+ options.enter = function() { $bg.addClass('active'); };
+ options.leave = function() { $bg.removeClass('active'); };
+
+ }
+ else {
+
+ $bg
+ .css('opacity', 1)
+ .hide();
+
+ options.init = function() { $bg.fadeOut(0); };
+ options.enter = function() { $bg.fadeIn(400); };
+ options.leave = function() { $bg.fadeOut(400); };
+
+ }
+
+ $this.scrollex(options);
+
+ });
+
+ });
+
+})(jQuery);
\ No newline at end of file
diff --git a/highlights/assets/js/skel.min.js b/highlights/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/highlights/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;er["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/highlights/assets/js/util.js b/highlights/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/highlights/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/highlights/assets/sass/ie8.scss b/highlights/assets/sass/ie8.scss
new file mode 100644
index 0000000..0403fb5
--- /dev/null
+++ b/highlights/assets/sass/ie8.scss
@@ -0,0 +1,148 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body, html {
+ height: 100%;
+ }
+
+ html {
+ background: none;
+ }
+
+/* List */
+
+ ul {
+ &.actions {
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ &:first-child {
+ padding-left: 0;
+ }
+ }
+ }
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ border: solid 2px _palette(border);
+ position: relative;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"] {
+ line-height: _size(element-height);
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ font-size: 3em;
+
+ & + label {
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ border: solid 2px _palette(border);
+ }
+
+/* Main BG */
+
+ .main-bg {
+ z-index: 0;
+ }
+
+/* Main */
+
+ .main {
+ background-size: cover;
+
+ .container {
+ background: _palette(bg);
+ border-top: solid 1px _palette(border);
+ position: relative;
+ z-index: 1;
+ }
+
+ .goto-next {
+ @include icon;
+
+ &:before {
+ color: _palette(border);
+ content: '\f063';
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 0;
+ line-height: 2em;
+ position: absolute;
+ text-align: center;
+ text-indent: 0;
+ top: 0;
+ width: 2em;
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+ background-image: url('../../images/bg.jpg');
+ background-size: cover;
+ height: 100%;
+
+ &:after {
+ min-height: 100%;
+ }
+
+ header {
+ position: relative;
+ z-index: 1;
+ }
+
+ .container {
+ background: _palette(bg);
+ z-index: 1;
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ -ms-behavior: url('assets/js/ie/backgroundsize.min.htc');
+ background-image: url('../../images/bg.jpg');
+ background-size: cover;
+
+ .container {
+ background: _palette(bg);
+ border-top: solid 1px _palette(border);
+ position: relative;
+ z-index: 1;
+ }
+ }
\ No newline at end of file
diff --git a/highlights/assets/sass/ie9.scss b/highlights/assets/sass/ie9.scss
new file mode 100644
index 0000000..dc6bf2b
--- /dev/null
+++ b/highlights/assets/sass/ie9.scss
@@ -0,0 +1,20 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Loader */
+
+ html {
+ body {
+ &:before, &:after {
+ display: none !important;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/highlights/assets/sass/libs/_functions.scss b/highlights/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/highlights/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/highlights/assets/sass/libs/_mixins.scss b/highlights/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/highlights/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/highlights/assets/sass/libs/_skel.scss b/highlights/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/highlights/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/highlights/assets/sass/libs/_vars.scss b/highlights/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..1459107
--- /dev/null
+++ b/highlights/assets/sass/libs/_vars.scss
@@ -0,0 +1,74 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ transition: 0.2s,
+ loader-fadein: 1s,
+ bg-fadein: 0.5s
+ );
+
+// Size.
+ $size: (
+ element-height: 3em,
+ element-margin: 2em
+ );
+
+// Font.
+ $font: (
+ family: ('Raleway', 'Helvetica', sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 400,
+ weight-bold: 700,
+ weight-heavy: 800
+ );
+
+// Palette.
+ $palette: (
+ bg: #fff,
+ fg: #6f7577,
+ fg-bold: #61686b,
+ fg-light: #a8b0b3,
+ fg-lighter: #e8f0f3,
+ border: #dddddd,
+ border-bg: rgba(144,144,144,0.075),
+ border2: #d3d3d3,
+ border2-bg: rgba(144,144,144,0.15),
+
+ alt: (
+ fg-bold: #ffffff,
+ fg: rgba(255,255,255,0.5),
+ fg-light: rgba(255,255,255,0.35),
+ fg-lighter: rgba(255,255,255,0.2),
+ border: #ffffff,
+ border-bg: rgba(255,255,255,0.075),
+ border2: #ffffff,
+ border2-bg: rgba(255,255,255,0.15)
+ ),
+
+ accent1: (
+ bg: #8cd1a8,
+ fg-bold: #ffffff,
+ fg: mix(#8cd1a8, #ffffff, 25%),
+ fg-light: mix(#8cd1a8, #ffffff, 40%),
+ fg-lighter: mix(#8cd1a8, #ffffff, 90%),
+ border: rgba(255,255,255,0.25),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(255,255,255,0.5),
+ border2-bg: rgba(255,255,255,0.2)
+ ),
+
+ accent2: (
+ bg: #313a3d,
+ fg-bold: #ffffff,
+ fg: mix(#313a3d, #ffffff, 25%),
+ fg-light: mix(#313a3d, #ffffff, 40%),
+ fg-lighter: mix(#313a3d, #ffffff, 90%),
+ border: rgba(255,255,255,0.25),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(255,255,255,0.5),
+ border2-bg: rgba(255,255,255,0.2)
+ )
+ );
\ No newline at end of file
diff --git a/highlights/assets/sass/main.scss b/highlights/assets/sass/main.scss
new file mode 100644
index 0000000..adbd040
--- /dev/null
+++ b/highlights/assets/sass/main.scss
@@ -0,0 +1,1445 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import url('font-awesome.min.css');
+@import url("https://fonts.googleapis.com/css?family=Raleway:400,400italic,700,800");
+
+/*
+ Highlights by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @import "libs/skel";
+
+ @include skel-breakpoints((
+ large: '(max-width: 1680px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: 1.5em ),
+ conditionals: true,
+ containers: 35em,
+ breakpoints: (
+ large: (
+ ),
+ medium: (
+ containers: 80%,
+ ),
+ small: (
+ grid: (
+ gutters: 1em
+ ),
+ ),
+ xsmall: (
+ containers: 100%,
+ )
+ )
+ ));
+
+ @mixin minHeight($tb, $pad) {
+ min-height: calc( 100vh - #{ $tb + (($tb - _size(element-margin)) + $pad) } );
+ }
+
+ $size-padding-tb: 5em;
+ $size-padding-lr: 2.5em;
+
+/* Basic */
+
+ html {
+ background-color: _palette(accent2, bg);
+ background-attachment: fixed, fixed;
+ background-image: url('images/overlay.png'), url('../../images/bg.jpg');
+ background-position: top left, center center;
+ background-repeat: repeat, none;
+ background-size: auto, cover;
+ }
+
+ html {
+ &.is-loading {
+ body {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+ }
+
+ &.is-touch {
+ height: 100vh;
+ overflow: hidden;
+
+ #wrapper {
+ -webkit-backface-visibility: hidden;
+ -webkit-overflow-scrolling: touch;
+ -webkit-transform: translate3d(0,0,0);
+ height: 100vh;
+ overflow: auto;
+ }
+ }
+ }
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 15pt;
+ font-weight: _font(weight);
+ line-height: 1.75em;
+ }
+
+ a {
+ @include vendor('transition', ('color #{_duration(transition)} ease-in-out', 'border-bottom-color #{_duration(transition)} ease-in-out'));
+ border-bottom: dotted 1px;
+ color: _palette(accent1, bg);
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent !important;
+ color: _palette(accent1, bg) !important;
+ text-decoration: none;
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-heavy);
+ letter-spacing: 0.075em;
+ line-height: 1em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ text-transform: uppercase;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h2 {
+ font-size: 1.75em;
+ line-height: 1.5em;
+ }
+
+ h3 {
+ font-size: 1em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ blockquote {
+ border-left: solid 6px _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: 0.5em 0 0.5em 1.5em;
+ }
+
+ code {
+ background: _palette(border-bg);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Loader */
+
+ // Spinner
+
+ @include keyframes('spinner-show') {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+ }
+
+ @include keyframes('spinner-hide') {
+ 0% { color: _palette(accent2, fg-lighter); z-index: _misc(z-index-base) + 1; @include vendor('transform', 'scale(1) rotate(0deg)'); }
+ 99% { color: _palette(accent2, bg); z-index: _misc(z-index-base) + 1; @include vendor('transform', 'scale(0.5) rotate(360deg)'); }
+ 100% { color: _palette(accent2, bg); z-index: -1; @include vendor('transform', 'scale(0) rotate(360deg)'); }
+ }
+
+ @include keyframes('spinner-rotate') {
+ 0% { @include vendor('transform', 'scale(1) rotate(0deg)'); }
+ 100% { @include vendor('transform', 'scale(1) rotate(360deg)'); }
+ }
+
+ // Overlay
+
+ @include keyframes('overlay-hide') {
+ 0% { opacity: 1; z-index: _misc(z-index-base); }
+ 15% { opacity: 1; z-index: _misc(z-index-base); }
+ 99% { opacity: 0; z-index: _misc(z-index-base); }
+ 100% { opacity: 0; z-index: -1; }
+ }
+
+ html {
+ body {
+ @include icon;
+
+ // Spinner (inactive)
+
+ &:before {
+ @include vendor('animation', ('spinner-show 1.5s 1 0.25s ease forwards', 'spinner-hide 0.25s ease-in-out forwards !important'));
+ @include vendor('transform-origin', '50% 50%');
+ color: _palette(accent2, fg-lighter);
+ content: '\f1ce';
+ cursor: default;
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 50%;
+ opacity: 0;
+ line-height: 2em;
+ margin: -1em 0 0 -1em;
+ position: fixed;
+ text-align: center;
+ top: 50%;
+ width: 2em;
+ z-index: -1;
+ }
+
+ // Overlay (inactive)
+
+ &:after {
+ @include vendor('animation', 'overlay-hide #{_duration(loader-fadein)} ease-in forwards !important');
+ background: _palette(accent2, bg);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ }
+
+ &.is-loading {
+ body {
+
+ // Spinner (active)
+
+ &:before {
+ @include vendor('animation', ('spinner-show 1.5s 1 0.25s ease forwards', 'spinner-rotate 0.75s infinite linear !important'));
+ z-index: _misc(z-index-base) + 1;
+ }
+
+ // Overlay (active)
+
+ &:after {
+ @include vendor('animation', 'none !important');
+ opacity: 1;
+ z-index: _misc(z-index-base);
+ }
+
+ }
+ }
+ }
+
+ @media (-webkit-min-device-pixel-ratio: 2) {
+ html {
+ body {
+ &:before {
+ line-height: 2.025em;
+ }
+ }
+ }
+ }
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ color: _palette(fg-light);
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ }
+
+ h1 + p {
+ margin-top: (_size(element-margin) * -0.5);
+ }
+
+ h2 + p {
+ margin-top: (_size(element-margin) * -0.5);
+ }
+
+ h3 + p {
+ margin-top: (_size(element-margin) * -0.4);
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.8em;
+ margin-top: (_size(element-margin) * -0.3);
+ }
+
+ &.major {
+ text-align: center;
+
+ h1, h2, h3, h4, h5, h6 {
+ position: relative;
+
+ &:after {
+ background: _palette(border);
+ content: '';
+ display: block;
+ height: 2px;
+ margin: 0.75em auto 0 auto;
+ position: relative;
+ width: 4em;
+ }
+ }
+
+ p {
+ margin-top: 0;
+ }
+ }
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background: _palette(border2-bg);
+ border-radius: 0;
+ border: none;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ box-shadow: inset 0 0 0 2px _palette(accent1, bg);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(fg-light);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border2-bg);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(accent2, bg);
+ color: _palette(accent2, fg-bold);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ box-shadow: inset 0 0 0 2px _palette(accent1, bg);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+/* Box */
+
+ .box {
+ border: solid 2px _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &.major {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ &:before {
+ font-size: 2.5em;
+ }
+ }
+ }
+
+/* Image */
+
+ .image {
+ border: 0;
+ display: inline-block;
+ position: relative;
+
+ &:before {
+ background: url('images/overlay.png');
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ img {
+ display: block;
+ }
+
+ &.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1.5em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ .icon {
+ &:before {
+ font-size: 1.5em;
+ }
+ }
+ }
+ }
+
+ &.icons-grid {
+ list-style: none;
+ padding: 0;
+ position: relative;
+
+ li {
+ display: block;
+ float: left;
+ padding: (_size(element-margin) * 1.5) 0;
+ width: 50%;
+
+ h3 {
+ margin: 0;
+ }
+
+ &:nth-child(2n + 1) {
+ box-shadow: inset -1px 0 0 0 _palette(border), 1px 0 0 0 _palette(border);
+ }
+
+ &:nth-child(2n + 3) {
+ &:before {
+ background: _palette(border);
+ content: '';
+ display: block;
+ height: 2px;
+ margin-top: (_size(element-margin) * -1.5);
+ position: absolute;
+ width: 100%;
+ }
+ }
+ }
+
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.25) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ min-width: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid 1px _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid 2px _palette(border);
+ }
+
+ tfoot {
+ border-top: solid 2px _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid 1px _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: 1px;
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: 1px;
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', ('background-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out'));
+ background-color: transparent;
+ border-radius: 0;
+ border: 0;
+ box-shadow: inset 0 0 0 2px _palette(border);
+ color: _palette(fg-bold) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: _font(weight-bold);
+ height: _size(element-height);
+ letter-spacing: 0.05em;
+ line-height: (_size(element-height) * 1.05);
+ padding: 0 2em;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+
+ &:hover {
+ background-color: _palette(border-bg);
+ color: _palette(fg-bold) !important;
+ }
+
+ &:active {
+ background-color: _palette(border2-bg);
+ color: _palette(fg-bold) !important;
+ }
+
+ &.icon {
+ padding-left: 1.35em;
+
+ &:before {
+ color: _palette(fg-light);
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.big {
+ font-size: 1.35em;
+ }
+
+ &.special {
+ background-color: _palette(accent1, bg);
+ border: 0;
+ box-shadow: none;
+ color: _palette(accent1, fg-bold) !important;
+
+ &:hover {
+ background-color: lighten(_palette(accent1, bg), 5);
+ }
+
+ &:active {
+ background-color: darken(_palette(accent1, bg), 5);
+ }
+
+ &.icon {
+ &:before {
+ color: _palette(accent1, fg-light);
+ }
+ }
+ }
+
+ &.disabled,
+ &:disabled {
+ background-color: _palette(fg) !important;
+ box-shadow: none !important;
+ color: _palette(bg) !important;
+ cursor: default;
+ opacity: 0.25;
+ }
+ }
+
+/* Main BG */
+
+ .main-bg {
+ @include vendor('transition', 'opacity #{_duration(bg-fadein)} ease-out');
+ background-attachment: fixed, fixed;
+ background-position: top left, center center;
+ background-repeat: repeat, none;
+ background-size: auto, cover;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+
+ &.active {
+ opacity: 1;
+ }
+ }
+
+/* Main */
+
+ .main {
+ position: relative;
+
+ .image.primary {
+ display: none;
+ }
+
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr, (0, 0, 5em, 0));
+ background: transparentize(_palette(bg), 0.05);
+ box-shadow: inset 0 1px 0 0 _palette(border);
+
+ &:before {
+ @include minHeight($size-padding-tb, 5em);
+ content: '';
+ display: inline-block;
+ vertical-align: middle;
+ width: 1px;
+ }
+
+ .content {
+ display: inline-block;
+ margin-right: 1px;
+ vertical-align: middle;
+ width: calc(100% - 10px);
+ }
+ }
+
+ .goto-next {
+ @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out');
+ background-color: _palette(border-bg);
+ background-image: url('images/arrow.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ border-radius: 100%;
+ border: 0;
+ bottom: 3em;
+ display: block;
+ height: 4em;
+ left: 50%;
+ line-height: 4em;
+ margin-left: -2em;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 4em;
+ white-space: nowrap;
+ width: 4em;
+
+ &:hover {
+ background-color: _palette(border2-bg);
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ height: 100vh;
+ position: relative;
+ text-align: center;
+
+ &:after {
+ content: '';
+ display: inline-block;
+ height: 100vh;
+ vertical-align: middle;
+ }
+
+ header {
+ color: _palette(alt, fg);
+ display: inline-block;
+ padding-bottom: (_size(element-height) + ($size-padding-lr * 2));
+ vertical-align: middle;
+
+ h1, h2, h3, h4, h5, h6, strong, b {
+ color: _palette(alt, fg-bold);
+ }
+
+ a {
+ color: inherit;
+
+ &:hover {
+ color: _palette(alt, fg-bold) !important;
+ }
+ }
+
+ h1 {
+ font-size: 3em;
+ line-height: 1.25em;
+ margin: 0;
+
+ &:after {
+ margin-top: 0.5em;
+ }
+ }
+
+ p {
+ color: _palette(alt, fg-bold);
+ font-weight: _font(weight-bold);
+ margin: (_size(element-margin) * 0.75) 0 0 0;
+ }
+ }
+
+ .container {
+ background: transparentize(_palette(bg), 0.05);
+ bottom: 0;
+ left: 50%;
+ margin-left: -17.5em;
+ padding: $size-padding-lr;
+ position: absolute;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+
+ .button {
+ min-width: 12em;
+ }
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ min-height: 100vh;
+ padding: 0 0 12em 0;
+ position: relative;
+ text-align: center;
+
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+ background: transparentize(_palette(bg), 0.05);
+ box-shadow: inset 0 1px 0 0 _palette(border);
+ }
+
+ footer {
+ bottom: _size(element-margin);
+ color: _palette(alt, fg);
+ left: 0;
+ position: absolute;
+ text-align: center;
+ width: 100%;
+
+ h1, h2, h3, h4, h5, h6, strong, b {
+ color: _palette(alt, fg-bold);
+ }
+
+ a {
+ color: inherit;
+
+ &:hover {
+ color: _palette(alt, fg-bold) !important;
+ }
+ }
+
+ .copyright {
+ font-size: 0.8em;
+ line-height: 1em;
+ padding: 0;
+
+ li {
+ border-left: solid 1px _palette(alt, fg-lighter);
+ display: inline-block;
+ margin: 0 0 0 1em;
+ padding: 0 0 0 1em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ }
+ }
+ }
+ }
+
+/* Large */
+
+ @include breakpoint(large) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+/* Medium */
+
+ @include breakpoint(medium) {
+
+ $size-padding-tb: 3em;
+ $size-padding-lr: 3em;
+
+ /* Main BG */
+
+ .main-bg {
+ display: none;
+ }
+
+ /* Main */
+
+ .main {
+ .image.primary {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 2) 0;
+ }
+
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr, (0, 0, 7em, 0));
+
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+ /* Header */
+
+ #header {
+ header {
+ padding-bottom: (_size(element-height) + ($size-padding-lr * 2));
+ width: 80%;
+ }
+
+ .container {
+ margin-left: -40%;
+ padding: $size-padding-lr;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ min-height: 0;
+ padding: 0;
+
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+ }
+
+ footer {
+ @include padding($size-padding-tb, $size-padding-lr);
+ bottom: auto;
+ position: relative;
+ }
+ }
+
+ }
+
+/* Small */
+
+ @include breakpoint(small) {
+
+ $size-padding-tb: 3em;
+ $size-padding-lr: 1.5em;
+
+ /* Basic */
+
+ h2 {
+ font-size: 1.35em;
+ }
+
+ /* Main */
+
+ .main {
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+
+ .image.primary:first-child {
+ margin: (($size-padding-tb - $size-padding-lr) * -1) 0 (_size(element-margin) * 1.25) 0;
+ }
+ }
+
+ .goto-next {
+ display: none;
+ }
+ }
+
+ /* Header */
+
+ #header {
+ height: 80vh;
+
+ &:after {
+ height: 80vh;
+ }
+
+ header {
+ padding-bottom: 0;
+
+ h1 {
+ font-size: 2em;
+ }
+
+ p {
+ margin-top: 1em;
+ }
+ }
+
+ .container {
+ display: none;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+ }
+ }
+
+ }
+
+/* XSmall */
+
+ @include breakpoint(xsmall) {
+
+ $size-padding-tb: 3em;
+ $size-padding-lr: 1em;
+
+ /* Basic */
+
+ html, body {
+ min-width: 320px;
+ }
+
+ /* List */
+
+ ul {
+ &.actions {
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ text-align: center;
+ width: 100%;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin: 0 !important;
+ width: 100%;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.icons-grid {
+ li {
+ box-shadow: inset 0 1px 0 0 _palette(border) !important;
+ float: none;
+ margin: _size(element-margin) 0 0 0;
+ padding: _size(element-margin) 0 0 0;
+ width: 100%;
+
+ &:first-child {
+ box-shadow: none !important;
+ margin-top: 0;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ }
+
+ &:nth-child(2n + 1) {
+ box-shadow: none;
+ }
+
+ &:nth-child(2n + 3) {
+ &:before {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+
+ /* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ padding: 0;
+
+ &.icon {
+ padding-left: 0;
+
+ }
+ }
+
+ /* Main */
+
+ .main {
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+
+ .image.primary:first-child {
+ margin: (($size-padding-tb - $size-padding-lr) * -1) 0 (_size(element-margin) * 1.25) 0;
+ }
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ .container {
+ @include padding($size-padding-tb, $size-padding-lr);
+ }
+
+ footer {
+ .copyright {
+ line-height: inherit;
+
+ li {
+ border-left: 0;
+ display: block;
+ margin: 0;
+ padding: 0;
+ }
+ }
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/highlights/images/bg.jpg b/highlights/images/bg.jpg
new file mode 100644
index 0000000..b4205c7
Binary files /dev/null and b/highlights/images/bg.jpg differ
diff --git a/highlights/images/pic01.jpg b/highlights/images/pic01.jpg
new file mode 100644
index 0000000..0c1a704
Binary files /dev/null and b/highlights/images/pic01.jpg differ
diff --git a/highlights/images/pic02.jpg b/highlights/images/pic02.jpg
new file mode 100644
index 0000000..fbe1f3c
Binary files /dev/null and b/highlights/images/pic02.jpg differ
diff --git a/highlights/images/pic03.jpg b/highlights/images/pic03.jpg
new file mode 100644
index 0000000..ab3a62e
Binary files /dev/null and b/highlights/images/pic03.jpg differ
diff --git a/highlights/images/pic04.jpg b/highlights/images/pic04.jpg
new file mode 100644
index 0000000..cce4d6f
Binary files /dev/null and b/highlights/images/pic04.jpg differ
diff --git a/highlights/images/pic05.jpg b/highlights/images/pic05.jpg
new file mode 100644
index 0000000..6164232
Binary files /dev/null and b/highlights/images/pic05.jpg differ
diff --git a/highlights/index.html b/highlights/index.html
new file mode 100644
index 0000000..5b31bcd
--- /dev/null
+++ b/highlights/index.html
@@ -0,0 +1,458 @@
+
+
+
+
+
Highlights by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.
+
+
Next
+
+
+
+
+
+
+
+
+
Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet vulputate.
+
+
+ Magna Etiam
+
+
+ Lorem Ipsum
+
+
+ Nulla Tempus
+
+
+ Sed Feugiat
+
+
+
+
Next
+
+
+
+
+
+
+
+
+
Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.
+
+
Next
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hyperspace/LICENSE.txt b/hyperspace/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/hyperspace/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/hyperspace/README.txt b/hyperspace/README.txt
new file mode 100644
index 0000000..c8a5f40
--- /dev/null
+++ b/hyperspace/README.txt
@@ -0,0 +1,35 @@
+Hyperspace by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+So I've had the wireframe for this particular design kicking around for some time, but with all
+the other interesting (and in some cases, semi-secret) projects I've been working on it took me
+a little while to get to actually designing and coding it. Fortunately, things have eased up
+enough for me to finaly get around to it, so I'm happy to introduce Hyperspace: a fun, blocky,
+one-page design with a lot of color, a bit of animation, and an additional "generic" page template
+(because hey, even one-page sites usually need an interior page or two). Hope you dig it :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ Misc. Sass functions (@HugoGiraudel)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/hyperspace/assets/css/font-awesome.min.css b/hyperspace/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/hyperspace/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/hyperspace/assets/css/ie8.css b/hyperspace/assets/css/ie8.css
new file mode 100644
index 0000000..93c08a8
--- /dev/null
+++ b/hyperspace/assets/css/ie8.css
@@ -0,0 +1,54 @@
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Type */
+
+ body, input, select, textarea {
+ color: #ffffff;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ position: relative;
+ }
+
+ input[type="submit"]:after,
+ input[type="reset"]:after,
+ input[type="button"]:after,
+ button:after,
+ .button:after {
+ display: none;
+ }
+
+/* Features */
+
+ .features {
+ border: solid 1px;
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ background: transparent;
+ border: solid 1px;
+ }
+
+/* Split */
+
+ .split.style1 > :first-child {
+ padding-right: 2em;
+ width: 70%;
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/css/ie9.css b/hyperspace/assets/css/ie9.css
new file mode 100644
index 0000000..3c81e3a
--- /dev/null
+++ b/hyperspace/assets/css/ie9.css
@@ -0,0 +1,88 @@
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Type */
+
+ h1.major:after {
+ background: #b74e91;
+ }
+
+/* Wrapper */
+
+ .wrapper.fullscreen {
+ min-height: 0;
+ padding-bottom: 6em;
+ padding-top: 6em;
+ }
+
+ body.is-ie .wrapper.fullscreen {
+ height: auto;
+ }
+
+/* Spotlights */
+
+ .spotlights > section {
+ padding-left: 20em;
+ position: relative;
+ }
+
+ .spotlights > section > .image {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 20em;
+ }
+
+ .spotlights > section > .content {
+ width: 100%;
+ }
+
+/* Features */
+
+ .features:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .features section {
+ float: left;
+ }
+
+/* Split */
+
+ .split:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ .split > * {
+ float: left;
+ }
+
+/* Sidebar */
+
+ #sidebar nav a:after {
+ background-color: #b74e91;
+ }
+
+/* Header */
+
+ #header:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ #header > .title {
+ float: left;
+ }
+
+ #header > nav {
+ float: right;
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/css/images/intro.svg b/hyperspace/assets/css/images/intro.svg
new file mode 100644
index 0000000..c736cc8
--- /dev/null
+++ b/hyperspace/assets/css/images/intro.svg
@@ -0,0 +1,24 @@
+
+
+
+
+
\ No newline at end of file
diff --git a/hyperspace/assets/css/main.css b/hyperspace/assets/css/main.css
new file mode 100644
index 0000000..00747b0
--- /dev/null
+++ b/hyperspace/assets/css/main.css
@@ -0,0 +1,3919 @@
+@import url(font-awesome.min.css);
+
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0em;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0em;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0em 0 0 0em;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0em 0 -1px 0em;
+ }
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xlarge\29 + *,
+ .\31 1u\24\28xlarge\29 + *,
+ .\31 0u\24\28xlarge\29 + *,
+ .\39 u\24\28xlarge\29 + *,
+ .\38 u\24\28xlarge\29 + *,
+ .\37 u\24\28xlarge\29 + *,
+ .\36 u\24\28xlarge\29 + *,
+ .\35 u\24\28xlarge\29 + *,
+ .\34 u\24\28xlarge\29 + *,
+ .\33 u\24\28xlarge\29 + *,
+ .\32 u\24\28xlarge\29 + *,
+ .\31 u\24\28xlarge\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xlarge\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xlarge\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xlarge\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xlarge\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xlarge\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xlarge\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xlarge\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xlarge\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xlarge\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xlarge\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xlarge\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28large\29, .\31 2u\24\28large\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28large\29, .\31 1u\24\28large\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28large\29, .\31 0u\24\28large\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28large\29, .\39 u\24\28large\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28large\29, .\38 u\24\28large\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28large\29, .\37 u\24\28large\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28large\29, .\36 u\24\28large\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28large\29, .\35 u\24\28large\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28large\29, .\34 u\24\28large\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28large\29, .\33 u\24\28large\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28large\29, .\32 u\24\28large\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28large\29, .\31 u\24\28large\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28large\29 + *,
+ .\31 1u\24\28large\29 + *,
+ .\31 0u\24\28large\29 + *,
+ .\39 u\24\28large\29 + *,
+ .\38 u\24\28large\29 + *,
+ .\37 u\24\28large\29 + *,
+ .\36 u\24\28large\29 + *,
+ .\35 u\24\28large\29 + *,
+ .\34 u\24\28large\29 + *,
+ .\33 u\24\28large\29 + *,
+ .\32 u\24\28large\29 + *,
+ .\31 u\24\28large\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28large\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28large\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28large\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28large\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28large\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28large\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28large\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28large\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28large\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28large\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28large\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28medium\29, .\39 u\24\28medium\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28medium\29, .\38 u\24\28medium\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28medium\29, .\37 u\24\28medium\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28medium\29, .\36 u\24\28medium\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28medium\29, .\35 u\24\28medium\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28medium\29, .\34 u\24\28medium\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28medium\29, .\33 u\24\28medium\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28medium\29, .\32 u\24\28medium\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28medium\29, .\31 u\24\28medium\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28medium\29 + *,
+ .\31 1u\24\28medium\29 + *,
+ .\31 0u\24\28medium\29 + *,
+ .\39 u\24\28medium\29 + *,
+ .\38 u\24\28medium\29 + *,
+ .\37 u\24\28medium\29 + *,
+ .\36 u\24\28medium\29 + *,
+ .\35 u\24\28medium\29 + *,
+ .\34 u\24\28medium\29 + *,
+ .\33 u\24\28medium\29 + *,
+ .\32 u\24\28medium\29 + *,
+ .\31 u\24\28medium\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28medium\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28medium\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28medium\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28medium\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28medium\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28medium\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28medium\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28medium\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28medium\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28medium\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28medium\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28small\29, .\31 2u\24\28small\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28small\29, .\31 1u\24\28small\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28small\29, .\31 0u\24\28small\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28small\29, .\39 u\24\28small\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28small\29, .\38 u\24\28small\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28small\29, .\37 u\24\28small\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28small\29, .\36 u\24\28small\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28small\29, .\35 u\24\28small\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28small\29, .\34 u\24\28small\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28small\29, .\33 u\24\28small\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28small\29, .\32 u\24\28small\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28small\29, .\31 u\24\28small\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28small\29 + *,
+ .\31 1u\24\28small\29 + *,
+ .\31 0u\24\28small\29 + *,
+ .\39 u\24\28small\29 + *,
+ .\38 u\24\28small\29 + *,
+ .\37 u\24\28small\29 + *,
+ .\36 u\24\28small\29 + *,
+ .\35 u\24\28small\29 + *,
+ .\34 u\24\28small\29 + *,
+ .\33 u\24\28small\29 + *,
+ .\32 u\24\28small\29 + *,
+ .\31 u\24\28small\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28small\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28small\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28small\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28small\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28small\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28small\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28small\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28small\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28small\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28small\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28small\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xsmall\29 + *,
+ .\31 1u\24\28xsmall\29 + *,
+ .\31 0u\24\28xsmall\29 + *,
+ .\39 u\24\28xsmall\29 + *,
+ .\38 u\24\28xsmall\29 + *,
+ .\37 u\24\28xsmall\29 + *,
+ .\36 u\24\28xsmall\29 + *,
+ .\35 u\24\28xsmall\29 + *,
+ .\34 u\24\28xsmall\29 + *,
+ .\33 u\24\28xsmall\29 + *,
+ .\32 u\24\28xsmall\29 + *,
+ .\31 u\24\28xsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 360px) {
+
+ .row > * {
+ padding: 0 0 0 1.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -1.5em;
+ }
+
+ .row.uniform > * {
+ padding: 1.5em 0 0 1.5em;
+ }
+
+ .row.uniform {
+ margin: -1.5em 0 -1px -1.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 3em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -3em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 3em 0 0 3em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -3em 0 -1px -3em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 2.25em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -2.25em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 2.25em 0 0 2.25em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -2.25em 0 -1px -2.25em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 0.75em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -0.75em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 0.75em 0 0 0.75em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -0.75em 0 -1px -0.75em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.375em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.375em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.375em 0 0 0.375em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.375em 0 -1px -0.375em;
+ }
+
+ .\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xxsmall\29 + *,
+ .\31 1u\24\28xxsmall\29 + *,
+ .\31 0u\24\28xxsmall\29 + *,
+ .\39 u\24\28xxsmall\29 + *,
+ .\38 u\24\28xxsmall\29 + *,
+ .\37 u\24\28xxsmall\29 + *,
+ .\36 u\24\28xxsmall\29 + *,
+ .\35 u\24\28xxsmall\29 + *,
+ .\34 u\24\28xxsmall\29 + *,
+ .\33 u\24\28xxsmall\29 + *,
+ .\32 u\24\28xxsmall\29 + *,
+ .\31 u\24\28xxsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xxsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xxsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xxsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xxsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xxsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xxsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xxsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xxsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xxsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xxsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xxsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+ body {
+ background: #312450;
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+/* Type */
+
+ body, input, select, textarea {
+ color: rgba(255, 255, 255, 0.55);
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 16.5pt;
+ font-weight: normal;
+ line-height: 1.75;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ body, input, select, textarea {
+ font-size: 13pt;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 360px) {
+
+ body, input, select, textarea {
+ font-size: 11pt;
+ }
+
+ }
+
+ a {
+ -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ transition: color 0.2s ease, border-bottom-color 0.2s ease;
+ border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
+ color: inherit;
+ text-decoration: none;
+ }
+
+ a:hover {
+ border-bottom-color: transparent;
+ color: #ffffff;
+ }
+
+ strong, b {
+ color: #ffffff;
+ font-weight: bold;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 2em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #ffffff;
+ font-weight: bold;
+ line-height: 1.5;
+ margin: 0 0 0.5em 0;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ h1 {
+ font-size: 2.75em;
+ }
+
+ h1.major {
+ margin: 0 0 1.3em 0;
+ position: relative;
+ padding-bottom: 0.35em;
+ }
+
+ h1.major:after {
+ background-image: -moz-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: -webkit-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: -ms-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: linear-gradient(to right, #5e42a6, #b74e91);
+ -moz-transition: max-width 0.2s ease;
+ -webkit-transition: max-width 0.2s ease;
+ -ms-transition: max-width 0.2s ease;
+ transition: max-width 0.2s ease;
+ border-radius: 0.2em;
+ bottom: 0;
+ content: '';
+ height: 0.05em;
+ position: absolute;
+ right: 0;
+ width: 100%;
+ }
+
+ h2 {
+ font-size: 1.75em;
+ }
+
+ h3 {
+ font-size: 1.1em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ }
+
+ h6 {
+ font-size: 0.6em;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ h1 {
+ font-size: 2em;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 0.8em;
+ }
+
+ h5 {
+ font-size: 0.6em;
+ }
+
+ h6 {
+ font-size: 0.6em;
+ }
+
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid 4px rgba(255, 255, 255, 0.15);
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ background: rgba(255, 255, 255, 0.05);
+ border-radius: 0.25em;
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.15);
+ margin: 2em 0;
+ }
+
+ hr.major {
+ margin: 3em 0;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Box */
+
+ .box {
+ border-radius: 0.25em;
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ margin-bottom: 2em;
+ padding: 1.5em;
+ }
+
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: border-color 0.2s ease;
+ -webkit-transition: border-color 0.2s ease;
+ -ms-transition: border-color 0.2s ease;
+ transition: border-color 0.2s ease;
+ background-color: transparent;
+ border: solid 1px !important;
+ border-color: rgba(255, 255, 255, 0.15) !important;
+ border-radius: 3em;
+ color: #ffffff !important;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 0.6em;
+ font-weight: bold;
+ height: calc(4.75em + 2px);
+ letter-spacing: 0.25em;
+ line-height: 4.75em;
+ outline: 0;
+ padding: 0 3.75em;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:after,
+ input[type="reset"]:after,
+ input[type="button"]:after,
+ button:after,
+ .button:after {
+ -moz-transform: scale(0.25);
+ -webkit-transform: scale(0.25);
+ -ms-transform: scale(0.25);
+ transform: scale(0.25);
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease;
+ -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
+ -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease;
+ transition: opacity 0.2s ease, transform 0.2s ease;
+ background: #ffffff;
+ border-radius: 3em;
+ content: '';
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.75em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 1em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.4em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ button.special,
+ .button.special {
+ background-color: #ffffff;
+ color: #312450 !important;
+ }
+
+ input[type="submit"].special:after,
+ input[type="reset"].special:after,
+ input[type="button"].special:after,
+ button.special:after,
+ .button.special:after {
+ display: none;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ cursor: default;
+ opacity: 0.5;
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ border-color: rgba(255, 255, 255, 0.55) !important;
+ }
+
+ input[type="submit"]:hover:after,
+ input[type="reset"]:hover:after,
+ input[type="button"]:hover:after,
+ button:hover:after,
+ .button:hover:after {
+ opacity: 0.05;
+ -moz-transform: scale(1);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+
+ input[type="submit"]:hover:active,
+ input[type="reset"]:hover:active,
+ input[type="button"]:hover:active,
+ button:hover:active,
+ .button:hover:active {
+ border-color: #ffffff !important;
+ }
+
+ input[type="submit"]:hover:active:after,
+ input[type="reset"]:hover:active:after,
+ input[type="button"]:hover:active:after,
+ button:hover:active:after,
+ .button:hover:active:after {
+ opacity: 0.1;
+ }
+
+/* Features */
+
+ .features {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ border-radius: 0.25em;
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ background: rgba(255, 255, 255, 0.05);
+ margin: 0 0 2em 0;
+ }
+
+ .features section {
+ padding: 3.5em 3em 1em 7em ;
+ width: 50%;
+ border-top: solid 1px rgba(255, 255, 255, 0.15);
+ position: relative;
+ }
+
+ .features section:nth-child(-n + 2) {
+ border-top-width: 0;
+ }
+
+ .features section:nth-child(2n) {
+ border-left: solid 1px rgba(255, 255, 255, 0.15);
+ }
+
+ .features section .icon {
+ -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
+ -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
+ -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
+ transition: opacity 0.5s ease, transform 0.5s ease;
+ -moz-transition-delay: 1s;
+ -webkit-transition-delay: 1s;
+ -ms-transition-delay: 1s;
+ transition-delay: 1s;
+ -moz-transform: scale(1);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ position: absolute;
+ left: 3em;
+ top: 3em;
+ opacity: 1;
+ }
+
+ .features section:nth-child(1) .icon {
+ -moz-transition-delay: 0.15s;
+ -webkit-transition-delay: 0.15s;
+ -ms-transition-delay: 0.15s;
+ transition-delay: 0.15s;
+ }
+
+ .features section:nth-child(2) .icon {
+ -moz-transition-delay: 0.3s;
+ -webkit-transition-delay: 0.3s;
+ -ms-transition-delay: 0.3s;
+ transition-delay: 0.3s;
+ }
+
+ .features section:nth-child(3) .icon {
+ -moz-transition-delay: 0.45s;
+ -webkit-transition-delay: 0.45s;
+ -ms-transition-delay: 0.45s;
+ transition-delay: 0.45s;
+ }
+
+ .features section:nth-child(4) .icon {
+ -moz-transition-delay: 0.6s;
+ -webkit-transition-delay: 0.6s;
+ -ms-transition-delay: 0.6s;
+ transition-delay: 0.6s;
+ }
+
+ .features section:nth-child(5) .icon {
+ -moz-transition-delay: 0.75s;
+ -webkit-transition-delay: 0.75s;
+ -ms-transition-delay: 0.75s;
+ transition-delay: 0.75s;
+ }
+
+ .features section:nth-child(6) .icon {
+ -moz-transition-delay: 0.9s;
+ -webkit-transition-delay: 0.9s;
+ -ms-transition-delay: 0.9s;
+ transition-delay: 0.9s;
+ }
+
+ .features section:nth-child(7) .icon {
+ -moz-transition-delay: 1.05s;
+ -webkit-transition-delay: 1.05s;
+ -ms-transition-delay: 1.05s;
+ transition-delay: 1.05s;
+ }
+
+ .features section:nth-child(8) .icon {
+ -moz-transition-delay: 1.2s;
+ -webkit-transition-delay: 1.2s;
+ -ms-transition-delay: 1.2s;
+ transition-delay: 1.2s;
+ }
+
+ .features section:nth-child(9) .icon {
+ -moz-transition-delay: 1.35s;
+ -webkit-transition-delay: 1.35s;
+ -ms-transition-delay: 1.35s;
+ transition-delay: 1.35s;
+ }
+
+ .features section:nth-child(10) .icon {
+ -moz-transition-delay: 1.5s;
+ -webkit-transition-delay: 1.5s;
+ -ms-transition-delay: 1.5s;
+ transition-delay: 1.5s;
+ }
+
+ .features section:nth-child(11) .icon {
+ -moz-transition-delay: 1.65s;
+ -webkit-transition-delay: 1.65s;
+ -ms-transition-delay: 1.65s;
+ transition-delay: 1.65s;
+ }
+
+ .features section:nth-child(12) .icon {
+ -moz-transition-delay: 1.8s;
+ -webkit-transition-delay: 1.8s;
+ -ms-transition-delay: 1.8s;
+ transition-delay: 1.8s;
+ }
+
+ .features section:nth-child(13) .icon {
+ -moz-transition-delay: 1.95s;
+ -webkit-transition-delay: 1.95s;
+ -ms-transition-delay: 1.95s;
+ transition-delay: 1.95s;
+ }
+
+ .features section:nth-child(14) .icon {
+ -moz-transition-delay: 2.1s;
+ -webkit-transition-delay: 2.1s;
+ -ms-transition-delay: 2.1s;
+ transition-delay: 2.1s;
+ }
+
+ .features section:nth-child(15) .icon {
+ -moz-transition-delay: 2.25s;
+ -webkit-transition-delay: 2.25s;
+ -ms-transition-delay: 2.25s;
+ transition-delay: 2.25s;
+ }
+
+ .features section:nth-child(16) .icon {
+ -moz-transition-delay: 2.4s;
+ -webkit-transition-delay: 2.4s;
+ -ms-transition-delay: 2.4s;
+ transition-delay: 2.4s;
+ }
+
+ .features section:nth-child(17) .icon {
+ -moz-transition-delay: 2.55s;
+ -webkit-transition-delay: 2.55s;
+ -ms-transition-delay: 2.55s;
+ transition-delay: 2.55s;
+ }
+
+ .features section:nth-child(18) .icon {
+ -moz-transition-delay: 2.7s;
+ -webkit-transition-delay: 2.7s;
+ -ms-transition-delay: 2.7s;
+ transition-delay: 2.7s;
+ }
+
+ .features section:nth-child(19) .icon {
+ -moz-transition-delay: 2.85s;
+ -webkit-transition-delay: 2.85s;
+ -ms-transition-delay: 2.85s;
+ transition-delay: 2.85s;
+ }
+
+ .features section:nth-child(20) .icon {
+ -moz-transition-delay: 3.0s;
+ -webkit-transition-delay: 3.0s;
+ -ms-transition-delay: 3.0s;
+ transition-delay: 3.0s;
+ }
+
+ .features.inactive section .icon {
+ -moz-transform: scale(0.5);
+ -webkit-transform: scale(0.5);
+ -ms-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .features {
+ display: block;
+ }
+
+ .features section {
+ border-top-width: 1px !important;
+ border-left-width: 0 !important;
+ width: 100%;
+ }
+
+ .features section:first-child {
+ border-top-width: 0 !important;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .features section {
+ padding: 2.5em 1.5em 0.1em 5.5em ;
+ }
+
+ .features section .icon {
+ left: 1.5em;
+ top: 2em;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .features section {
+ padding: 2em 1.5em 0.1em 1.5em ;
+ }
+
+ .features section .icon {
+ left: 0;
+ position: relative;
+ top: 0;
+ }
+
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 2em 0;
+ }
+
+ form .field {
+ margin: 0 0 1em 0;
+ }
+
+ form .field.half {
+ width: 50%;
+ float: left;
+ padding: 0 0 0 0.75em;
+ }
+
+ form .field.half.first {
+ padding: 0 0.75em 0 0;
+ }
+
+ form > .actions {
+ margin: 2em 0 0 0 !important;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ form .field.half {
+ width: 100%;
+ float: none;
+ padding: 0;
+ }
+
+ form .field.half.first {
+ padding: 0;
+ }
+
+ }
+
+ label {
+ color: #ffffff;
+ font-weight: bold;
+ line-height: 1.5;
+ margin: 0 0 0.7em 0;
+ display: block;
+ font-size: 1.1em;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: rgba(255, 255, 255, 0.05);
+ border-radius: 0.25em;
+ border: none;
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ input[type="tel"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ input[type="tel"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: rgba(255, 255, 255, 0.15);
+ content: '\f078';
+ display: block;
+ height: 2.75em;
+ line-height: 2.75em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 2.75em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ select option {
+ background-color: #312450;
+ color: #ffffff;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ body.is-ie textarea {
+ min-height: 10em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: rgba(255, 255, 255, 0.55);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: normal;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ background: rgba(255, 255, 255, 0.05);
+ border-radius: 0.25em;
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ content: '';
+ display: inline-block;
+ height: 1.65em;
+ left: 0;
+ line-height: 1.58125em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.65em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background: #ffffff;
+ border-color: #ffffff;
+ color: #b74e91;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #ffffff;
+ box-shadow: 0 0 0 1px #ffffff;
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 0.25em;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.35) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: rgba(255, 255, 255, 0.35) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.35) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.35) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: rgba(255, 255, 255, 0.35) !important;
+ opacity: 1.0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon.major {
+ width: 2.5em;
+ height: 2.5em;
+ display: block;
+ background: #ffffff;
+ border-radius: 100%;
+ color: #312450;
+ text-align: center;
+ line-height: 2.5em;
+ margin: 0 0 1.3em 0;
+ }
+
+ .icon.major:before {
+ font-size: 1.25em;
+ }
+
+ .wrapper.style1 .icon.major:before {
+ color: #5e42a6;
+ }
+
+ .wrapper.style1-alt .icon.major:before {
+ color: #493382;
+ }
+
+ .wrapper.style2 .icon.major:before {
+ color: #5052b5;
+ }
+
+ .wrapper.style2-alt .icon.major:before {
+ color: #3e4094;
+ }
+
+ .wrapper.style3 .icon.major:before {
+ color: #b74e91;
+ }
+
+ .wrapper.style3-alt .icon.major:before {
+ color: #953d75;
+ }
+
+/* Image */
+
+ .image {
+ border-radius: 0.25em;
+ border: 0;
+ display: inline-block;
+ position: relative;
+ }
+
+ .image img {
+ border-radius: 0.25em;
+ display: block;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ .image.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+ .image.main {
+ display: block;
+ margin: 0 0 3em 0;
+ width: 100%;
+ }
+
+ .image.main img {
+ width: 100%;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px rgba(255, 255, 255, 0.15);
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 0.75em 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0;
+ }
+
+ ul.icons li > a, ul.icons li > span {
+ border: 0;
+ text-decoration: none;
+ }
+
+ ul.icons li > a:before, ul.icons li > span:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ ul.icons li > a .label, ul.icons li > span .label {
+ display: none;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.5em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 1em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -1em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 1em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.5em;
+ width: calc(100% + 0.5em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.5em;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ ul.actions {
+ margin: 0 0 2em 0;
+ }
+
+ ul.actions li {
+ padding: 1em 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+ }
+
+ ul.actions li > * {
+ width: 100%;
+ margin: 0 !important;
+ }
+
+ ul.actions li > *.icon:before {
+ margin-left: -2em;
+ }
+
+ ul.actions li .button {
+ padding: 0;
+ }
+
+ ul.actions li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.small li:first-child {
+ padding-top: 0;
+ }
+
+ }
+
+ ul.contact {
+ list-style: none;
+ padding: 0;
+ }
+
+ ul.contact > li {
+ padding: 0;
+ margin: 1.5em 0 0 0;
+ }
+
+ ul.contact > li:first-child {
+ margin-top: 0;
+ }
+
+ ul.menu {
+ list-style: none;
+ padding: 0;
+ }
+
+ ul.menu > li {
+ border-left: solid 1px rgba(255, 255, 255, 0.15);
+ display: inline-block;
+ line-height: 1;
+ margin-left: 1.5em;
+ padding: 0 0 0 1.5em;
+ }
+
+ ul.menu > li:first-child {
+ border-left: 0;
+ margin: 0;
+ padding-left: 0;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ ul.menu > li {
+ border-left: 0;
+ display: block;
+ line-height: inherit;
+ margin: 0.5em 0 0 0;
+ padding-left: 0;
+ }
+
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
+ dl dt {
+ display: block;
+ font-weight: bold;
+ margin: 0 0 1em 0;
+ }
+
+ dl dd {
+ margin-left: 2em;
+ }
+
+/* Section/Article */
+
+ section.special, article.special {
+ text-align: center;
+ }
+
+ header p {
+ color: rgba(255, 255, 255, 0.35);
+ position: relative;
+ margin: 0 0 1.5em 0;
+ }
+
+ header h2 + p {
+ font-size: 1.25em;
+ margin-top: -1em;
+ line-height: 1.5em;
+ }
+
+ header h3 + p {
+ font-size: 1.1em;
+ margin-top: -0.8em;
+ line-height: 1.5em;
+ }
+
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.9em;
+ margin-top: -0.6em;
+ line-height: 1.5em;
+ }
+
+/* Split */
+
+ .split {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ }
+
+ .split > * {
+ width: calc(50% - 2.5em);
+ }
+
+ .split > :nth-child(2n - 1) {
+ padding-right: 2.5em;
+ border-right: solid 1px rgba(255, 255, 255, 0.15);
+ }
+
+ .split > :nth-child(2n) {
+ padding-left: 2.5em;
+ }
+
+ .split.style1 > :nth-child(2n - 1) {
+ width: calc(66.66666% - 2.5em);
+ }
+
+ .split.style1 > :nth-child(2n) {
+ width: calc(33.33333% - 2.5em);
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .split > * {
+ width: calc(50% - 2em);
+ }
+
+ .split > :nth-child(2n - 1) {
+ padding-right: 2em;
+ }
+
+ .split > :nth-child(2n) {
+ padding-left: 2em;
+ }
+
+ .split.style1 > :nth-child(2n - 1) {
+ width: calc(66.66666% - 2em);
+ }
+
+ .split.style1 > :nth-child(2n) {
+ width: calc(33.33333% - 2em);
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .split {
+ display: block;
+ }
+
+ .split > * {
+ border-top: solid 1px rgba(255, 255, 255, 0.15);
+ margin: 4em 0 0 0;
+ padding: 4em 0 0 0;
+ width: 100% !important;
+ }
+
+ .split > :nth-child(2n - 1) {
+ border-right: 0;
+ padding-right: 0;
+ }
+
+ .split > :nth-child(2n) {
+ padding-left: 0;
+ }
+
+ .split > :first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .split > * {
+ margin: 3em 0 0 0;
+ padding: 3em 0 0 0;
+ }
+
+ }
+
+/* Spotlights */
+
+ .spotlights > section {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ min-height: 22.5em;
+ }
+
+ body.is-ie .spotlights > section {
+ min-height: 0;
+ }
+
+ .spotlights > section > .image {
+ background-position: center center;
+ background-size: cover;
+ border-radius: 0;
+ display: block;
+ position: relative;
+ width: 25em;
+ }
+
+ .spotlights > section > .image img {
+ border-radius: 0;
+ display: block;
+ }
+
+ .spotlights > section > .image:before {
+ -moz-transition: opacity 1s ease;
+ -webkit-transition: opacity 1s ease;
+ -ms-transition: opacity 1s ease;
+ transition: opacity 1s ease;
+ background: rgba(49, 36, 80, 0.9);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ .spotlights > section > .content {
+ padding: 4em 5em 2em 5em ;
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ width: 50em;
+ -ms-flex: 1;
+ }
+
+ .spotlights > section > .content > .inner {
+ -moz-transform: translateX(0) translateY(0);
+ -webkit-transform: translateX(0) translateY(0);
+ -ms-transform: translateX(0) translateY(0);
+ transform: translateX(0) translateY(0);
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ opacity: 1;
+ }
+
+ .spotlights > section:nth-child(2) {
+ background-color: rgba(0, 0, 0, 0.05);
+ }
+
+ .spotlights > section:nth-child(3) {
+ background-color: rgba(0, 0, 0, 0.1);
+ }
+
+ .spotlights > section.inactive > .image:before, body.is-loading .spotlights > section > .image:before {
+ opacity: 1;
+ }
+
+ .spotlights > section.inactive > .content > .inner, body.is-loading .spotlights > section > .content > .inner {
+ -moz-transform: translateX(-1em);
+ -webkit-transform: translateX(-1em);
+ -ms-transform: translateX(-1em);
+ transform: translateX(-1em);
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .spotlights > section > .content {
+ padding: 4em 4em 2em 4em ;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .spotlights > section {
+ display: block;
+ }
+
+ .spotlights > section > .image {
+ width: 100%;
+ height: 50vh;
+ }
+
+ .spotlights > section > .content {
+ width: 100%;
+ }
+
+ .spotlights > section.inactive > .content > .inner, body.is-loading .spotlights > section > .content > .inner {
+ -moz-transform: translateY(1em);
+ -webkit-transform: translateY(1em);
+ -ms-transform: translateY(1em);
+ transform: translateY(1em);
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .spotlights > section > .image {
+ height: 50vh;
+ min-height: 15em;
+ }
+
+ .spotlights > section > .content {
+ padding: 3em 2em 1em 2em ;
+ }
+
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.05);
+ }
+
+ table td {
+ padding: 0.75em 0.75em;
+ }
+
+ table th {
+ color: #ffffff;
+ font-size: 1em;
+ font-weight: bold;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom: solid 2px rgba(255, 255, 255, 0.15);
+ }
+
+ table tfoot {
+ border-top: solid 2px rgba(255, 255, 255, 0.15);
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px rgba(255, 255, 255, 0.15);
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ position: relative;
+ }
+
+ .wrapper > .inner {
+ padding: 5em 5em 3em 5em ;
+ max-width: 100%;
+ width: 75em;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .wrapper > .inner {
+ padding: 4em 4em 2em 4em ;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .wrapper > .inner {
+ width: 100%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .wrapper > .inner {
+ padding: 3em 2em 1em 2em ;
+ }
+
+ }
+
+ .wrapper.alt {
+ background-color: #261c3e;
+ }
+
+ .wrapper.style1 {
+ background-color: #5e42a6;
+ }
+
+ .wrapper.style1-alt {
+ background-color: #493382;
+ }
+
+ .wrapper.style2 {
+ background-color: #5052b5;
+ }
+
+ .wrapper.style2-alt {
+ background-color: #3e4094;
+ }
+
+ .wrapper.style3 {
+ background-color: #b74e91;
+ }
+
+ .wrapper.style3-alt {
+ background-color: #953d75;
+ }
+
+ .wrapper.fullscreen {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ min-height: 100vh;
+ }
+
+ body.is-ie .wrapper.fullscreen {
+ height: 100vh;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .wrapper.fullscreen {
+ min-height: calc(100vh - 2.5em);
+ }
+
+ body.is-ie .wrapper.fullscreen {
+ height: calc(100vh - 2.5em);
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .wrapper.fullscreen {
+ padding: 2em 0;
+ min-height: 0;
+ }
+
+ body.is-ie .wrapper.fullscreen {
+ height: auto;
+ }
+
+ }
+
+ .wrapper.fade-up > .inner {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ opacity: 1.0;
+ }
+
+ .wrapper.fade-up.inactive > .inner, body.is-loading .wrapper.fade-up > .inner {
+ opacity: 0;
+ -moz-transform: translateY(1em);
+ -webkit-transform: translateY(1em);
+ -ms-transform: translateY(1em);
+ transform: translateY(1em);
+ }
+
+ .wrapper.fade-down > .inner {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ opacity: 1.0;
+ }
+
+ .wrapper.fade-down.inactive > .inner, body.is-loading .wrapper.fade-down > .inner {
+ opacity: 0;
+ -moz-transform: translateY(-1em);
+ -webkit-transform: translateY(-1em);
+ -ms-transform: translateY(-1em);
+ transform: translateY(-1em);
+ }
+
+ .wrapper.fade > .inner {
+ -moz-transition: opacity 1s ease;
+ -webkit-transition: opacity 1s ease;
+ -ms-transition: opacity 1s ease;
+ transition: opacity 1s ease;
+ opacity: 1.0;
+ }
+
+ .wrapper.fade.inactive > .inner, body.is-loading .wrapper.fade > .inner {
+ opacity: 0;
+ }
+
+/* Header */
+
+ #header {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ background-color: #5e42a6;
+ cursor: default;
+ padding: 1.75em 2em;
+ }
+
+ #header > .title {
+ border: 0;
+ color: #ffffff;
+ display: block;
+ font-size: 1.25em;
+ font-weight: bold;
+ }
+
+ #header > nav {
+ -moz-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ text-align: right;
+ }
+
+ #header > nav > ul {
+ margin: 0;
+ padding: 0;
+ }
+
+ #header > nav > ul > li {
+ display: inline-block;
+ margin-left: 1.75em;
+ padding: 0;
+ vertical-align: middle;
+ }
+
+ #header > nav > ul > li:first-child {
+ margin-left: 0;
+ }
+
+ #header > nav > ul > li a {
+ border: 0;
+ color: rgba(255, 255, 255, 0.35);
+ display: inline-block;
+ font-size: 0.6em;
+ font-weight: bold;
+ letter-spacing: 0.25em;
+ text-transform: uppercase;
+ }
+
+ #header > nav > ul > li a:hover {
+ color: rgba(255, 255, 255, 0.55);
+ }
+
+ #header > nav > ul > li a.active {
+ color: #ffffff;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #header {
+ padding: 1em 2em;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #header {
+ display: block;
+ padding: 0 2em;
+ text-align: left;
+ }
+
+ #header .title {
+ font-size: 1.25em;
+ padding: 1em 0;
+ }
+
+ #header > nav {
+ border-top: solid 1px rgba(255, 255, 255, 0.15);
+ text-align: inherit;
+ }
+
+ #header > nav > ul > li {
+ margin-left: 1.5em;
+ }
+
+ #header > nav > ul > li a {
+ height: 6em;
+ line-height: 6em;
+ }
+
+ }
+
+/* Wrapper (main) */
+
+ #sidebar + #wrapper {
+ margin-left: 18em;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #sidebar + #wrapper {
+ margin-left: 0;
+ padding-top: 3.5em;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #sidebar + #wrapper {
+ padding-top: 0;
+ }
+
+ }
+
+ #header + #wrapper > .wrapper > .inner {
+ margin: 0 auto;
+ }
+
+/* Footer */
+
+ #sidebar + #wrapper + #footer {
+ margin-left: 18em;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #sidebar + #wrapper + #footer {
+ margin-left: 0;
+ }
+
+ }
+
+ #footer > .inner a {
+ border-bottom-color: rgba(255, 255, 255, 0.15);
+ }
+
+ #footer > .inner a:hover {
+ border-bottom-color: transparent;
+ }
+
+ #footer > .inner .menu {
+ font-size: 0.8em;
+ color: rgba(255, 255, 255, 0.15);
+ }
+
+ #header + #wrapper + #footer > .inner {
+ margin: 0 auto;
+ }
+
+/* Sidebar */
+
+ #sidebar {
+ padding: 2.5em 2.5em 0.5em 2.5em ;
+ background: #312450;
+ cursor: default;
+ height: 100vh;
+ left: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: fixed;
+ text-align: right;
+ top: 0;
+ width: 18em;
+ z-index: 10000;
+ }
+
+ #sidebar > .inner {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-justify-content: center;
+ -webkit-justify-content: center;
+ -ms-justify-content: center;
+ justify-content: center;
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ -moz-transition: opacity 1s ease;
+ -webkit-transition: opacity 1s ease;
+ -ms-transition: opacity 1s ease;
+ transition: opacity 1s ease;
+ min-height: 100%;
+ opacity: 1;
+ width: 100%;
+ }
+
+ body.is-ie #sidebar > .inner {
+ height: 100%;
+ }
+
+ #sidebar nav > ul {
+ list-style: none;
+ padding: 0;
+ }
+
+ #sidebar nav > ul > li {
+ -moz-transform: translateY(0);
+ -webkit-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ -moz-transition: opacity 0.15s ease, -moz-transform 0.75s ease;
+ -webkit-transition: opacity 0.15s ease, -webkit-transform 0.75s ease;
+ -ms-transition: opacity 0.15s ease, -ms-transform 0.75s ease;
+ transition: opacity 0.15s ease, transform 0.75s ease;
+ margin: 1.5em 0 0 0;
+ opacity: 1;
+ padding: 0;
+ position: relative;
+ }
+
+ #sidebar nav > ul > li:first-child {
+ margin: 0;
+ }
+
+ #sidebar nav > ul > li:nth-child(1) {
+ -moz-transition-delay: 0.45s;
+ -webkit-transition-delay: 0.45s;
+ -ms-transition-delay: 0.45s;
+ transition-delay: 0.45s;
+ }
+
+ #sidebar nav > ul > li:nth-child(2) {
+ -moz-transition-delay: 0.65s;
+ -webkit-transition-delay: 0.65s;
+ -ms-transition-delay: 0.65s;
+ transition-delay: 0.65s;
+ }
+
+ #sidebar nav > ul > li:nth-child(3) {
+ -moz-transition-delay: 0.85s;
+ -webkit-transition-delay: 0.85s;
+ -ms-transition-delay: 0.85s;
+ transition-delay: 0.85s;
+ }
+
+ #sidebar nav > ul > li:nth-child(4) {
+ -moz-transition-delay: 1.05s;
+ -webkit-transition-delay: 1.05s;
+ -ms-transition-delay: 1.05s;
+ transition-delay: 1.05s;
+ }
+
+ #sidebar nav > ul > li:nth-child(5) {
+ -moz-transition-delay: 1.25s;
+ -webkit-transition-delay: 1.25s;
+ -ms-transition-delay: 1.25s;
+ transition-delay: 1.25s;
+ }
+
+ #sidebar nav > ul > li:nth-child(6) {
+ -moz-transition-delay: 1.45s;
+ -webkit-transition-delay: 1.45s;
+ -ms-transition-delay: 1.45s;
+ transition-delay: 1.45s;
+ }
+
+ #sidebar nav > ul > li:nth-child(7) {
+ -moz-transition-delay: 1.65s;
+ -webkit-transition-delay: 1.65s;
+ -ms-transition-delay: 1.65s;
+ transition-delay: 1.65s;
+ }
+
+ #sidebar nav > ul > li:nth-child(8) {
+ -moz-transition-delay: 1.85s;
+ -webkit-transition-delay: 1.85s;
+ -ms-transition-delay: 1.85s;
+ transition-delay: 1.85s;
+ }
+
+ #sidebar nav > ul > li:nth-child(9) {
+ -moz-transition-delay: 2.05s;
+ -webkit-transition-delay: 2.05s;
+ -ms-transition-delay: 2.05s;
+ transition-delay: 2.05s;
+ }
+
+ #sidebar nav > ul > li:nth-child(10) {
+ -moz-transition-delay: 2.25s;
+ -webkit-transition-delay: 2.25s;
+ -ms-transition-delay: 2.25s;
+ transition-delay: 2.25s;
+ }
+
+ #sidebar nav > ul > li:nth-child(11) {
+ -moz-transition-delay: 2.45s;
+ -webkit-transition-delay: 2.45s;
+ -ms-transition-delay: 2.45s;
+ transition-delay: 2.45s;
+ }
+
+ #sidebar nav > ul > li:nth-child(12) {
+ -moz-transition-delay: 2.65s;
+ -webkit-transition-delay: 2.65s;
+ -ms-transition-delay: 2.65s;
+ transition-delay: 2.65s;
+ }
+
+ #sidebar nav > ul > li:nth-child(13) {
+ -moz-transition-delay: 2.85s;
+ -webkit-transition-delay: 2.85s;
+ -ms-transition-delay: 2.85s;
+ transition-delay: 2.85s;
+ }
+
+ #sidebar nav > ul > li:nth-child(14) {
+ -moz-transition-delay: 3.05s;
+ -webkit-transition-delay: 3.05s;
+ -ms-transition-delay: 3.05s;
+ transition-delay: 3.05s;
+ }
+
+ #sidebar nav > ul > li:nth-child(15) {
+ -moz-transition-delay: 3.25s;
+ -webkit-transition-delay: 3.25s;
+ -ms-transition-delay: 3.25s;
+ transition-delay: 3.25s;
+ }
+
+ #sidebar nav > ul > li:nth-child(16) {
+ -moz-transition-delay: 3.45s;
+ -webkit-transition-delay: 3.45s;
+ -ms-transition-delay: 3.45s;
+ transition-delay: 3.45s;
+ }
+
+ #sidebar nav > ul > li:nth-child(17) {
+ -moz-transition-delay: 3.65s;
+ -webkit-transition-delay: 3.65s;
+ -ms-transition-delay: 3.65s;
+ transition-delay: 3.65s;
+ }
+
+ #sidebar nav > ul > li:nth-child(18) {
+ -moz-transition-delay: 3.85s;
+ -webkit-transition-delay: 3.85s;
+ -ms-transition-delay: 3.85s;
+ transition-delay: 3.85s;
+ }
+
+ #sidebar nav > ul > li:nth-child(19) {
+ -moz-transition-delay: 4.05s;
+ -webkit-transition-delay: 4.05s;
+ -ms-transition-delay: 4.05s;
+ transition-delay: 4.05s;
+ }
+
+ #sidebar nav > ul > li:nth-child(20) {
+ -moz-transition-delay: 4.25s;
+ -webkit-transition-delay: 4.25s;
+ -ms-transition-delay: 4.25s;
+ transition-delay: 4.25s;
+ }
+
+ #sidebar nav a {
+ -moz-transition: color 0.2s ease;
+ -webkit-transition: color 0.2s ease;
+ -ms-transition: color 0.2s ease;
+ transition: color 0.2s ease;
+ border: 0;
+ color: rgba(255, 255, 255, 0.35);
+ display: block;
+ font-size: 0.6em;
+ font-weight: bold;
+ letter-spacing: 0.25em;
+ line-height: 1.75;
+ outline: 0;
+ padding: 1.35em 0;
+ position: relative;
+ text-decoration: none;
+ text-transform: uppercase;
+ }
+
+ #sidebar nav a:before, #sidebar nav a:after {
+ border-radius: 0.2em;
+ bottom: 0;
+ content: '';
+ height: 0.2em;
+ position: absolute;
+ right: 0;
+ width: 100%;
+ }
+
+ #sidebar nav a:before {
+ background: #3c2c62;
+ }
+
+ #sidebar nav a:after {
+ background-image: -moz-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: -webkit-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: -ms-linear-gradient(to right, #5e42a6, #b74e91);
+ background-image: linear-gradient(to right, #5e42a6, #b74e91);
+ -moz-transition: max-width 0.2s ease;
+ -webkit-transition: max-width 0.2s ease;
+ -ms-transition: max-width 0.2s ease;
+ transition: max-width 0.2s ease;
+ max-width: 0;
+ }
+
+ #sidebar nav a:hover {
+ color: rgba(255, 255, 255, 0.55);
+ }
+
+ #sidebar nav a.active {
+ color: #ffffff;
+ }
+
+ #sidebar nav a.active:after {
+ max-width: 100%;
+ }
+
+ body.is-loading #sidebar > .inner {
+ opacity: 0;
+ }
+
+ body.is-loading #sidebar nav ul li {
+ -moz-transform: translateY(2em);
+ -webkit-transform: translateY(2em);
+ -ms-transform: translateY(2em);
+ transform: translateY(2em);
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #sidebar {
+ height: 3.5em;
+ left: 0;
+ line-height: 3.5em;
+ overflow: hidden;
+ padding: 0;
+ text-align: center;
+ top: 0;
+ width: 100%;
+ }
+
+ #sidebar > .inner {
+ -moz-flex-direction: row;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -moz-align-items: stretch;
+ -webkit-align-items: stretch;
+ -ms-align-items: stretch;
+ align-items: stretch;
+ height: inherit;
+ line-height: inherit;
+ }
+
+ #sidebar nav {
+ height: inherit;
+ line-height: inherit;
+ }
+
+ #sidebar nav ul {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ height: inherit;
+ line-height: inherit;
+ margin: 0;
+ }
+
+ #sidebar nav ul li {
+ display: block;
+ height: inherit;
+ line-height: inherit;
+ margin: 0 0 0 2em;
+ padding: 0;
+ }
+
+ #sidebar nav a {
+ height: inherit;
+ line-height: inherit;
+ padding: 0;
+ }
+
+ #sidebar nav a:after {
+ background-image: none;
+ background-color: #b74e91;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #sidebar {
+ display: none;
+ }
+
+ }
+
+/* Intro */
+
+ #intro {
+ background-attachment: fixed;
+ background-image: url("images/intro.svg");
+ background-position: top right;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ }
+
+ #intro p {
+ font-size: 1.25em;
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #intro p br {
+ display: none;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #intro p {
+ font-size: 1em;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #intro {
+ background-attachment: scroll;
+ }
+
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/fonts/FontAwesome.otf b/hyperspace/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/hyperspace/assets/fonts/FontAwesome.otf differ
diff --git a/hyperspace/assets/fonts/fontawesome-webfont.eot b/hyperspace/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/hyperspace/assets/fonts/fontawesome-webfont.eot differ
diff --git a/hyperspace/assets/fonts/fontawesome-webfont.svg b/hyperspace/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/hyperspace/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hyperspace/assets/fonts/fontawesome-webfont.ttf b/hyperspace/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/hyperspace/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/hyperspace/assets/fonts/fontawesome-webfont.woff b/hyperspace/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/hyperspace/assets/fonts/fontawesome-webfont.woff differ
diff --git a/hyperspace/assets/fonts/fontawesome-webfont.woff2 b/hyperspace/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/hyperspace/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/hyperspace/assets/js/ie/html5shiv.js b/hyperspace/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/hyperspace/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/hyperspace/assets/js/jquery.scrollex.min.js b/hyperspace/assets/js/jquery.scrollex.min.js
new file mode 100644
index 0000000..a4727fe
--- /dev/null
+++ b/hyperspace/assets/js/jquery.scrollex.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r
=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o 0) {
+
+ var $sidebar_a = $sidebar.find('a');
+
+ $sidebar_a
+ .addClass('scrolly')
+ .on('click', function() {
+
+ var $this = $(this);
+
+ // External link? Bail.
+ if ($this.attr('href').charAt(0) != '#')
+ return;
+
+ // Deactivate all links.
+ $sidebar_a.removeClass('active');
+
+ // Activate link *and* lock it (so Scrollex doesn't try to activate other links as we're scrolling to this one's section).
+ $this
+ .addClass('active')
+ .addClass('active-locked');
+
+ })
+ .each(function() {
+
+ var $this = $(this),
+ id = $this.attr('href'),
+ $section = $(id);
+
+ // No section for this link? Bail.
+ if ($section.length < 1)
+ return;
+
+ // Scrollex.
+ $section.scrollex({
+ mode: 'middle',
+ top: '-20vh',
+ bottom: '-20vh',
+ initialize: function() {
+
+ // Deactivate section.
+ if (skel.canUse('transition'))
+ $section.addClass('inactive');
+
+ },
+ enter: function() {
+
+ // Activate section.
+ $section.removeClass('inactive');
+
+ // No locked links? Deactivate all links and activate this section's one.
+ if ($sidebar_a.filter('.active-locked').length == 0) {
+
+ $sidebar_a.removeClass('active');
+ $this.addClass('active');
+
+ }
+
+ // Otherwise, if this section's link is the one that's locked, unlock it.
+ else if ($this.hasClass('active-locked'))
+ $this.removeClass('active-locked');
+
+ }
+ });
+
+ });
+
+ }
+
+ // Scrolly.
+ $('.scrolly').scrolly({
+ speed: 1000,
+ offset: function() {
+
+ // If <=large, >small, and sidebar is present, use its height as the offset.
+ if (skel.breakpoint('large').active
+ && !skel.breakpoint('small').active
+ && $sidebar.length > 0)
+ return $sidebar.height();
+
+ return 0;
+
+ }
+ });
+
+ // Spotlights.
+ $('.spotlights > section')
+ .scrollex({
+ mode: 'middle',
+ top: '-10vh',
+ bottom: '-10vh',
+ initialize: function() {
+
+ // Deactivate section.
+ if (skel.canUse('transition'))
+ $(this).addClass('inactive');
+
+ },
+ enter: function() {
+
+ // Activate section.
+ $(this).removeClass('inactive');
+
+ }
+ })
+ .each(function() {
+
+ var $this = $(this),
+ $image = $this.find('.image'),
+ $img = $image.find('img'),
+ x;
+
+ // Assign image.
+ $image.css('background-image', 'url(' + $img.attr('src') + ')');
+
+ // Set background position.
+ if (x = $img.data('position'))
+ $image.css('background-position', x);
+
+ // Hide r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/hyperspace/assets/js/util.js b/hyperspace/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/hyperspace/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/hyperspace/assets/sass/base/_page.scss b/hyperspace/assets/sass/base/_page.scss
new file mode 100644
index 0000000..4aed7ed
--- /dev/null
+++ b/hyperspace/assets/sass/base/_page.scss
@@ -0,0 +1,38 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ // MSIE: Prevents scrollbar from overlapping content.
+ body {
+ -ms-overflow-style: scrollbar;
+ }
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ body {
+ background: _palette(bg);
+
+ // Prevents animation/transition "flicker" on page load.
+ // Automatically added/removed by js/main.js.
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/base/_typography.scss b/hyperspace/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..96e59d3
--- /dev/null
+++ b/hyperspace/assets/sass/base/_typography.scss
@@ -0,0 +1,200 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 16.5pt;
+ font-weight: _font(weight);
+ line-height: 1.75;
+
+ @include breakpoint(xlarge) {
+ font-size: 13pt;
+ }
+
+ @include breakpoint(large) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(xxsmall) {
+ font-size: 11pt;
+ }
+ }
+
+ a {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease',
+ 'border-bottom-color #{_duration(transition)} ease'
+ ));
+ border-bottom: dotted 1px _palette(fg-light);
+ color: inherit;
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent;
+ color: _palette(fg-bold);
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ line-height: 1.5;
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h1 {
+ font-size: 2.75em;
+
+ &.major {
+ margin: 0 0 (_size(element-margin) * 0.65) 0;
+ position: relative;
+ padding-bottom: 0.35em;
+
+ &:after {
+ @include vendor('background-image', 'linear-gradient(to right, #{_palette(accent1)}, #{_palette(accent3)})');
+ @include vendor('transition', 'max-width #{_duration(transition)} ease');
+ border-radius: 0.2em;
+ bottom: 0;
+ content: '';
+ height: 0.05em;
+ position: absolute;
+ right: 0;
+ width: 100%;
+ }
+ }
+ }
+
+ h2 {
+ font-size: 1.75em;
+ }
+
+ h3 {
+ font-size: 1.1em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ }
+
+ h6 {
+ font-size: 0.6em;
+ }
+
+ @include breakpoint(small) {
+ h1 {
+ font-size: 2em;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 0.8em;
+ }
+
+ h5 {
+ font-size: 0.6em;
+ }
+
+ h6 {
+ font-size: 0.6em;
+ }
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid (_size(border-width) * 4) _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid _size(border-width) _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_box.scss b/hyperspace/assets/sass/components/_box.scss
new file mode 100644
index 0000000..dbb92e1
--- /dev/null
+++ b/hyperspace/assets/sass/components/_box.scss
@@ -0,0 +1,26 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Box */
+
+ .box {
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_button.scss b/hyperspace/assets/sass/components/_button.scss
new file mode 100644
index 0000000..f178988
--- /dev/null
+++ b/hyperspace/assets/sass/components/_button.scss
@@ -0,0 +1,108 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'border-color #{_duration(transition)} ease'
+ ));
+ background-color: transparent;
+ border: solid 1px !important;
+ border-color: _palette(border) !important;
+ border-radius: 3em;
+ color: _palette(fg-bold) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 0.6em;
+ font-weight: _font(weight-bold);
+ height: calc(4.75em + 2px);
+ letter-spacing: _font(kerning-alt);
+ line-height: 4.75em;
+ outline: 0;
+ padding: 0 3.75em;
+ position: relative;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+ white-space: nowrap;
+
+ &:after {
+ @include vendor('transform', 'scale(0.25)');
+ @include vendor('pointer-events', 'none');
+ @include vendor('transition', (
+ 'opacity #{_duration(transition)} ease',
+ 'transform #{_duration(transition)} ease'
+ ));
+ background: _palette(fg-bold);
+ border-radius: 3em;
+ content: '';
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ &.icon {
+ &:before {
+ margin-right: 0.75em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.4em;
+ }
+
+ &.big {
+ font-size: 0.8em;
+ }
+
+ &.special {
+ background-color: _palette(fg-bold);
+ color: _palette(bg) !important;
+
+ &:after {
+ display: none;
+ }
+ }
+
+ &.disabled,
+ &:disabled {
+ cursor: default;
+ opacity: 0.5;
+ @include vendor('pointer-events', 'none');
+ }
+
+ &:hover {
+ border-color: _palette(fg) !important;
+
+ &:after {
+ opacity: 0.05;
+ @include vendor('transform', 'scale(1)');
+ }
+
+ &:active {
+ border-color: _palette(fg-bold) !important;
+
+ &:after {
+ opacity: 0.1;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_features.scss b/hyperspace/assets/sass/components/_features.scss
new file mode 100644
index 0000000..82cd3ac
--- /dev/null
+++ b/hyperspace/assets/sass/components/_features.scss
@@ -0,0 +1,98 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Features */
+
+ .features {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ background: _palette(border-bg);
+ margin: 0 0 _size(element-margin) 0;
+
+ section {
+ @include padding(3em, 3em, (0.5em, 0, 0, 4em));
+ width: 50%;
+ border-top: solid 1px _palette(border);
+ position: relative;
+
+ &:nth-child(-n + 2) {
+ border-top-width: 0;
+ }
+
+ &:nth-child(2n) {
+ border-left: solid 1px _palette(border);
+ }
+
+ .icon {
+ @include vendor('transition', (
+ 'opacity #{_duration(activation) * 0.5} ease',
+ 'transform #{_duration(activation) * 0.5} ease'
+ ));
+ @include vendor('transition-delay', '1s');
+ @include vendor('transform', 'scale(1)');
+ position: absolute;
+ left: 3em;
+ top: 3em;
+ opacity: 1;
+ }
+
+ @for $i from 1 through _misc(max-features) {
+ &:nth-child(#{$i}) {
+ .icon {
+ @include vendor('transition-delay', '#{(_duration(transition) * 0.75 * $i)}');
+ }
+ }
+ }
+ }
+
+ &.inactive {
+ section {
+ .icon {
+ @include vendor('transform', 'scale(0.5)');
+ opacity: 0;
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ display: block;
+
+ section {
+ border-top-width: 1px !important;
+ border-left-width: 0 !important;
+ width: 100%;
+
+ &:first-child {
+ border-top-width: 0 !important;
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ section {
+ @include padding(2em, 1.5em, (0.5em, 0, 0, 4em));
+
+ .icon {
+ left: 1.5em;
+ top: 2em;
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ section {
+ @include padding(2em, 1.5em, (0, 0, 0, 0));
+
+ .icon {
+ left: 0;
+ position: relative;
+ top: 0;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_form.scss b/hyperspace/assets/sass/components/_form.scss
new file mode 100644
index 0000000..43152db
--- /dev/null
+++ b/hyperspace/assets/sass/components/_form.scss
@@ -0,0 +1,221 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+
+ .field {
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ &.half {
+ width: 50%;
+ float: left;
+ padding: 0 0 0 0.75em;
+
+ &.first {
+ padding: 0 0.75em 0 0;
+ }
+ }
+ }
+
+ > .actions {
+ margin: _size(element-margin) 0 0 0 !important;
+ }
+
+ @include breakpoint(small) {
+ .field {
+ &.half {
+ width: 100%;
+ float: none;
+ padding: 0;
+
+ &.first {
+ padding: 0;
+ }
+ }
+ }
+ }
+ }
+
+ label {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ line-height: 1.5;
+ margin: 0 0 (_size(element-margin) * 0.35) 0;
+ display: block;
+ font-size: 1.1em;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: none;
+ border: solid _size(border-width) _palette(border);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(fg-bold);
+ box-shadow: 0 0 0 _size(border-width) _palette(fg-bold);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ select {
+ option {
+ background-color: _palette(bg);
+ color: _palette(fg-bold);
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+
+ body.is-ie & {
+ min-height: 10em;
+ }
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(fg-bold);
+ border-color: _palette(fg-bold);
+ color: _palette(accent3);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(fg-bold);
+ box-shadow: 0 0 0 _size(border-width) _palette(fg-bold);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_icon.scss b/hyperspace/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..f2c27ee
--- /dev/null
+++ b/hyperspace/assets/sass/components/_icon.scss
@@ -0,0 +1,57 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &.major {
+ width: 2.5em;
+ height: 2.5em;
+ display: block;
+ background: _palette(fg-bold);
+ border-radius: 100%;
+ color: _palette(bg);
+ text-align: center;
+ line-height: 2.5em;
+ margin: 0 0 (_size(element-margin) * 0.65) 0;
+
+ &:before {
+ font-size: 1.25em;
+
+ .wrapper.style1 & {
+ color: _palette(accent1);
+ }
+
+ .wrapper.style1-alt & {
+ color: _palette(accent1-alt);
+ }
+
+ .wrapper.style2 & {
+ color: _palette(accent2);
+ }
+
+ .wrapper.style2-alt & {
+ color: _palette(accent2-alt);
+ }
+
+ .wrapper.style3 & {
+ color: _palette(accent3);
+ }
+
+ .wrapper.style3-alt & {
+ color: _palette(accent3-alt);
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_image.scss b/hyperspace/assets/sass/components/_image.scss
new file mode 100644
index 0000000..07c2978
--- /dev/null
+++ b/hyperspace/assets/sass/components/_image.scss
@@ -0,0 +1,60 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Image */
+
+ .image {
+ border-radius: _size(border-radius);
+ border: 0;
+ display: inline-block;
+ position: relative;
+
+ img {
+ border-radius: _size(border-radius);
+ display: block;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.main {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 1.5) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_list.scss b/hyperspace/assets/sass/components/_list.scss
new file mode 100644
index 0000000..d68402d
--- /dev/null
+++ b/hyperspace/assets/sass/components/_list.scss
@@ -0,0 +1,236 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid _size(border-width) _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 0.75em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ > a, > span {
+ border: 0;
+ @include icon;
+
+ .label {
+ display: none;
+ }
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.25) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ display: block;
+ text-align: center;
+ width: 100%;
+
+ > * {
+ width: 100%;
+ margin: 0 !important;
+
+ &.icon {
+ &:before {
+ margin-left: -2em;
+ }
+ }
+ }
+
+ .button {
+ padding: 0;
+ }
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+ }
+
+ &.contact {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ padding: 0;
+ margin: 1.5em 0 0 0;
+
+ &:first-child {
+ margin-top: 0;
+ }
+ }
+ }
+
+ &.menu {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ border-left: solid 1px _palette(border);
+ display: inline-block;
+ line-height: 1;
+ margin-left: 1.5em;
+ padding: 0 0 0 1.5em;
+
+ &:first-child {
+ border-left: 0;
+ margin: 0;
+ padding-left: 0;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ > li {
+ border-left: 0;
+ display: block;
+ line-height: inherit;
+ margin: 0.5em 0 0 0;
+ padding-left: 0;
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_section.scss b/hyperspace/assets/sass/components/_section.scss
new file mode 100644
index 0000000..98be049
--- /dev/null
+++ b/hyperspace/assets/sass/components/_section.scss
@@ -0,0 +1,41 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ color: _palette(fg-light);
+ position: relative;
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+ }
+
+ h2 + p {
+ font-size: 1.25em;
+ margin-top: (_size(element-margin) * -0.5);
+ line-height: 1.5em;
+ }
+
+ h3 + p {
+ font-size: 1.1em;
+ margin-top: (_size(element-margin) * -0.4);
+ line-height: 1.5em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ margin-top: (_size(element-margin) * -0.3);
+ line-height: 1.5em;
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_split.scss b/hyperspace/assets/sass/components/_split.scss
new file mode 100644
index 0000000..62ee652
--- /dev/null
+++ b/hyperspace/assets/sass/components/_split.scss
@@ -0,0 +1,91 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Split */
+
+ .split {
+ @include vendor('display', 'flex');
+
+ > * {
+ width: calc(50% - 2.5em);
+ }
+
+ > :nth-child(2n - 1) {
+ padding-right: 2.5em;
+ border-right: solid 1px _palette(border);
+ }
+
+ > :nth-child(2n) {
+ padding-left: 2.5em;
+ }
+
+ &.style1 {
+ > :nth-child(2n - 1) {
+ width: calc(66.66666% - 2.5em);
+ }
+
+ > :nth-child(2n) {
+ width: calc(33.33333% - 2.5em);
+ }
+ }
+
+ @include breakpoint(xlarge) {
+ > * {
+ width: calc(50% - 2em);
+ }
+
+ > :nth-child(2n - 1) {
+ padding-right: 2em;
+ }
+
+ > :nth-child(2n) {
+ padding-left: 2em;
+ }
+
+ &.style1 {
+ > :nth-child(2n - 1) {
+ width: calc(66.66666% - 2em);
+ }
+
+ > :nth-child(2n) {
+ width: calc(33.33333% - 2em);
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ display: block;
+
+ > * {
+ border-top: solid 1px _palette(border);
+ margin: 4em 0 0 0;
+ padding: 4em 0 0 0;
+ width: 100% !important;
+ }
+
+ > :nth-child(2n - 1) {
+ border-right: 0;
+ padding-right: 0;
+ }
+
+ > :nth-child(2n) {
+ padding-left: 0;
+ }
+
+ > :first-child {
+ border-top: 0;
+ margin-top: 0;
+ padding-top: 0;
+ }
+ }
+
+ @include breakpoint(small) {
+ > * {
+ margin: 3em 0 0 0;
+ padding: 3em 0 0 0;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_spotlights.scss b/hyperspace/assets/sass/components/_spotlights.scss
new file mode 100644
index 0000000..61d5fea
--- /dev/null
+++ b/hyperspace/assets/sass/components/_spotlights.scss
@@ -0,0 +1,131 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Spotlights */
+
+ .spotlights {
+ > section {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'row');
+ min-height: 22.5em;
+
+ body.is-ie & {
+ min-height: 0;
+ }
+
+ > .image {
+ background-position: center center;
+ background-size: cover;
+ border-radius: 0;
+ display: block;
+ position: relative;
+ width: 25em;
+
+ img {
+ border-radius: 0;
+ display: block;
+ }
+
+ &:before {
+ @include vendor('transition', 'opacity #{_duration(activation)} ease');
+ background: transparentize(_palette(bg), 0.1);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+ }
+
+ > .content {
+ @include padding(4em, 5em);
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ width: #{_size(inner-width) - 25em};
+ -ms-flex: 1;
+
+ > .inner {
+ @include vendor('transform', 'translateX(0) translateY(0)');
+ @include vendor('transition', (
+ 'opacity #{_duration(activation)} ease',
+ 'transform #{_duration(activation)} ease'
+ ));
+ opacity: 1;
+ }
+ }
+
+ &:nth-child(1) {
+ }
+
+ &:nth-child(2) {
+ background-color: rgba(0,0,0,0.05);
+ }
+
+ &:nth-child(3) {
+ background-color: rgba(0,0,0,0.1);
+ }
+
+ &.inactive,
+ body.is-loading & {
+ > .image {
+ &:before {
+ opacity: 1;
+ }
+ }
+
+ > .content {
+ > .inner {
+ @include vendor('transform', 'translateX(-1em)');
+ opacity: 0;
+ }
+ }
+ }
+
+ @include breakpoint(xlarge) {
+ > .content {
+ @include padding(4em, 4em);
+ }
+ }
+
+ @include breakpoint(medium) {
+ display: block;
+
+ > .image {
+ width: 100%;
+ height: 50vh;
+ }
+
+ > .content {
+ width: 100%;
+ }
+
+ &.inactive,
+ body.is-loading & {
+ > .content {
+ > .inner {
+ @include vendor('transform', 'translateY(1em)');
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ > .image {
+ height: 50vh;
+ min-height: 15em;
+ }
+
+ > .content {
+ @include padding(3em, 2em);
+ }
+ }
+ }
+ }
+
diff --git a/hyperspace/assets/sass/components/_table.scss b/hyperspace/assets/sass/components/_table.scss
new file mode 100644
index 0000000..0bbe87e
--- /dev/null
+++ b/hyperspace/assets/sass/components/_table.scss
@@ -0,0 +1,81 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid _size(border-width) _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 1em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid (_size(border-width) * 2) _palette(border);
+ }
+
+ tfoot {
+ border-top: solid (_size(border-width) * 2) _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid _size(border-width) _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: _size(border-width);
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: _size(border-width);
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/components/_wrapper.scss b/hyperspace/assets/sass/components/_wrapper.scss
new file mode 100644
index 0000000..423b7f3
--- /dev/null
+++ b/hyperspace/assets/sass/components/_wrapper.scss
@@ -0,0 +1,139 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+ .wrapper {
+ position: relative;
+
+ > .inner {
+ @include padding(5em, 5em);
+ max-width: 100%;
+ width: _size(inner-width);
+
+ @include breakpoint(xlarge) {
+ @include padding(4em, 4em);
+ }
+
+ @include breakpoint(large) {
+ width: 100%;
+ }
+
+ @include breakpoint(small) {
+ @include padding(3em, 2em);
+ }
+ }
+
+ &.alt {
+ background-color: _palette(bg-alt);
+ }
+
+ &.style1 {
+ background-color: _palette(accent1);
+ }
+
+ &.style1-alt {
+ background-color: _palette(accent1-alt);
+ }
+
+ &.style2 {
+ background-color: _palette(accent2);
+ }
+
+ &.style2-alt {
+ background-color: _palette(accent2-alt);
+ }
+
+ &.style3 {
+ background-color: _palette(accent3);
+ }
+
+ &.style3-alt {
+ background-color: _palette(accent3-alt);
+ }
+
+ &.fullscreen {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ min-height: 100vh;
+
+ body.is-ie & {
+ height: 100vh;
+ }
+
+ @include breakpoint(large) {
+ min-height: calc(100vh - 2.5em);
+
+ body.is-ie & {
+ height: calc(100vh - 2.5em);
+ }
+ }
+
+ @include breakpoint(small) {
+ padding: 2em 0;
+ min-height: 0;
+
+ body.is-ie & {
+ height: auto;
+ }
+ }
+ }
+
+ &.fade-up {
+ > .inner {
+ @include vendor('transform', 'translateY(0)');
+ @include vendor('transition', (
+ 'opacity #{_duration(activation)} ease',
+ 'transform #{_duration(activation)} ease'
+ ));
+ opacity: 1.0;
+ }
+
+ &.inactive,
+ body.is-loading & {
+ > .inner {
+ opacity: 0;
+ @include vendor('transform', 'translateY(1em)');
+ }
+ }
+ }
+
+ &.fade-down {
+ > .inner {
+ @include vendor('transform', 'translateY(0)');
+ @include vendor('transition', (
+ 'opacity #{_duration(activation)} ease',
+ 'transform #{_duration(activation)} ease'
+ ));
+ opacity: 1.0;
+ }
+
+ &.inactive,
+ body.is-loading & {
+ > .inner {
+ opacity: 0;
+ @include vendor('transform', 'translateY(-1em)');
+ }
+ }
+ }
+
+ &.fade {
+ > .inner {
+ @include vendor('transition', (
+ 'opacity #{_duration(activation)} ease'
+ ));
+ opacity: 1.0;
+ }
+
+ &.inactive,
+ body.is-loading & {
+ > .inner {
+ opacity: 0;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/ie8.scss b/hyperspace/assets/sass/ie8.scss
new file mode 100644
index 0000000..d0767c7
--- /dev/null
+++ b/hyperspace/assets/sass/ie8.scss
@@ -0,0 +1,59 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg-bold);
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ position: relative;
+
+ &:after {
+ display: none;
+ }
+ }
+
+/* Features */
+
+ .features {
+ border: solid 1px;
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ background: transparent;
+ border: solid 1px;
+ }
+
+/* Split */
+
+ .split {
+ &.style1 {
+ > :first-child {
+ padding-right: 2em;
+ width: 70%;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/ie9.scss b/hyperspace/assets/sass/ie9.scss
new file mode 100644
index 0000000..b764ff5
--- /dev/null
+++ b/hyperspace/assets/sass/ie9.scss
@@ -0,0 +1,113 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Type */
+
+ h1 {
+ &.major {
+ &:after {
+ background: _palette(accent3);
+ }
+ }
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ &.fullscreen {
+ min-height: 0;
+ padding-bottom: 6em;
+ padding-top: 6em;
+
+ body.is-ie & {
+ height: auto;
+ }
+ }
+ }
+
+/* Spotlights */
+
+ .spotlights {
+ > section {
+ padding-left: 20em;
+ position: relative;
+
+ > .image {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 20em;
+ }
+
+ > .content {
+ width: 100%;
+ }
+ }
+ }
+
+/* Features */
+
+ .features {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ section {
+ float: left;
+ }
+ }
+
+/* Split */
+
+ .split {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ > * {
+ float: left;
+ }
+ }
+
+/* Sidebar */
+
+ #sidebar {
+ nav {
+ a {
+ &:after {
+ background-color: _palette(accent3);
+ }
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ &:after {
+ clear: both;
+ content: '';
+ display: block;
+ }
+
+ > .title {
+ float: left;
+ }
+
+ > nav {
+ float: right;
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/layout/_footer.scss b/hyperspace/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..1fd5530
--- /dev/null
+++ b/hyperspace/assets/sass/layout/_footer.scss
@@ -0,0 +1,38 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ #sidebar + #wrapper + & {
+ margin-left: _size(sidebar-width);
+
+ @include breakpoint(large) {
+ margin-left: 0;
+ }
+ }
+
+ > .inner {
+ a {
+ border-bottom-color: _palette(border);
+
+ &:hover {
+ border-bottom-color: transparent;
+ }
+ }
+
+ .menu {
+ font-size: 0.8em;
+ color: _palette(border);
+ }
+ }
+
+ #header + #wrapper + & {
+ > .inner {
+ margin: 0 auto;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/layout/_header.scss b/hyperspace/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..06dd284
--- /dev/null
+++ b/hyperspace/assets/sass/layout/_header.scss
@@ -0,0 +1,92 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ #header {
+ @include vendor('display', 'flex');
+ background-color: _palette(accent1);
+ cursor: default;
+ padding: 1.75em 2em;
+
+ > .title {
+ border: 0;
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 1.25em;
+ font-weight: _font(weight-bold);
+ }
+
+ > nav {
+ @include vendor('flex', '1');
+ text-align: right;
+
+ > ul {
+ margin: 0;
+ padding: 0;
+
+ > li {
+ display: inline-block;
+ margin-left: 1.75em;
+ padding: 0;
+ vertical-align: middle;
+
+ &:first-child {
+ margin-left: 0;
+ }
+
+ a {
+ border: 0;
+ color: _palette(fg-light);
+ display: inline-block;
+ font-size: 0.6em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(kerning-alt);
+ text-transform: uppercase;
+
+ &:hover {
+ color: _palette(fg);
+ }
+
+ &.active {
+ color: _palette(fg-bold);
+ }
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ padding: 1em 2em;
+ }
+
+ @include breakpoint(xsmall) {
+ display: block;
+ padding: 0 2em;
+ text-align: left;
+
+ .title {
+ font-size: 1.25em;
+ padding: 1em 0;
+ }
+
+ > nav {
+ border-top: solid 1px _palette(border);
+ text-align: inherit;
+
+ > ul {
+ > li {
+ margin-left: 1.5em;
+
+ a {
+ height: 6em;
+ line-height: 6em;
+ }
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/layout/_intro.scss b/hyperspace/assets/sass/layout/_intro.scss
new file mode 100644
index 0000000..c189adf
--- /dev/null
+++ b/hyperspace/assets/sass/layout/_intro.scss
@@ -0,0 +1,33 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Intro */
+
+ #intro {
+ background-attachment: fixed;
+ background-image: url('images/intro.svg');
+ background-position: top right;
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+
+ p {
+ font-size: 1.25em;
+
+ @include breakpoint(medium) {
+ br {
+ display: none;
+ }
+ }
+
+ @include breakpoint(small) {
+ font-size: 1em;
+ }
+ }
+
+ @include breakpoint(large) {
+ background-attachment: scroll;
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/layout/_sidebar.scss b/hyperspace/assets/sass/layout/_sidebar.scss
new file mode 100644
index 0000000..6ff9a51
--- /dev/null
+++ b/hyperspace/assets/sass/layout/_sidebar.scss
@@ -0,0 +1,185 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Sidebar */
+
+ #sidebar {
+ @include padding(2.5em, 2.5em);
+ background: _palette(bg);
+ cursor: default;
+ height: 100vh;
+ left: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ position: fixed;
+ text-align: right;
+ top: 0;
+ width: _size(sidebar-width);
+ z-index: _misc(z-index-base);
+
+ > .inner {
+ @include vendor('display', 'flex');
+ @include vendor('flex-direction', 'column');
+ @include vendor('justify-content', 'center');
+ @include vendor('transform', 'translateY(0)');
+ @include vendor('transition', (
+ 'opacity #{_duration(activation)} ease',
+ ));
+ min-height: 100%;
+ opacity: 1;
+ width: 100%;
+
+ body.is-ie & {
+ height: 100%;
+ }
+ }
+
+ nav {
+ > ul {
+ list-style: none;
+ padding: 0;
+
+ > li {
+ @include vendor('transform', 'translateY(0)');
+ @include vendor('transition', (
+ 'opacity #{_duration(activation) * 0.15} ease',
+ 'transform #{_duration(activation) * 0.75} ease'
+ ));
+ margin: 1.5em 0 0 0;
+ opacity: 1;
+ padding: 0;
+ position: relative;
+
+ &:first-child {
+ margin: 0;
+ }
+
+ @for $i from 1 through _misc(max-sidebar-links) {
+ &:nth-child(#{$i}) {
+ @include vendor('transition-delay', '#{(_duration(activation) * 0.2 * $i) + (_duration(activation) * 0.25)}');
+ }
+ }
+ }
+ }
+
+ a {
+ @include vendor('transition', 'color #{_duration(transition)} ease');
+ border: 0;
+ color: _palette(fg-light);
+ display: block;
+ font-size: 0.6em;
+ font-weight: _font(weight-bold);
+ letter-spacing: _font(kerning-alt);
+ line-height: 1.75;
+ outline: 0;
+ padding: 1.35em 0;
+ position: relative;
+ text-decoration: none;
+ text-transform: uppercase;
+
+ &:before,
+ &:after {
+ border-radius: 0.2em;
+ bottom: 0;
+ content: '';
+ height: 0.2em;
+ position: absolute;
+ right: 0;
+ width: 100%;
+ }
+
+ &:before {
+ background: lighten(_palette(bg), 5);
+ }
+
+ &:after {
+ @include vendor('background-image', 'linear-gradient(to right, #{_palette(accent1)}, #{_palette(accent3)})');
+ @include vendor('transition', 'max-width #{_duration(transition)} ease');
+ max-width: 0;
+ }
+
+ &:hover {
+ color: _palette(fg);
+ }
+
+ &.active {
+ color: _palette(fg-bold);
+
+ &:after {
+ max-width: 100%;
+ }
+ }
+ }
+ }
+
+ body.is-loading & {
+ > .inner {
+ opacity: 0;
+ }
+
+ nav {
+ ul {
+ li {
+ @include vendor('transform', 'translateY(2em)');
+ opacity: 0;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(large) {
+ height: _size(sidebar-height);
+ left: 0;
+ line-height: _size(sidebar-height);
+ overflow: hidden;
+ padding: 0;
+ text-align: center;
+ top: 0;
+ width: 100%;
+
+ > .inner {
+ @include vendor('flex-direction', 'row');
+ @include vendor('align-items', 'stretch');
+ height: inherit;
+ line-height: inherit;
+ }
+
+ nav {
+ height: inherit;
+ line-height: inherit;
+
+ ul {
+ @include vendor('display', 'flex');
+ height: inherit;
+ line-height: inherit;
+ margin: 0;
+
+ li {
+ display: block;
+ height: inherit;
+ line-height: inherit;
+ margin: 0 0 0 2em;
+ padding: 0;
+ }
+ }
+
+ a {
+ height: inherit;
+ line-height: inherit;
+ padding: 0;
+
+ &:after {
+ background-image: none;
+ background-color: _palette(accent3);
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ display: none;
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/layout/_wrapper.scss b/hyperspace/assets/sass/layout/_wrapper.scss
new file mode 100644
index 0000000..fce7bb7
--- /dev/null
+++ b/hyperspace/assets/sass/layout/_wrapper.scss
@@ -0,0 +1,30 @@
+///
+/// Hyperspace by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper (main) */
+
+ #wrapper {
+ #sidebar + & {
+ margin-left: _size(sidebar-width);
+
+ @include breakpoint(large) {
+ margin-left: 0;
+ padding-top: _size(sidebar-height);
+ }
+
+ @include breakpoint(small) {
+ padding-top: 0;
+ }
+ }
+
+ #header + & {
+ > .wrapper {
+ > .inner {
+ margin: 0 auto;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/libs/_functions.scss b/hyperspace/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/hyperspace/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/hyperspace/assets/sass/libs/_mixins.scss b/hyperspace/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/hyperspace/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/hyperspace/assets/sass/libs/_skel.scss b/hyperspace/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/hyperspace/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/hyperspace/assets/sass/libs/_vars.scss b/hyperspace/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..8a844da
--- /dev/null
+++ b/hyperspace/assets/sass/libs/_vars.scss
@@ -0,0 +1,49 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000,
+ max-features: 20,
+ max-sidebar-links: 20
+ );
+
+// Duration.
+ $duration: (
+ transition: 0.2s,
+ activation: 1s
+ );
+
+// Size.
+ $size: (
+ border-radius: 0.25em,
+ border-width: 1px,
+ element-height: 2.75em,
+ element-margin: 2em,
+ sidebar-width: 18em,
+ sidebar-height: 3.5em, // when <=large is active
+ inner-width: 75em
+ );
+
+// Font.
+ $font: (
+ family: (Arial, Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: normal,
+ weight-bold: bold,
+ kerning-alt: 0.25em
+ );
+
+// Palette.
+ $palette: (
+ bg: #312450,
+ bg-alt: darken(#312450, 5),
+ fg: rgba(255,255,255,0.55),
+ fg-bold: #ffffff,
+ fg-light: rgba(255,255,255,0.35),
+ border: rgba(255,255,255,0.15),
+ border-bg: rgba(255,255,255,0.05),
+ accent1: #5e42a6,
+ accent1-alt: darken(#5e42a6, 10),
+ accent2: #5052b5,
+ accent2-alt: darken(#5052b5, 10),
+ accent3: #b74e91,
+ accent3-alt: darken(#b74e91, 10)
+ );
\ No newline at end of file
diff --git a/hyperspace/assets/sass/main.scss b/hyperspace/assets/sass/main.scss
new file mode 100644
index 0000000..a63afef
--- /dev/null
+++ b/hyperspace/assets/sass/main.scss
@@ -0,0 +1,54 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+
+/*
+ Hyperspace by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: 1.5em )
+ ));
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/box';
+ @import 'components/button';
+ @import 'components/features';
+ @import 'components/form';
+ @import 'components/icon';
+ @import 'components/image';
+ @import 'components/list';
+ @import 'components/section';
+ @import 'components/split';
+ @import 'components/spotlights';
+ @import 'components/table';
+ @import 'components/wrapper';
+
+// Layout.
+
+ @import 'layout/header';
+ @import 'layout/wrapper';
+ @import 'layout/footer';
+ @import 'layout/sidebar';
+ @import 'layout/intro';
\ No newline at end of file
diff --git a/hyperspace/elements.html b/hyperspace/elements.html
new file mode 100644
index 0000000..2d78b62
--- /dev/null
+++ b/hyperspace/elements.html
@@ -0,0 +1,367 @@
+
+
+
+
+
Elements - Hyperspace by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Elements
+
+
+
+ Text
+ This is bold and this is strong . This is italic and this is emphasized .
+ This is superscript text and this is subscript text.
+ This is underlined and this is code: for (;;) { ... }. Finally, this is a link .
+ Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+ Heading Level 2
+ Heading Level 3
+ Heading Level 4
+ Blockquote
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
+ Preformatted
+ i = 0;
+
+while (!deck.isInOrder()) {
+print 'Iteration ' + i;
+deck.shuffle();
+i++;
+}
+
+print 'It took ' + i + ' iterations to sort the deck.';
+
+
+
+ Lists
+
+
+
Unordered
+
+ Dolor pulvinar etiam.
+ Sagittis adipiscing.
+ Felis enim feugiat.
+
+
Alternate
+
+ Dolor pulvinar etiam.
+ Sagittis adipiscing.
+ Felis enim feugiat.
+
+
+
+
Ordered
+
+ Dolor pulvinar etiam.
+ Etiam vel felis viverra.
+ Felis enim feugiat.
+ Dolor pulvinar etiam.
+ Etiam vel felis lorem.
+ Felis enim et feugiat.
+
+
Icons
+
+
+
Actions
+
+
+
+
+
+ Table
+ Default
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item One
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item Two
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item Three
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item Four
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item Five
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
Alternate
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item One
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item Two
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item Three
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item Four
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item Five
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Image
+ Fit
+
+ Left & Right
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hyperspace/generic.html b/hyperspace/generic.html
new file mode 100644
index 0000000..41480bb
--- /dev/null
+++ b/hyperspace/generic.html
@@ -0,0 +1,65 @@
+
+
+
+
+
Generic - Hyperspace by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A Generic Page
+
+
Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique.
+
Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/hyperspace/images/pic01.jpg b/hyperspace/images/pic01.jpg
new file mode 100644
index 0000000..ef01b3f
Binary files /dev/null and b/hyperspace/images/pic01.jpg differ
diff --git a/hyperspace/images/pic02.jpg b/hyperspace/images/pic02.jpg
new file mode 100644
index 0000000..e78cb6e
Binary files /dev/null and b/hyperspace/images/pic02.jpg differ
diff --git a/hyperspace/images/pic03.jpg b/hyperspace/images/pic03.jpg
new file mode 100644
index 0000000..e039b33
Binary files /dev/null and b/hyperspace/images/pic03.jpg differ
diff --git a/hyperspace/images/pic04.jpg b/hyperspace/images/pic04.jpg
new file mode 100644
index 0000000..664a4ef
Binary files /dev/null and b/hyperspace/images/pic04.jpg differ
diff --git a/hyperspace/images/pic05.jpg b/hyperspace/images/pic05.jpg
new file mode 100644
index 0000000..2c66361
Binary files /dev/null and b/hyperspace/images/pic05.jpg differ
diff --git a/hyperspace/images/pic06.jpg b/hyperspace/images/pic06.jpg
new file mode 100644
index 0000000..eb05dca
Binary files /dev/null and b/hyperspace/images/pic06.jpg differ
diff --git a/hyperspace/index.html b/hyperspace/index.html
new file mode 100644
index 0000000..148542d
--- /dev/null
+++ b/hyperspace/index.html
@@ -0,0 +1,209 @@
+
+
+
+
+
Hyperspace by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hyperspace
+
Just another fine responsive site template designed by HTML5 UP Creative Commons .
+
+
+
+
+
+
+
+
+
Sed ipsum dolor
+
Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.
+
+
+
+
+
+
+
Feugiat consequat
+
Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.
+
+
+
+
+
+
+
Ultricies aliquam
+
Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus.
+
+
+
+
+
+
+
+
+
What we do
+
Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit quis lorem.
+
+
+ Lorem ipsum amet
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+ Aliquam sed nullam
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+ Sed erat ullam corper
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+ Veroeros quis lorem
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+ Urna quis bibendum
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+ Aliquam urna dapibus
+ Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.
+
+
+
+
+
+
+
+
+
Get in touch
+
Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet imperdiet est velit quis lorem.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/identity/LICENSE.txt b/identity/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/identity/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/identity/README.txt b/identity/README.txt
new file mode 100644
index 0000000..8db2d07
--- /dev/null
+++ b/identity/README.txt
@@ -0,0 +1,30 @@
+Identity by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+Just a fun little profile/card-style template I whipped up during a break between major
+projects. Minimal, responsive, and powered by Skel + Sass. Enjoy :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ CSS3 Pie (css3pie.com)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/identity/assets/css/font-awesome.min.css b/identity/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/identity/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/identity/assets/css/ie8.css b/identity/assets/css/ie8.css
new file mode 100644
index 0000000..1d895ac
--- /dev/null
+++ b/identity/assets/css/ie8.css
@@ -0,0 +1,36 @@
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* List */
+
+ ul.icons li a {
+ -ms-behavior: url("assets/js/PIE.htc");
+ }
+
+ ul.icons li a:before {
+ text-align: center;
+ font-size: 26px;
+ }
+
+/* Main */
+
+ #main {
+ -ms-behavior: url("assets/js/PIE.htc");
+ }
+
+ #main .avatar img {
+ -ms-behavior: url("assets/js/PIE.htc");
+ }
+
+/* Footer */
+
+ #footer {
+ color: #fff;
+ }
+
+ #footer .copyright li {
+ border-left: solid 1px #fff;
+ }
\ No newline at end of file
diff --git a/identity/assets/css/ie9.css b/identity/assets/css/ie9.css
new file mode 100644
index 0000000..8b1a1fd
--- /dev/null
+++ b/identity/assets/css/ie9.css
@@ -0,0 +1,41 @@
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body {
+ background-image: url("../../images/bg.jpg");
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: bottom center;
+ background-attachment: fixed;
+ }
+
+ body:after {
+ display: none;
+ }
+
+/* List */
+
+ ul.icons li a:before {
+ color: #c8cccf;
+ }
+
+ ul.icons li a:hover:before {
+ color: #ff7496;
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ text-align: center;
+ }
+
+/* Main */
+
+ #main {
+ display: inline-block;
+ }
\ No newline at end of file
diff --git a/identity/assets/css/images/overlay.png b/identity/assets/css/images/overlay.png
new file mode 100644
index 0000000..0f8cdc8
Binary files /dev/null and b/identity/assets/css/images/overlay.png differ
diff --git a/identity/assets/css/main.css b/identity/assets/css/main.css
new file mode 100644
index 0000000..74e20ea
--- /dev/null
+++ b/identity/assets/css/main.css
@@ -0,0 +1,856 @@
+@charset "UTF-8";
+@import url(font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300");
+
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Basic */
+
+ @media screen and (max-width: 480px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+ html {
+ height: 100%;
+ }
+
+ body {
+ height: 100%;
+ background-color: #ffffff;
+ background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg");
+ background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg");
+ background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg");
+ background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg");
+ background-repeat: repeat, no-repeat, no-repeat;
+ background-size: 100px 100px, cover, cover;
+ background-position: top left, center center, bottom center;
+ background-attachment: fixed, fixed, fixed;
+ }
+
+ body:after {
+ content: '';
+ display: block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: inherit;
+ opacity: 0;
+ z-index: 1;
+ background-color: #ffffff;
+ background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
+ background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
+ background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
+ background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35));
+ background-repeat: repeat, no-repeat;
+ background-size: 100px 100px, cover;
+ background-position: top left, center center;
+ -moz-transition: opacity 1.75s ease-out;
+ -webkit-transition: opacity 1.75s ease-out;
+ -ms-transition: opacity 1.75s ease-out;
+ transition: opacity 1.75s ease-out;
+ }
+
+ body.is-loading:after {
+ opacity: 1;
+ }
+
+/* Type */
+
+ body, input, select, textarea {
+ color: #414f57;
+ font-family: "Source Sans Pro", Helvetica, sans-serif;
+ font-size: 14pt;
+ font-weight: 300;
+ line-height: 2;
+ letter-spacing: 0.2em;
+ text-transform: uppercase;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ body, input, select, textarea {
+ font-size: 11pt;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ body, input, select, textarea {
+ font-size: 10pt;
+ line-height: 1.75;
+ }
+
+ }
+
+ a {
+ -moz-transition: color 0.2s ease, border-color 0.2s ease;
+ -webkit-transition: color 0.2s ease, border-color 0.2s ease;
+ -ms-transition: color 0.2s ease, border-color 0.2s ease;
+ transition: color 0.2s ease, border-color 0.2s ease;
+ color: inherit;
+ text-decoration: none;
+ }
+
+ a:before {
+ -moz-transition: color 0.2s ease, text-shadow 0.2s ease;
+ -webkit-transition: color 0.2s ease, text-shadow 0.2s ease;
+ -ms-transition: color 0.2s ease, text-shadow 0.2s ease;
+ transition: color 0.2s ease, text-shadow 0.2s ease;
+ }
+
+ a:hover {
+ color: #ff7496;
+ }
+
+ strong, b {
+ color: #313f47;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 1.5em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #313f47;
+ line-height: 1.5;
+ margin: 0 0 0.75em 0;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ h1 {
+ font-size: 1.85em;
+ letter-spacing: 0.22em;
+ margin: 0 0 0.525em 0;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ h5 {
+ font-size: 1em;
+ }
+
+ h6 {
+ font-size: 1em;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ h1 {
+ font-size: 1.65em;
+ }
+
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px #c8cccf;
+ margin: 3em 0;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 1.5em 0;
+ }
+
+ form > .field {
+ margin: 0 0 1.5em 0;
+ }
+
+ form > .field > :last-child {
+ margin-bottom: 0;
+ }
+
+ label {
+ color: #313f47;
+ display: block;
+ font-size: 0.9em;
+ margin: 0 0 0.75em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ border-radius: 4px;
+ border: solid 1px #c8cccf;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ input[type="tel"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ input[type="tel"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #ff7496;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ content: "";
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: #c8cccf;
+ display: block;
+ height: 2.75em;
+ line-height: 2.75em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 2.75em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: #414f57;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 300;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ border-radius: 4px;
+ border: solid 1px #c8cccf;
+ content: '';
+ display: inline-block;
+ height: 1.65em;
+ left: 0;
+ line-height: 1.58125em;
+ position: absolute;
+ text-align: center;
+ top: 0.15em;
+ width: 1.65em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ color: #ff7496;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #ff7496;
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 4px;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: #616f77 !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: #616f77 !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: #616f77 !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: #616f77 !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: #616f77 !important;
+ opacity: 1.0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ position: relative;
+ border-bottom: none;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 1.5em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 1.5em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px #c8cccf;
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ margin-top: -0.675em;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0.675em 0.5em;
+ }
+
+ ul.icons li a {
+ text-decoration: none;
+ position: relative;
+ display: block;
+ width: 3.75em;
+ height: 3.75em;
+ border-radius: 100%;
+ border: solid 1px #c8cccf;
+ line-height: 3.75em;
+ overflow: hidden;
+ text-align: center;
+ text-indent: 3.75em;
+ white-space: nowrap;
+ }
+
+ ul.icons li a:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ ul.icons li a:before {
+ color: #ffffff;
+ text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf;
+ }
+
+ ul.icons li a:hover:before {
+ text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496;
+ }
+
+ ul.icons li a:before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: inherit;
+ height: inherit;
+ font-size: 1.85rem;
+ line-height: inherit;
+ text-align: center;
+ text-indent: 0;
+ }
+
+ ul.icons li a:hover {
+ border-color: #ff7496;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ ul.icons li a:before {
+ font-size: 1.5rem;
+ }
+
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 0.75em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ dl {
+ margin: 0 0 1.5em 0;
+ }
+
+ dl dt {
+ display: block;
+ margin: 0 0 0.75em 0;
+ }
+
+ dl dd {
+ margin-left: 1.5em;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ display: inline-block;
+ height: 2.75em;
+ line-height: 2.75em;
+ padding: 0 1.5em;
+ background-color: transparent;
+ border-radius: 4px;
+ border: solid 1px #c8cccf;
+ color: #414f57 !important;
+ cursor: pointer;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ border-color: #ff7496;
+ color: #ff7496 !important;
+ }
+
+ input[type="submit"].icon,
+ input[type="reset"].icon,
+ input[type="button"].icon,
+ button.icon,
+ .button.icon {
+ padding-left: 1.35em;
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.5em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ width: 100%;
+ margin: 0 0 0.75em 0;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ opacity: 0.5;
+ }
+
+/* Main */
+
+ #main {
+ position: relative;
+ max-width: 100%;
+ min-width: 27em;
+ padding: 4.5em 3em 3em 3em ;
+ background: #ffffff;
+ border-radius: 4px;
+ cursor: default;
+ opacity: 0.95;
+ text-align: center;
+ -moz-transform-origin: 50% 50%;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ -moz-transform: rotateX(0deg);
+ -webkit-transform: rotateX(0deg);
+ -ms-transform: rotateX(0deg);
+ transform: rotateX(0deg);
+ -moz-transition: opacity 1s ease, -moz-transform 1s ease;
+ -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
+ -ms-transition: opacity 1s ease, -ms-transform 1s ease;
+ transition: opacity 1s ease, transform 1s ease;
+ }
+
+ #main .avatar {
+ position: relative;
+ display: block;
+ margin-bottom: 1.5em;
+ }
+
+ #main .avatar img {
+ display: block;
+ margin: 0 auto;
+ border-radius: 100%;
+ box-shadow: 0 0 0 1.5em #ffffff;
+ }
+
+ #main .avatar:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: -3em;
+ width: calc(100% + 6em);
+ height: 1px;
+ z-index: -1;
+ background: #c8cccf;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #main {
+ min-width: 0;
+ width: 100%;
+ padding: 4em 2em 2.5em 2em ;
+ }
+
+ #main .avatar:before {
+ left: -2em;
+ width: calc(100% + 4em);
+ }
+
+ }
+
+ body.is-loading #main {
+ opacity: 0;
+ -moz-transform: rotateX(15deg);
+ -webkit-transform: rotateX(15deg);
+ -ms-transform: rotateX(15deg);
+ transform: rotateX(15deg);
+ }
+
+/* Footer */
+
+ #footer {
+ -moz-align-self: -moz-flex-end;
+ -webkit-align-self: -webkit-flex-end;
+ -ms-align-self: -ms-flex-end;
+ align-self: flex-end;
+ width: 100%;
+ padding: 1.5em 0 0 0;
+ color: rgba(255, 255, 255, 0.75);
+ cursor: default;
+ text-align: center;
+ }
+
+ #footer .copyright {
+ margin: 0;
+ padding: 0;
+ font-size: 0.9em;
+ list-style: none;
+ }
+
+ #footer .copyright li {
+ display: inline-block;
+ margin: 0 0 0 0.45em;
+ padding: 0 0 0 0.85em;
+ border-left: solid 1px rgba(255, 255, 255, 0.5);
+ line-height: 1;
+ }
+
+ #footer .copyright li:first-child {
+ border-left: 0;
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-align-items: center;
+ -webkit-align-items: center;
+ -ms-align-items: center;
+ align-items: center;
+ -moz-justify-content: space-between;
+ -webkit-justify-content: space-between;
+ -ms-justify-content: space-between;
+ justify-content: space-between;
+ -moz-flex-direction: column;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -moz-perspective: 1000px;
+ -webkit-perspective: 1000px;
+ -ms-perspective: 1000px;
+ perspective: 1000px;
+ position: relative;
+ min-height: 100%;
+ padding: 1.5em;
+ z-index: 2;
+ }
+
+ #wrapper > * {
+ z-index: 1;
+ }
+
+ #wrapper:before {
+ content: '';
+ display: block;
+ }
+
+ @media screen and (max-width: 360px) {
+
+ #wrapper {
+ padding: 0.75em;
+ }
+
+ }
+
+ body.is-ie #wrapper {
+ height: 100%;
+ }
\ No newline at end of file
diff --git a/identity/assets/css/noscript.css b/identity/assets/css/noscript.css
new file mode 100644
index 0000000..9002e73
--- /dev/null
+++ b/identity/assets/css/noscript.css
@@ -0,0 +1,21 @@
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body:after {
+ display: none;
+ }
+
+/* Main */
+
+ #main {
+ -moz-transform: none !important;
+ -webkit-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+ opacity: 1 !important;
+ }
\ No newline at end of file
diff --git a/identity/assets/fonts/FontAwesome.otf b/identity/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/identity/assets/fonts/FontAwesome.otf differ
diff --git a/identity/assets/fonts/fontawesome-webfont.eot b/identity/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/identity/assets/fonts/fontawesome-webfont.eot differ
diff --git a/identity/assets/fonts/fontawesome-webfont.svg b/identity/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/identity/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/identity/assets/fonts/fontawesome-webfont.ttf b/identity/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/identity/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/identity/assets/fonts/fontawesome-webfont.woff b/identity/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/identity/assets/fonts/fontawesome-webfont.woff differ
diff --git a/identity/assets/fonts/fontawesome-webfont.woff2 b/identity/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/identity/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/identity/assets/js/PIE.htc b/identity/assets/js/PIE.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/identity/assets/js/PIE.htc
@@ -0,0 +1,96 @@
+
+
+
+
diff --git a/identity/assets/js/html5shiv.js b/identity/assets/js/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/identity/assets/js/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ body {
+
+ // Prevents animation/transition "flicker" on page load.
+ // Automatically added/removed by js/main.js.
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ }
+
+ html {
+ height: 100%;
+ }
+
+ body {
+ height: 100%;
+ background-color: _palette(bg);
+ @include vendor('background-image', (
+ 'url("images/overlay.png")',
+ 'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})',
+ 'url("../../images/bg.jpg")'
+ ));
+ background-repeat: repeat, no-repeat, no-repeat;
+ background-size: 100px 100px, cover, cover;
+ background-position: top left, center center, bottom center;
+ background-attachment: fixed, fixed, fixed;
+
+ &:after {
+ content: '';
+ display: block;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: inherit;
+ opacity: 0;
+ z-index: 1;
+
+ background-color: _palette(bg);
+ @include vendor('background-image', (
+ 'url("images/overlay.png")',
+ 'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})'
+ ));
+ background-repeat: repeat, no-repeat;
+ background-size: 100px 100px, cover;
+ background-position: top left, center center;
+
+ @include vendor('transition', 'opacity #{_duration(bg)} ease-out');
+ }
+
+ &.is-loading {
+ &:after {
+ opacity: 1;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/base/_typography.scss b/identity/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..a9061bc
--- /dev/null
+++ b/identity/assets/sass/base/_typography.scss
@@ -0,0 +1,123 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 14pt;
+ font-weight: _font(weight);
+ line-height: 2;
+ letter-spacing: _size(letter-spacing);
+ text-transform: uppercase;
+
+ @include breakpoint(xlarge) {
+ font-size: 11pt;
+ }
+
+ @include breakpoint(xsmall) {
+ font-size: 10pt;
+ line-height: 1.75;
+ }
+ }
+
+ a {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease',
+ 'border-color #{_duration(transition)} ease'
+ ));
+ color: inherit;
+ text-decoration: none;
+
+ &:before {
+ @include vendor('transition', (
+ 'color #{_duration(transition)} ease',
+ 'text-shadow #{_duration(transition)} ease'
+ ));
+ }
+
+ &:hover {
+ color: _palette(highlight);
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ line-height: 1.5;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h1 {
+ font-size: 1.85em;
+ letter-spacing: (_size(letter-spacing) * 1.1);
+ margin: 0 0 (_size(element-margin) * 0.35) 0;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ h5 {
+ font-size: 1em;
+ }
+
+ h6 {
+ font-size: 1em;
+ }
+
+ @include breakpoint(xsmall) {
+ h1 {
+ font-size: 1.65em;
+ }
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid _size(border-width) _palette(border);
+ margin: (_size(element-margin) * 2) 0;
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/components/_button.scss b/identity/assets/sass/components/_button.scss
new file mode 100644
index 0000000..aee0a55
--- /dev/null
+++ b/identity/assets/sass/components/_button.scss
@@ -0,0 +1,69 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'border-color #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out'
+ ));
+ display: inline-block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ padding: 0 1.5em;
+ background-color: transparent;
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ color: _palette(fg) !important;
+ cursor: pointer;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &:hover {
+ border-color: _palette(highlight);
+ color: _palette(highlight) !important;
+ }
+
+ &.icon {
+ padding-left: 1.35em;
+
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ width: 100%;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.big {
+ font-size: 1.35em;
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ opacity: 0.5;
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/components/_form.scss b/identity/assets/sass/components/_form.scss
new file mode 100644
index 0000000..0f29801
--- /dev/null
+++ b/identity/assets/sass/components/_form.scss
@@ -0,0 +1,181 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+
+ > .field {
+ margin: 0 0 _size(element-margin) 0;
+
+ > :last-child {
+ margin-bottom: 0;
+ }
+ }
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ input[type="tel"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(highlight);
+ }
+ }
+
+ .select-wrapper {
+ @include icon('\f078');
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0.15em;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ color: _palette(highlight);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(highlight);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/components/_icon.scss b/identity/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..3186bc8
--- /dev/null
+++ b/identity/assets/sass/components/_icon.scss
@@ -0,0 +1,21 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ position: relative;
+ border-bottom: none;
+
+ > .label {
+ display: none;
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/components/_list.scss b/identity/assets/sass/components/_list.scss
new file mode 100644
index 0000000..63e2198
--- /dev/null
+++ b/identity/assets/sass/components/_list.scss
@@ -0,0 +1,129 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ margin-top: -0.675em;
+
+ li {
+ display: inline-block;
+ padding: 0.675em 0.5em;
+
+ a {
+ @include icon-alt(false, true);
+ position: relative;
+ display: block;
+ width: 3.75em;
+ height: 3.75em;
+ border-radius: 100%;
+ border: solid _size(border-width) _palette(border);
+ line-height: 3.75em;
+ overflow: hidden;
+ text-align: center;
+ text-indent: 3.75em;
+ white-space: nowrap;
+
+ &:before {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: inherit;
+ height: inherit;
+ font-size: 1.85rem;
+ line-height: inherit;
+ text-align: center;
+ text-indent: 0;
+ }
+
+ &:hover {
+ border-color: _palette(highlight);
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ li {
+ a {
+ &:before {
+ font-size: 1.5rem;
+ }
+ }
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/ie8.scss b/identity/assets/sass/ie8.scss
new file mode 100644
index 0000000..d02aca1
--- /dev/null
+++ b/identity/assets/sass/ie8.scss
@@ -0,0 +1,51 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* List */
+
+ ul {
+ &.icons {
+ li {
+ a {
+ -ms-behavior: url('assets/js/PIE.htc');
+
+ &:before {
+ text-align: center;
+ font-size: 26px;
+ }
+ }
+ }
+ }
+ }
+
+/* Main */
+
+ #main {
+ -ms-behavior: url('assets/js/PIE.htc');
+
+ .avatar {
+ img {
+ -ms-behavior: url('assets/js/PIE.htc');
+ }
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ color: #fff;
+
+ .copyright {
+ li {
+ border-left: solid 1px #fff;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/ie9.scss b/identity/assets/sass/ie9.scss
new file mode 100644
index 0000000..990520f
--- /dev/null
+++ b/identity/assets/sass/ie9.scss
@@ -0,0 +1,56 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body {
+ background-image: url('../../images/bg.jpg');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: bottom center;
+ background-attachment: fixed;
+
+ &:after {
+ display: none;
+ }
+ }
+
+/* List */
+
+ ul {
+ &.icons {
+ li {
+ a {
+ &:before {
+ color: _palette(border);
+ }
+
+ &:hover {
+ &:before {
+ color: _palette(highlight);
+ }
+ }
+ }
+ }
+ }
+ }
+
+/* Wrapper */
+
+ #wrapper {
+ text-align: center;
+ }
+
+/* Main */
+
+ #main {
+ display: inline-block;
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/layout/_footer.scss b/identity/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..4f77666
--- /dev/null
+++ b/identity/assets/sass/layout/_footer.scss
@@ -0,0 +1,39 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ @include vendor('align-self', 'flex-end');
+ width: 100%;
+ padding: _size(element-margin) 0 0 0;
+ color: rgba(255,255,255,0.75);
+ cursor: default;
+ text-align: center;
+
+ .copyright {
+ margin: 0;
+ padding: 0;
+ font-size: 0.9em;
+ list-style: none;
+
+ li {
+ display: inline-block;
+ margin: 0 0 0 (0.85em - (_size(letter-spacing) * 2));
+ padding: 0 0 0 0.85em;
+ border-left: solid _size(border-width) rgba(255,255,255,0.5);
+ line-height: 1;
+
+ &:first-child {
+ border-left: 0;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/layout/_main.scss b/identity/assets/sass/layout/_main.scss
new file mode 100644
index 0000000..523d619
--- /dev/null
+++ b/identity/assets/sass/layout/_main.scss
@@ -0,0 +1,74 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Main */
+
+ #main {
+ position: relative;
+ max-width: 100%;
+ min-width: 27em;
+ @include padding(4.5em, 3em);
+
+ background: _palette(bg);
+ border-radius: _size(border-radius);
+ cursor: default;
+ opacity: 0.95;
+ text-align: center;
+
+ @include vendor('transform-origin', '50% 50%');
+ @include vendor('transform', 'rotateX(0deg)');
+ @include vendor('transition', (
+ 'opacity #{_duration(main)} ease',
+ 'transform #{_duration(main)} ease'
+ ));
+
+ .avatar {
+ position: relative;
+ display: block;
+ margin-bottom: _size(element-margin);
+
+ img {
+ display: block;
+ margin: 0 auto;
+ border-radius: 100%;
+ box-shadow: 0 0 0 1.5em _palette(bg);
+ }
+
+ &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: -3em;
+ width: calc(100% + 6em);
+ height: _size(border-width);
+ z-index: -1;
+ background: _palette(border);
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ min-width: 0;
+ width: 100%;
+ @include padding(4em, 2em);
+
+ .avatar {
+ &:before {
+ left: -2em;
+ width: calc(100% + 4em);
+ }
+ }
+ }
+
+ body.is-loading & {
+ opacity: 0;
+ @include vendor('transform', 'rotateX(15deg)');
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/layout/_wrapper.scss b/identity/assets/sass/layout/_wrapper.scss
new file mode 100644
index 0000000..5e5eb6e
--- /dev/null
+++ b/identity/assets/sass/layout/_wrapper.scss
@@ -0,0 +1,40 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Identity by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Wrapper */
+
+ #wrapper {
+ @include vendor('display', 'flex');
+ @include vendor('align-items', 'center');
+ @include vendor('justify-content', 'space-between');
+ @include vendor('flex-direction', 'column');
+ @include vendor('perspective', '1000px');
+ position: relative;
+ min-height: 100%;
+ padding: _size(element-margin);
+ z-index: 2;
+
+ > * {
+ z-index: 1;
+ }
+
+ &:before {
+ content: '';
+ display: block;
+ }
+
+ @include breakpoint(xxsmall) {
+ padding: (_size(element-margin) * 0.5);
+ }
+
+ body.is-ie & {
+ height: 100%;
+ }
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/libs/_functions.scss b/identity/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/identity/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/identity/assets/sass/libs/_mixins.scss b/identity/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/identity/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/identity/assets/sass/libs/_skel.scss b/identity/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/identity/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/identity/assets/sass/libs/_vars.scss b/identity/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..2c45400
--- /dev/null
+++ b/identity/assets/sass/libs/_vars.scss
@@ -0,0 +1,40 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000
+ );
+
+// Duration.
+ $duration: (
+ transition: 0.2s,
+ bg: 1.75s,
+ main: 1s
+ );
+
+// Size.
+ $size: (
+ border-radius: 4px,
+ border-width: 1px,
+ element-height: 2.75em,
+ element-margin: 1.5em,
+ letter-spacing: 0.2em
+ );
+
+// Font.
+ $font: (
+ family: ('Source Sans Pro', Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 300
+ );
+
+// Palette.
+ $palette: (
+ bg: #ffffff,
+ bg-alt: #e1dfe8,
+ fg: #414f57,
+ fg-bold: #313f47,
+ fg-light: #616f77,
+ border: #c8cccf,
+ accent1: #ffa596,
+ accent2: #00e4ff,
+ highlight: #ff7496
+ );
\ No newline at end of file
diff --git a/identity/assets/sass/main.scss b/identity/assets/sass/main.scss
new file mode 100644
index 0000000..c399fcf
--- /dev/null
+++ b/identity/assets/sass/main.scss
@@ -0,0 +1,69 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300');
+
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 960px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)',
+ xxsmall: '(max-width: 360px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border'
+ ));
+
+ @mixin icon-alt($content: false, $link: false) {
+ @include icon($content);
+ $size: _size(border-width) * 1.25;
+
+ &:before {
+ color: _palette(bg);
+ text-shadow: $size 0px 0px _palette(border),
+ ($size * -1) 0px 0px _palette(border),
+ 0px $size 0px _palette(border),
+ 0px ($size * -1) 0px _palette(border);
+
+ }
+
+ @if $link {
+ &:hover {
+ &:before {
+ text-shadow: $size 0px 0px _palette(highlight),
+ ($size * -1) 0px 0px _palette(highlight),
+ 0px $size 0px _palette(highlight),
+ 0px ($size * -1) 0px _palette(highlight);
+ }
+ }
+ }
+ }
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/form';
+ @import 'components/icon';
+ @import 'components/list';
+ @import 'components/button';
+
+// Layout.
+
+ @import 'layout/main';
+ @import 'layout/footer';
+ @import 'layout/wrapper';
diff --git a/identity/assets/sass/noscript.scss b/identity/assets/sass/noscript.scss
new file mode 100644
index 0000000..af1d398
--- /dev/null
+++ b/identity/assets/sass/noscript.scss
@@ -0,0 +1,25 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Identity by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body {
+ &:after {
+ display: none;
+ }
+ }
+
+/* Main */
+
+ #main {
+ @include vendor('transform', 'none !important');
+ opacity: 1 !important;
+ }
\ No newline at end of file
diff --git a/identity/images/avatar.jpg b/identity/images/avatar.jpg
new file mode 100644
index 0000000..634b675
Binary files /dev/null and b/identity/images/avatar.jpg differ
diff --git a/identity/images/bg.jpg b/identity/images/bg.jpg
new file mode 100644
index 0000000..4f66a33
Binary files /dev/null and b/identity/images/bg.jpg differ
diff --git a/identity/index.html b/identity/index.html
new file mode 100644
index 0000000..218b5e4
--- /dev/null
+++ b/identity/index.html
@@ -0,0 +1,95 @@
+
+
+
+
+ Identity by HTML5 UP
+ HTML5 UP! Responsive HTML5 and CSS3 Site Templates
+
+
HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/LICENSE.txt b/landed/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/landed/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/landed/README.txt b/landed/README.txt
new file mode 100644
index 0000000..76219db
--- /dev/null
+++ b/landed/README.txt
@@ -0,0 +1,37 @@
+Landed by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+A dark, slick, modern, responsive, adjective-drenched design built around an extremely
+dynamic landing page (scroll that mofo!). Inspired by Big Picture, another design
+of mine with a similarish feel/flow, only this time I took it waaaaaay further and
+actually made it multipurpose (versus copping out and making it a one pager like I
+did last time ;) Includes multiple pages, a bunch of pre-styled elements, and all
+its Sass sources.
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = Not included)
+
+Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ CSS3 Pie (css3pie.com)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/landed/assets/css/font-awesome.min.css b/landed/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/landed/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/landed/assets/css/ie8.css b/landed/assets/css/ie8.css
new file mode 100644
index 0000000..4425b16
--- /dev/null
+++ b/landed/assets/css/ie8.css
@@ -0,0 +1,194 @@
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Basic */
+
+ body {
+ color: #ffffff;
+ }
+
+ body, html, #page-wrapper {
+ height: 100%;
+ }
+
+ blockquote {
+ border-left: solid 4px #606067;
+ }
+
+ code {
+ background: #32333b;
+ }
+
+ hr {
+ border-bottom: solid 1px #606067;
+ }
+
+/* Icon */
+
+ .icon.major {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+/* Image */
+
+ .image {
+ position: relative;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .image:before {
+ display: none;
+ }
+
+ .image img {
+ position: relative;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ position: relative;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"] {
+ line-height: 3em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ font-size: 3em;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ display: none;
+ }
+
+/* Table */
+
+ table tbody tr {
+ border: solid 1px #606067;
+ }
+
+ table thead {
+ border-bottom: solid 1px #606067;
+ }
+
+ table tfoot {
+ border-top: solid 1px #606067;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px #606067;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ border: solid 1px #ffffff !important;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ .button.special {
+ border: 0 !important;
+ }
+
+/* Goto Next */
+
+ .goto-next {
+ display: none;
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ height: 100%;
+ }
+
+ .spotlight .content {
+ background: #272833;
+ }
+
+/* Wrapper */
+
+ .wrapper.style2 input[type="text"]:focus,
+ .wrapper.style2 input[type="password"]:focus,
+ .wrapper.style2 input[type="email"]:focus,
+ .wrapper.style2 select:focus,
+ .wrapper.style2 textarea:focus {
+ border-color: #ffffff;
+ }
+
+ .wrapper.style2 input[type="submit"].special:hover, .wrapper.style2 input[type="submit"].special:active,
+ .wrapper.style2 input[type="reset"].special:hover,
+ .wrapper.style2 input[type="reset"].special:active,
+ .wrapper.style2 input[type="button"].special:hover,
+ .wrapper.style2 input[type="button"].special:active,
+ .wrapper.style2 .button.special:hover,
+ .wrapper.style2 .button.special:active {
+ color: #e44c65 !important;
+ }
+
+/* Dropotron */
+
+ .dropotron {
+ background: #272833;
+ box-shadow: none !important;
+ -ms-behavior: url("assets/js/ie/PIE.htc");
+ }
+
+ .dropotron > li a, .dropotron > li span {
+ color: #ffffff !important;
+ }
+
+ .dropotron.level-0 {
+ margin-top: 0;
+ }
+
+ .dropotron.level-0:before {
+ display: none;
+ }
+
+/* Header */
+
+ #header {
+ background: #272833;
+ }
+
+/* Banner */
+
+ #banner {
+ height: 100%;
+ }
+
+ #banner:before {
+ height: 100%;
+ }
+
+ #banner:after {
+ background-image: url("images/ie/banner-overlay.png");
+ }
\ No newline at end of file
diff --git a/landed/assets/css/ie9.css b/landed/assets/css/ie9.css
new file mode 100644
index 0000000..dcb2215
--- /dev/null
+++ b/landed/assets/css/ie9.css
@@ -0,0 +1,33 @@
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Loader */
+
+ body.landing:before, body.landing:after {
+ display: none !important;
+ }
+
+/* Icon */
+
+ .icon.alt {
+ color: inherit !important;
+ }
+
+ .icon.major.alt:before {
+ color: #ffffff !important;
+ }
+
+/* Banner */
+
+ #banner:after {
+ background-color: rgba(23, 24, 32, 0.95);
+ }
+
+/* Footer */
+
+ #footer .icons .icon.alt:before {
+ color: #ffffff !important;
+ }
\ No newline at end of file
diff --git a/landed/assets/css/images/arrow.svg b/landed/assets/css/images/arrow.svg
new file mode 100644
index 0000000..78f3ab3
--- /dev/null
+++ b/landed/assets/css/images/arrow.svg
@@ -0,0 +1,5 @@
+
+
+
\ No newline at end of file
diff --git a/landed/assets/css/images/ie/banner-overlay.png b/landed/assets/css/images/ie/banner-overlay.png
new file mode 100644
index 0000000..14d32bf
Binary files /dev/null and b/landed/assets/css/images/ie/banner-overlay.png differ
diff --git a/landed/assets/css/images/overlay.png b/landed/assets/css/images/overlay.png
new file mode 100644
index 0000000..ec3b66f
Binary files /dev/null and b/landed/assets/css/images/overlay.png differ
diff --git a/landed/assets/css/main.css b/landed/assets/css/main.css
new file mode 100644
index 0000000..1792890
--- /dev/null
+++ b/landed/assets/css/main.css
@@ -0,0 +1,4001 @@
+@import url("font-awesome.min.css");
+@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
+
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 87.5em;
+ min-width: 70em;
+ }
+
+ .container.\37 5\25 {
+ width: 52.5em;
+ }
+
+ .container.\35 0\25 {
+ width: 35em;
+ }
+
+ .container.\32 5\25 {
+ width: 17.5em;
+ }
+
+ .container {
+ width: 70em;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 87.5em;
+ min-width: 70em;
+ }
+
+ .container.\37 5\25 {
+ width: 52.5em;
+ }
+
+ .container.\35 0\25 {
+ width: 35em;
+ }
+
+ .container.\32 5\25 {
+ width: 17.5em;
+ }
+
+ .container {
+ width: 70em;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 112.5%;
+ min-width: 90%;
+ }
+
+ .container.\37 5\25 {
+ width: 67.5%;
+ }
+
+ .container.\35 0\25 {
+ width: 45%;
+ }
+
+ .container.\32 5\25 {
+ width: 22.5%;
+ }
+
+ .container {
+ width: 90%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .container.\31 25\25 {
+ width: 100%;
+ max-width: 125%;
+ min-width: 100%;
+ }
+
+ .container.\37 5\25 {
+ width: 75%;
+ }
+
+ .container.\35 0\25 {
+ width: 50%;
+ }
+
+ .container.\32 5\25 {
+ width: 25%;
+ }
+
+ .container {
+ width: 100% !important;
+ }
+
+ }
+
+/* Grid */
+
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ .row.\30 \25 > * {
+ padding: 0 0 0 0em;
+ }
+
+ .row.\30 \25 {
+ margin: 0 0 -1px 0em;
+ }
+
+ .row.uniform.\30 \25 > * {
+ padding: 0em 0 0 0em;
+ }
+
+ .row.uniform.\30 \25 {
+ margin: 0em 0 -1px 0em;
+ }
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u, .\31 2u\24 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u, .\31 1u\24 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u, .\31 0u\24 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u, .\39 u\24 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u, .\38 u\24 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u, .\37 u\24 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u, .\36 u\24 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u, .\35 u\24 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u, .\34 u\24 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u, .\33 u\24 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u, .\32 u\24 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u, .\31 u\24 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24 + *,
+ .\31 1u\24 + *,
+ .\31 0u\24 + *,
+ .\39 u\24 + *,
+ .\38 u\24 + *,
+ .\37 u\24 + *,
+ .\36 u\24 + *,
+ .\35 u\24 + *,
+ .\34 u\24 + *,
+ .\33 u\24 + *,
+ .\32 u\24 + *,
+ .\31 u\24 + * {
+ clear: left;
+ }
+
+ .\-11u {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u {
+ margin-left: 75%;
+ }
+
+ .\-8u {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u {
+ margin-left: 50%;
+ }
+
+ .\-5u {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u {
+ margin-left: 25%;
+ }
+
+ .\-2u {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u {
+ margin-left: 8.33333%;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xlarge\29 + *,
+ .\31 1u\24\28xlarge\29 + *,
+ .\31 0u\24\28xlarge\29 + *,
+ .\39 u\24\28xlarge\29 + *,
+ .\38 u\24\28xlarge\29 + *,
+ .\37 u\24\28xlarge\29 + *,
+ .\36 u\24\28xlarge\29 + *,
+ .\35 u\24\28xlarge\29 + *,
+ .\34 u\24\28xlarge\29 + *,
+ .\33 u\24\28xlarge\29 + *,
+ .\32 u\24\28xlarge\29 + *,
+ .\31 u\24\28xlarge\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xlarge\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xlarge\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xlarge\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xlarge\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xlarge\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xlarge\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xlarge\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xlarge\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xlarge\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xlarge\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xlarge\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u\28large\29, .\31 2u\24\28large\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28large\29, .\31 1u\24\28large\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28large\29, .\31 0u\24\28large\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28large\29, .\39 u\24\28large\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28large\29, .\38 u\24\28large\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28large\29, .\37 u\24\28large\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28large\29, .\36 u\24\28large\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28large\29, .\35 u\24\28large\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28large\29, .\34 u\24\28large\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28large\29, .\33 u\24\28large\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28large\29, .\32 u\24\28large\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28large\29, .\31 u\24\28large\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28large\29 + *,
+ .\31 1u\24\28large\29 + *,
+ .\31 0u\24\28large\29 + *,
+ .\39 u\24\28large\29 + *,
+ .\38 u\24\28large\29 + *,
+ .\37 u\24\28large\29 + *,
+ .\36 u\24\28large\29 + *,
+ .\35 u\24\28large\29 + *,
+ .\34 u\24\28large\29 + *,
+ .\33 u\24\28large\29 + *,
+ .\32 u\24\28large\29 + *,
+ .\31 u\24\28large\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28large\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28large\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28large\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28large\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28large\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28large\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28large\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28large\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28large\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28large\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28large\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u\28medium\29, .\31 2u\24\28medium\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28medium\29, .\31 1u\24\28medium\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28medium\29, .\31 0u\24\28medium\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28medium\29, .\39 u\24\28medium\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28medium\29, .\38 u\24\28medium\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28medium\29, .\37 u\24\28medium\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28medium\29, .\36 u\24\28medium\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28medium\29, .\35 u\24\28medium\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28medium\29, .\34 u\24\28medium\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28medium\29, .\33 u\24\28medium\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28medium\29, .\32 u\24\28medium\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28medium\29, .\31 u\24\28medium\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28medium\29 + *,
+ .\31 1u\24\28medium\29 + *,
+ .\31 0u\24\28medium\29 + *,
+ .\39 u\24\28medium\29 + *,
+ .\38 u\24\28medium\29 + *,
+ .\37 u\24\28medium\29 + *,
+ .\36 u\24\28medium\29 + *,
+ .\35 u\24\28medium\29 + *,
+ .\34 u\24\28medium\29 + *,
+ .\33 u\24\28medium\29 + *,
+ .\32 u\24\28medium\29 + *,
+ .\31 u\24\28medium\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28medium\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28medium\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28medium\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28medium\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28medium\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28medium\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28medium\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28medium\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28medium\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28medium\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28medium\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u\28small\29, .\31 2u\24\28small\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28small\29, .\31 1u\24\28small\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28small\29, .\31 0u\24\28small\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28small\29, .\39 u\24\28small\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28small\29, .\38 u\24\28small\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28small\29, .\37 u\24\28small\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28small\29, .\36 u\24\28small\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28small\29, .\35 u\24\28small\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28small\29, .\34 u\24\28small\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28small\29, .\33 u\24\28small\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28small\29, .\32 u\24\28small\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28small\29, .\31 u\24\28small\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28small\29 + *,
+ .\31 1u\24\28small\29 + *,
+ .\31 0u\24\28small\29 + *,
+ .\39 u\24\28small\29 + *,
+ .\38 u\24\28small\29 + *,
+ .\37 u\24\28small\29 + *,
+ .\36 u\24\28small\29 + *,
+ .\35 u\24\28small\29 + *,
+ .\34 u\24\28small\29 + *,
+ .\33 u\24\28small\29 + *,
+ .\32 u\24\28small\29 + *,
+ .\31 u\24\28small\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28small\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28small\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28small\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28small\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28small\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28small\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28small\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28small\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28small\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28small\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28small\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ .row > * {
+ padding: 0 0 0 2.5em;
+ }
+
+ .row {
+ margin: 0 0 -1px -2.5em;
+ }
+
+ .row.uniform > * {
+ padding: 2.5em 0 0 2.5em;
+ }
+
+ .row.uniform {
+ margin: -2.5em 0 -1px -2.5em;
+ }
+
+ .row.\32 00\25 > * {
+ padding: 0 0 0 5em;
+ }
+
+ .row.\32 00\25 {
+ margin: 0 0 -1px -5em;
+ }
+
+ .row.uniform.\32 00\25 > * {
+ padding: 5em 0 0 5em;
+ }
+
+ .row.uniform.\32 00\25 {
+ margin: -5em 0 -1px -5em;
+ }
+
+ .row.\31 50\25 > * {
+ padding: 0 0 0 3.75em;
+ }
+
+ .row.\31 50\25 {
+ margin: 0 0 -1px -3.75em;
+ }
+
+ .row.uniform.\31 50\25 > * {
+ padding: 3.75em 0 0 3.75em;
+ }
+
+ .row.uniform.\31 50\25 {
+ margin: -3.75em 0 -1px -3.75em;
+ }
+
+ .row.\35 0\25 > * {
+ padding: 0 0 0 1.25em;
+ }
+
+ .row.\35 0\25 {
+ margin: 0 0 -1px -1.25em;
+ }
+
+ .row.uniform.\35 0\25 > * {
+ padding: 1.25em 0 0 1.25em;
+ }
+
+ .row.uniform.\35 0\25 {
+ margin: -1.25em 0 -1px -1.25em;
+ }
+
+ .row.\32 5\25 > * {
+ padding: 0 0 0 0.625em;
+ }
+
+ .row.\32 5\25 {
+ margin: 0 0 -1px -0.625em;
+ }
+
+ .row.uniform.\32 5\25 > * {
+ padding: 0.625em 0 0 0.625em;
+ }
+
+ .row.uniform.\32 5\25 {
+ margin: -0.625em 0 -1px -0.625em;
+ }
+
+ .\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
+ width: 100%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
+ width: 91.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
+ width: 83.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
+ width: 75%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
+ width: 66.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
+ width: 58.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
+ width: 50%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
+ width: 41.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
+ width: 33.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
+ width: 25%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
+ width: 16.6666666667%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
+ width: 8.3333333333%;
+ clear: none;
+ margin-left: 0;
+ }
+
+ .\31 2u\24\28xsmall\29 + *,
+ .\31 1u\24\28xsmall\29 + *,
+ .\31 0u\24\28xsmall\29 + *,
+ .\39 u\24\28xsmall\29 + *,
+ .\38 u\24\28xsmall\29 + *,
+ .\37 u\24\28xsmall\29 + *,
+ .\36 u\24\28xsmall\29 + *,
+ .\35 u\24\28xsmall\29 + *,
+ .\34 u\24\28xsmall\29 + *,
+ .\33 u\24\28xsmall\29 + *,
+ .\32 u\24\28xsmall\29 + *,
+ .\31 u\24\28xsmall\29 + * {
+ clear: left;
+ }
+
+ .\-11u\28xsmall\29 {
+ margin-left: 91.66667%;
+ }
+
+ .\-10u\28xsmall\29 {
+ margin-left: 83.33333%;
+ }
+
+ .\-9u\28xsmall\29 {
+ margin-left: 75%;
+ }
+
+ .\-8u\28xsmall\29 {
+ margin-left: 66.66667%;
+ }
+
+ .\-7u\28xsmall\29 {
+ margin-left: 58.33333%;
+ }
+
+ .\-6u\28xsmall\29 {
+ margin-left: 50%;
+ }
+
+ .\-5u\28xsmall\29 {
+ margin-left: 41.66667%;
+ }
+
+ .\-4u\28xsmall\29 {
+ margin-left: 33.33333%;
+ }
+
+ .\-3u\28xsmall\29 {
+ margin-left: 25%;
+ }
+
+ .\-2u\28xsmall\29 {
+ margin-left: 16.66667%;
+ }
+
+ .\-1u\28xsmall\29 {
+ margin-left: 8.33333%;
+ }
+
+ }
+
+/* Basic */
+
+ html, body {
+ background: #1c1d26;
+ }
+
+ body.is-loading *, body.is-loading *:before, body.is-loading *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+ body, input, select, textarea {
+ color: rgba(255, 255, 255, 0.75);
+ font-family: "Roboto", Helvetica, sans-serif;
+ font-size: 15pt;
+ font-weight: 100;
+ line-height: 1.75em;
+ }
+
+ a {
+ -moz-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -webkit-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ -ms-transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
+ border-bottom: dotted 1px;
+ color: #e44c65;
+ text-decoration: none;
+ }
+
+ a:hover {
+ color: #e44c65 !important;
+ border-bottom-color: transparent;
+ }
+
+ strong, b {
+ color: #ffffff;
+ font-weight: 300;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 2em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: #ffffff;
+ font-weight: 300;
+ line-height: 1em;
+ margin: 0 0 1em 0;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ border: 0;
+ }
+
+ h2 {
+ font-size: 2em;
+ line-height: 1.5em;
+ letter-spacing: -0.025em;
+ }
+
+ h3 {
+ font-size: 1.35em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px rgba(255, 255, 255, 0.3);
+ margin: 3em 0;
+ }
+
+ hr.major {
+ margin: 4em 0;
+ }
+
+ blockquote {
+ border-left: solid 4px rgba(255, 255, 255, 0.3);
+ font-style: italic;
+ margin: 0 0 2em 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ background: rgba(255, 255, 255, 0.075);
+ border-radius: 4px;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 2em 0;
+ }
+
+ pre code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Loader */
+
+ @-moz-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-webkit-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-ms-keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @keyframes spinner-show {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+ }
+
+ @-moz-keyframes spinner-hide {
+ 0% {
+ color: rgba(255, 255, 255, 0.15);
+ z-index: 100001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #1c1d26;
+ z-index: 100001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #1c1d26;
+ z-index: -1;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes spinner-hide {
+ 0% {
+ color: rgba(255, 255, 255, 0.15);
+ z-index: 100001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #1c1d26;
+ z-index: 100001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #1c1d26;
+ z-index: -1;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes spinner-hide {
+ 0% {
+ color: rgba(255, 255, 255, 0.15);
+ z-index: 100001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #1c1d26;
+ z-index: 100001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #1c1d26;
+ z-index: -1;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+ }
+
+ @keyframes spinner-hide {
+ 0% {
+ color: rgba(255, 255, 255, 0.15);
+ z-index: 100001;
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 99% {
+ color: #1c1d26;
+ z-index: 100001;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+
+ 100% {
+ color: #1c1d26;
+ z-index: -1;
+ -moz-transform: scale(0.5) rotate(360deg);
+ -webkit-transform: scale(0.5) rotate(360deg);
+ -ms-transform: scale(0.5) rotate(360deg);
+ transform: scale(0.5) rotate(360deg);
+ }
+ }
+
+ @-moz-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @keyframes spinner-rotate {
+ 0% {
+ -moz-transform: scale(1) rotate(0deg);
+ -webkit-transform: scale(1) rotate(0deg);
+ -ms-transform: scale(1) rotate(0deg);
+ transform: scale(1) rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: scale(1) rotate(360deg);
+ -webkit-transform: scale(1) rotate(360deg);
+ -ms-transform: scale(1) rotate(360deg);
+ transform: scale(1) rotate(360deg);
+ }
+ }
+
+ @-moz-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 100000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @-webkit-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 100000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @-ms-keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 100000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ @keyframes overlay-hide {
+ 0% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 15% {
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ 99% {
+ opacity: 0;
+ z-index: 100000;
+ }
+
+ 100% {
+ opacity: 0;
+ z-index: -1;
+ }
+ }
+
+ body.landing {
+ text-decoration: none;
+ }
+
+ body.landing:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ body.landing:before {
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
+ -moz-transform-origin: 50% 50%;
+ -webkit-transform-origin: 50% 50%;
+ -ms-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ color: rgba(255, 255, 255, 0.15);
+ content: '\f1ce';
+ cursor: default;
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 50%;
+ line-height: 2em;
+ margin: -1em 0 0 -1em;
+ opacity: 0;
+ position: fixed;
+ text-align: center;
+ top: 50%;
+ width: 2em;
+ z-index: -1;
+ }
+
+ body.landing:after {
+ -moz-animation: overlay-hide 1.5s ease-in forwards !important;
+ -webkit-animation: overlay-hide 1.5s ease-in forwards !important;
+ -ms-animation: overlay-hide 1.5s ease-in forwards !important;
+ animation: overlay-hide 1.5s ease-in forwards !important;
+ background: #1c1d26;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ body.landing.is-loading:before {
+ -moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ -webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ -ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
+ z-index: 100001;
+ }
+
+ body.landing.is-loading:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ opacity: 1;
+ z-index: 100000;
+ }
+
+ @media (-webkit-min-device-pixel-ratio: 2) {
+
+ body.landing:before {
+ line-height: 2.025em;
+ }
+
+ }
+
+/* Section/Article */
+
+ section.special, article.special {
+ text-align: center;
+ }
+
+ header p {
+ color: #ffffff;
+ position: relative;
+ margin: 0 0 1.5em 0;
+ }
+
+ header h2 + p {
+ font-size: 1.25em;
+ margin-top: -1em;
+ line-height: 1.75em;
+ }
+
+ header h3 + p {
+ font-size: 1.1em;
+ margin-top: -0.8em;
+ line-height: 1.75em;
+ }
+
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.9em;
+ margin-top: -0.6em;
+ line-height: 1.5em;
+ }
+
+ header.major {
+ margin: 0 0 4em 0;
+ position: relative;
+ text-align: center;
+ }
+
+ header.major:after {
+ background: #e44c65;
+ content: '';
+ display: inline-block;
+ height: 0.2em;
+ max-width: 20em;
+ width: 75%;
+ }
+
+ footer.major {
+ margin: 4em 0 0 0;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 2em 0;
+ }
+
+ label {
+ color: #ffffff;
+ display: block;
+ font-size: 0.9em;
+ font-weight: 300;
+ margin: 0 0 1em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: border-color 0.2s ease-in-out;
+ -webkit-transition: border-color 0.2s ease-in-out;
+ -ms-transition: border-color 0.2s ease-in-out;
+ transition: border-color 0.2s ease-in-out;
+ background: transparent;
+ border-radius: 4px;
+ border: solid 1px rgba(255, 255, 255, 0.3);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #e44c65;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: rgba(255, 255, 255, 0.3);
+ content: '\f078';
+ display: block;
+ height: 3em;
+ line-height: 3em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 3em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 3em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ select option {
+ background-color: #1c1d26;
+ color: #ffffff;
+ }
+
+ select:focus::-ms-value {
+ background: transparent;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: rgba(255, 255, 255, 0.75);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 100;
+ padding-left: 2.55em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ border-radius: 4px;
+ border: solid 1px rgba(255, 255, 255, 0.3);
+ content: '';
+ display: inline-block;
+ height: 1.8em;
+ left: 0;
+ line-height: 1.725em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.8em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background: rgba(255, 255, 255, 0.25);
+ color: #ffffff;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #e44c65;
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 4px;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: rgba(255, 255, 255, 0.5) !important;
+ opacity: 1.0;
+ }
+
+/* Box */
+
+ .box {
+ border-radius: 4px;
+ border: solid 1px rgba(255, 255, 255, 0.3);
+ margin-bottom: 2em;
+ padding: 1.5em;
+ }
+
+ .box > :last-child,
+ .box > :last-child > :last-child,
+ .box > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ .box.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+ .icon.alt {
+ text-decoration: none;
+ }
+
+ .icon.alt:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon.alt:before {
+ color: #1c1d26 !important;
+ text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
+ }
+
+ .icon.major {
+ background: #272833;
+ border-radius: 100%;
+ cursor: default;
+ display: inline-block;
+ height: 6em;
+ line-height: 6em;
+ margin: 0 0 2em 0;
+ text-align: center;
+ width: 6em;
+ }
+
+ .icon.major:before {
+ font-size: 2.25em;
+ }
+
+ .icon.major.alt {
+ text-decoration: none;
+ }
+
+ .icon.major.alt:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon.major.alt:before {
+ color: #272833 !important;
+ text-shadow: 1px 0 0 #ffffff, -1px 0 0 #ffffff, 0 1px 0 #ffffff, 0 -1px 0 #ffffff;
+ }
+
+/* Image */
+
+ .image {
+ border-radius: 4px;
+ border: 0;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+ }
+
+ .image:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ background-image: url("images/overlay.png");
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ }
+
+ .image img {
+ border-radius: 4px;
+ display: block;
+ }
+
+ .image.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ .image.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ .image.left, .image.right {
+ max-width: 40%;
+ }
+
+ .image.left img, .image.right img {
+ width: 100%;
+ }
+
+ .image.fit {
+ display: block;
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ .image.fit img {
+ width: 100%;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 2em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 2em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ height: 2.5em;
+ line-height: 2.5em;
+ padding: 0 0.5em;
+ }
+
+ ul.icons li .icon {
+ font-size: 0.8em;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 2em;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.5em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 1em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -1em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 1em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 1em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.5em;
+ width: calc(100% + 0.5em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.5em;
+ }
+
+ dl {
+ margin: 0 0 2em 0;
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 2em 0;
+ width: 100%;
+ }
+
+ table tbody tr {
+ border: solid 1px rgba(255, 255, 255, 0.3);
+ border-left: 0;
+ border-right: 0;
+ }
+
+ table tbody tr:nth-child(2n + 1) {
+ background-color: rgba(255, 255, 255, 0.075);
+ }
+
+ table td {
+ padding: 0.75em 0.75em;
+ }
+
+ table th {
+ color: #ffffff;
+ font-size: 0.9em;
+ font-weight: 300;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ table thead {
+ border-bottom: solid 1px rgba(255, 255, 255, 0.3);
+ }
+
+ table tfoot {
+ border-top: solid 1px rgba(255, 255, 255, 0.3);
+ }
+
+ table.alt {
+ border-collapse: separate;
+ }
+
+ table.alt tbody tr td {
+ border: solid 1px rgba(255, 255, 255, 0.3);
+ border-left-width: 0;
+ border-top-width: 0;
+ }
+
+ table.alt tbody tr td:first-child {
+ border-left-width: 1px;
+ }
+
+ table.alt tbody tr:first-child td {
+ border-top-width: 1px;
+ }
+
+ table.alt thead {
+ border-bottom: 0;
+ }
+
+ table.alt tfoot {
+ border-top: 0;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+ background-color: transparent;
+ border-radius: 4px;
+ border: 0;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
+ color: #ffffff !important;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: 300;
+ height: 3em;
+ line-height: 3em;
+ padding: 0 2.25em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover, input[type="submit"]:active,
+ input[type="reset"]:hover,
+ input[type="reset"]:active,
+ input[type="button"]:hover,
+ input[type="button"]:active,
+ .button:hover,
+ .button:active {
+ box-shadow: inset 0 0 0 1px #e44c65;
+ color: #e44c65 !important;
+ }
+
+ input[type="submit"]:active,
+ input[type="reset"]:active,
+ input[type="button"]:active,
+ .button:active {
+ background-color: rgba(228, 76, 101, 0.15);
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ .button.icon:before {
+ margin-right: 0.5em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 1em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ .button.small {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ .button.big {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].special,
+ input[type="reset"].special,
+ input[type="button"].special,
+ .button.special {
+ background-color: #e44c65;
+ box-shadow: none;
+ color: #ffffff !important;
+ }
+
+ input[type="submit"].special:hover,
+ input[type="reset"].special:hover,
+ input[type="button"].special:hover,
+ .button.special:hover {
+ background-color: #e76278;
+ }
+
+ input[type="submit"].special:active,
+ input[type="reset"].special:active,
+ input[type="button"].special:active,
+ .button.special:active {
+ background-color: #e13652;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ .button.disabled,
+ .button:disabled {
+ background-color: rgba(255, 255, 255, 0.3) !important;
+ box-shadow: none !important;
+ color: #ffffff !important;
+ cursor: default;
+ opacity: 0.25;
+ }
+
+/* Goto Next */
+
+ .goto-next {
+ border: 0;
+ bottom: 0;
+ display: block;
+ height: 5em;
+ left: 50%;
+ margin: 0 0 0 -5em;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 10em;
+ white-space: nowrap;
+ width: 10em;
+ z-index: 1;
+ }
+
+ .goto-next:before {
+ background-image: url("images/arrow.svg");
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ content: '';
+ display: block;
+ height: 1.5em;
+ left: 50%;
+ margin: -0.75em 0 0 -1em;
+ position: absolute;
+ top: 50%;
+ width: 2em;
+ z-index: 1;
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ background-attachment: fixed;
+ background-position: center center;
+ background-size: cover;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
+ height: 100vh;
+ overflow: hidden;
+ position: relative;
+ }
+
+ .spotlight:nth-last-of-type(1) {
+ z-index: 1;
+ }
+
+ .spotlight:nth-last-of-type(2) {
+ z-index: 2;
+ }
+
+ .spotlight:nth-last-of-type(3) {
+ z-index: 3;
+ }
+
+ .spotlight:nth-last-of-type(4) {
+ z-index: 4;
+ }
+
+ .spotlight:nth-last-of-type(5) {
+ z-index: 5;
+ }
+
+ .spotlight:nth-last-of-type(6) {
+ z-index: 6;
+ }
+
+ .spotlight:nth-last-of-type(7) {
+ z-index: 7;
+ }
+
+ .spotlight:nth-last-of-type(8) {
+ z-index: 8;
+ }
+
+ .spotlight:nth-last-of-type(9) {
+ z-index: 9;
+ }
+
+ .spotlight:nth-last-of-type(10) {
+ z-index: 10;
+ }
+
+ .spotlight:nth-last-of-type(11) {
+ z-index: 11;
+ }
+
+ .spotlight:nth-last-of-type(12) {
+ z-index: 12;
+ }
+
+ .spotlight:nth-last-of-type(13) {
+ z-index: 13;
+ }
+
+ .spotlight:nth-last-of-type(14) {
+ z-index: 14;
+ }
+
+ .spotlight:nth-last-of-type(15) {
+ z-index: 15;
+ }
+
+ .spotlight:nth-last-of-type(16) {
+ z-index: 16;
+ }
+
+ .spotlight:nth-last-of-type(17) {
+ z-index: 17;
+ }
+
+ .spotlight:nth-last-of-type(18) {
+ z-index: 18;
+ }
+
+ .spotlight:nth-last-of-type(19) {
+ z-index: 19;
+ }
+
+ .spotlight:nth-last-of-type(20) {
+ z-index: 20;
+ }
+
+ .spotlight:before {
+ background-image: url("images/overlay.png");
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ top: 0;
+ width: 100%;
+ }
+
+ .spotlight .image.main {
+ display: none;
+ }
+
+ .spotlight .image.main img {
+ position: relative;
+ }
+
+ .spotlight .content {
+ -moz-transform: translate(0,0);
+ -webkit-transform: translate(0,0);
+ -ms-transform: translate(0,0);
+ transform: translate(0,0);
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
+ transition: transform 1s ease, opacity 1s ease;
+ background: rgba(23, 24, 32, 0.95);
+ border-style: solid;
+ opacity: 1;
+ position: absolute;
+ }
+
+ .spotlight .goto-next {
+ -moz-transform: translate(0,0);
+ -webkit-transform: translate(0,0);
+ -ms-transform: translate(0,0);
+ transform: translate(0,0);
+ -moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
+ -webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
+ -ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
+ transition: transform 0.75s ease, opacity 1s ease-in;
+ -moz-transition-delay: 0.5s;
+ -webkit-transition-delay: 0.5s;
+ -ms-transition-delay: 0.5s;
+ transition-delay: 0.5s;
+ opacity: 1;
+ }
+
+ .spotlight.top .content, .spotlight.bottom .content {
+ left: 0;
+ padding: 5.1em 0 3.1em 0;
+ width: 100%;
+ }
+
+ .spotlight.top .content {
+ border-bottom-width: 0.35em;
+ top: 0;
+ }
+
+ .spotlight.bottom .content {
+ border-top-width: 0.35em;
+ bottom: 0;
+ }
+
+ .spotlight.left .content, .spotlight.right .content {
+ height: 101%;
+ padding: 6em 3em;
+ top: 0;
+ width: 28em;
+ }
+
+ .spotlight.left .content {
+ border-right-width: 0.35em;
+ left: 0;
+ }
+
+ .spotlight.right .content {
+ border-left-width: 0.35em;
+ right: 0;
+ }
+
+ .spotlight.style1 .content {
+ border-color: #e44c65;
+ }
+
+ .spotlight.style2 .content {
+ border-color: #5480f1;
+ }
+
+ .spotlight.style3 .content {
+ border-color: #39c088;
+ }
+
+ .spotlight.inactive .content {
+ opacity: 0;
+ }
+
+ .spotlight.inactive .goto-next {
+ -moz-transform: translate(0,1.5em);
+ -webkit-transform: translate(0,1.5em);
+ -ms-transform: translate(0,1.5em);
+ transform: translate(0,1.5em);
+ opacity: 0;
+ }
+
+ .spotlight.inactive.top .content {
+ -moz-transform: translate(0,-5em);
+ -webkit-transform: translate(0,-5em);
+ -ms-transform: translate(0,-5em);
+ transform: translate(0,-5em);
+ }
+
+ .spotlight.inactive.bottom .content {
+ -moz-transform: translate(0,5em);
+ -webkit-transform: translate(0,5em);
+ -ms-transform: translate(0,5em);
+ transform: translate(0,5em);
+ }
+
+ .spotlight.inactive.left .content {
+ -moz-transform: translate(-5em,0);
+ -webkit-transform: translate(-5em,0);
+ -ms-transform: translate(-5em,0);
+ transform: translate(-5em,0);
+ }
+
+ .spotlight.inactive.right .content {
+ -moz-transform: translate(5em,0);
+ -webkit-transform: translate(5em,0);
+ -ms-transform: translate(5em,0);
+ transform: translate(5em,0);
+ }
+
+ body.is-touch .spotlight {
+ background-attachment: scroll;
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ padding: 6em 0 4em 0;
+ }
+
+ .wrapper.style2 {
+ background: #e44c65;
+ }
+
+ .wrapper.style2 input[type="text"]:focus,
+ .wrapper.style2 input[type="password"]:focus,
+ .wrapper.style2 input[type="email"]:focus,
+ .wrapper.style2 select:focus,
+ .wrapper.style2 textarea:focus {
+ border-color: rgba(255, 255, 255, 0.5);
+ }
+
+ .wrapper.style2 input[type="submit"]:hover, .wrapper.style2 input[type="submit"]:active,
+ .wrapper.style2 input[type="reset"]:hover,
+ .wrapper.style2 input[type="reset"]:active,
+ .wrapper.style2 input[type="button"]:hover,
+ .wrapper.style2 input[type="button"]:active,
+ .wrapper.style2 .button:hover,
+ .wrapper.style2 .button:active {
+ background-color: rgba(255, 255, 255, 0.075) !important;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
+ color: #ffffff !important;
+ }
+
+ .wrapper.style2 input[type="submit"]:active,
+ .wrapper.style2 input[type="reset"]:active,
+ .wrapper.style2 input[type="button"]:active,
+ .wrapper.style2 .button:active {
+ background-color: rgba(255, 255, 255, 0.25) !important;
+ }
+
+ .wrapper.style2 input[type="submit"].special,
+ .wrapper.style2 input[type="reset"].special,
+ .wrapper.style2 input[type="button"].special,
+ .wrapper.style2 .button.special {
+ background-color: #ffffff;
+ color: #e44c65 !important;
+ }
+
+ .wrapper.style2 input[type="submit"].special:hover, .wrapper.style2 input[type="submit"].special:active,
+ .wrapper.style2 input[type="reset"].special:hover,
+ .wrapper.style2 input[type="reset"].special:active,
+ .wrapper.style2 input[type="button"].special:hover,
+ .wrapper.style2 input[type="button"].special:active,
+ .wrapper.style2 .button.special:hover,
+ .wrapper.style2 .button.special:active {
+ background-color: rgba(255, 255, 255, 0.075) !important;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
+ color: #ffffff !important;
+ }
+
+ .wrapper.style2 input[type="submit"].special:active,
+ .wrapper.style2 input[type="reset"].special:active,
+ .wrapper.style2 input[type="button"].special:active,
+ .wrapper.style2 .button.special:active {
+ background-color: rgba(255, 255, 255, 0.25) !important;
+ }
+
+ .wrapper.fade-down > .container {
+ -moz-transform: translate(0,0);
+ -webkit-transform: translate(0,0);
+ -ms-transform: translate(0,0);
+ transform: translate(0,0);
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
+ transition: transform 1s ease, opacity 1s ease;
+ opacity: 1;
+ }
+
+ .wrapper.fade-down.inactive > .container {
+ -moz-transform: translate(0,-1em);
+ -webkit-transform: translate(0,-1em);
+ -ms-transform: translate(0,-1em);
+ transform: translate(0,-1em);
+ opacity: 0;
+ }
+
+ .wrapper.fade-up > .container {
+ -moz-transform: translate(0,0);
+ -webkit-transform: translate(0,0);
+ -ms-transform: translate(0,0);
+ transform: translate(0,0);
+ -moz-transition: -moz-transform 1s ease, opacity 1s ease;
+ -webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
+ -ms-transition: -ms-transform 1s ease, opacity 1s ease;
+ transition: transform 1s ease, opacity 1s ease;
+ opacity: 1;
+ }
+
+ .wrapper.fade-up.inactive > .container {
+ -moz-transform: translate(0,1em);
+ -webkit-transform: translate(0,1em);
+ -ms-transform: translate(0,1em);
+ transform: translate(0,1em);
+ opacity: 0;
+ }
+
+ .wrapper.fade > .container {
+ -moz-transition: opacity 1s ease;
+ -webkit-transition: opacity 1s ease;
+ -ms-transition: opacity 1s ease;
+ transition: opacity 1s ease;
+ opacity: 1;
+ }
+
+ .wrapper.fade.inactive > .container {
+ opacity: 0;
+ }
+
+/* Dropotron */
+
+ .dropotron {
+ background: rgba(39, 40, 51, 0.965);
+ border-radius: 4px;
+ box-shadow: 0 0.075em 0.35em 0 rgba(0, 0, 0, 0.125);
+ list-style: none;
+ margin-top: calc(-0.25em + 1px);
+ min-width: 12em;
+ padding: 0.25em 0;
+ }
+
+ .dropotron > li {
+ border-top: solid 1px rgba(255, 255, 255, 0.035);
+ padding: 0;
+ }
+
+ .dropotron > li a, .dropotron > li span {
+ border: 0;
+ color: rgba(255, 255, 255, 0.75);
+ display: block;
+ padding: 0.1em 1em;
+ text-decoration: none;
+ }
+
+ .dropotron > li:first-child {
+ border-top: 0;
+ }
+
+ .dropotron > li.active > a, .dropotron > li.active > span {
+ color: #e44c65;
+ }
+
+ .dropotron.level-0 {
+ font-size: 0.8em;
+ margin-top: 1em;
+ }
+
+ .dropotron.level-0:before {
+ -moz-transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+ background: #272833;
+ content: '';
+ display: block;
+ height: 1em;
+ position: absolute;
+ right: 1.5em;
+ top: -0.5em;
+ width: 1em;
+ }
+
+ body.landing .dropotron.level-0 {
+ margin-top: 0;
+ }
+
+/* Header */
+
+ #page-wrapper {
+ padding-top: 3.5em;
+ }
+
+ #header {
+ background: rgba(39, 40, 51, 0.965);
+ box-shadow: 0 0 0.25em 0 rgba(0, 0, 0, 0.25);
+ cursor: default;
+ height: 3.5em;
+ left: 0;
+ line-height: 3.5em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ }
+
+ #header h1 {
+ height: inherit;
+ left: 1.25em;
+ line-height: inherit;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ }
+
+ #header nav {
+ position: absolute;
+ right: 1em;
+ top: 0;
+ }
+
+ #header nav ul {
+ margin: 0;
+ }
+
+ #header nav ul li {
+ display: inline-block;
+ margin-left: 1em;
+ }
+
+ #header nav ul li a, #header nav ul li span {
+ border: 0;
+ color: inherit;
+ display: inline-block;
+ height: inherit;
+ line-height: inherit;
+ outline: 0;
+ }
+
+ #header nav ul li a.button, #header nav ul li span.button {
+ height: 2em;
+ line-height: 2em;
+ padding: 0 1.25em;
+ }
+
+ #header nav ul li a:not(.button):before, #header nav ul li span:not(.button):before {
+ margin-right: 0.5em;
+ }
+
+ #header nav ul li.active > a, #header nav ul li.active > span {
+ color: #e44c65;
+ }
+
+ #header nav ul li > ul {
+ display: none;
+ }
+
+ body.landing #page-wrapper {
+ padding-top: 0;
+ }
+
+ body.landing #header {
+ background: transparent;
+ box-shadow: none;
+ position: absolute;
+ }
+
+/* Banner */
+
+ #banner {
+ background-attachment: fixed;
+ background-color: #272833;
+ background-image: url("../../images/banner.jpg");
+ background-position: center center;
+ background-size: cover;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
+ min-height: 100vh;
+ position: relative;
+ text-align: center;
+ z-index: 21;
+ }
+
+ #banner:before {
+ content: '';
+ display: inline-block;
+ height: 100vh;
+ vertical-align: middle;
+ width: 1%;
+ }
+
+ #banner:after {
+ background-image: -moz-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
+ background-image: -webkit-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
+ background-image: -ms-linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
+ background-image: linear-gradient(top, rgba(23, 24, 32, 0.95), rgba(23, 24, 32, 0.95)), url("images/overlay.png");;
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ #banner .content {
+ display: inline-block;
+ margin-right: 1%;
+ max-width: 95%;
+ padding: 6em;
+ position: relative;
+ text-align: right;
+ vertical-align: middle;
+ z-index: 1;
+ }
+
+ #banner .content header {
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ #banner .content header h2 {
+ font-size: 2.5em;
+ margin: 0;
+ }
+
+ #banner .content header p {
+ margin: 0.5em 0 0 0;
+ top: 0;
+ }
+
+ #banner .content .image {
+ border-radius: 100%;
+ display: inline-block;
+ height: 18em;
+ margin-left: 3em;
+ vertical-align: middle;
+ width: 18em;
+ }
+
+ #banner .content .image img {
+ border-radius: 100%;
+ display: block;
+ width: 100%;
+ }
+
+ body.is-touch #banner {
+ background-attachment: scroll;
+ }
+
+/* Footer */
+
+ #footer {
+ background: #272833;
+ padding: 6em 0;
+ text-align: center;
+ }
+
+ #footer .icons .icon.alt {
+ text-decoration: none;
+ }
+
+ #footer .icons .icon.alt:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ #footer .icons .icon.alt:before {
+ color: #272833 !important;
+ text-shadow: 1px 0 0 rgba(255, 255, 255, 0.5), -1px 0 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(255, 255, 255, 0.5);
+ }
+
+ #footer .copyright {
+ color: rgba(255, 255, 255, 0.5);
+ font-size: 0.8em;
+ line-height: 1em;
+ margin: 2em 0 0 0;
+ padding: 0;
+ text-align: center;
+ }
+
+ #footer .copyright li {
+ border-left: solid 1px rgba(255, 255, 255, 0.3);
+ display: inline-block;
+ list-style: none;
+ margin-left: 1.5em;
+ padding-left: 1.5em;
+ }
+
+ #footer .copyright li:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ #footer .copyright li a {
+ color: inherit;
+ }
+
+/* XLarge */
+
+ @media screen and (max-width: 1680px) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 13pt;
+ }
+
+ }
+
+/* Large */
+
+ @media screen and (max-width: 1280px) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 11.5pt;
+ }
+
+ /* Spotlight */
+
+ .spotlight.top .content {
+ padding: 3.825em 0 1.825em 0;
+ }
+
+ .spotlight.bottom .content {
+ padding: 3.825em 0 2.95em 0;
+ }
+
+ .spotlight.left .content, .spotlight.right .content {
+ padding: 4.5em 2.5em;
+ width: 25em;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 4.5em 0 2.5em 0;
+ }
+
+ /* Dropotron */
+
+ .dropotron.level-0 {
+ font-size: 1em;
+ }
+
+ /* Banner */
+
+ #banner .content {
+ padding: 4.5em;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 4.5em 0;
+ }
+
+ }
+
+/* Medium */
+
+ @media screen and (max-width: 980px) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ background-attachment: scroll;
+ height: auto;
+ }
+
+ .spotlight .image.main {
+ display: block;
+ margin: 0;
+ max-height: 40vh;
+ overflow: hidden;
+ }
+
+ .spotlight .content {
+ background-color: #1c1d26;
+ border-width: 0 !important;
+ border-top-width: 0.35em !important;
+ bottom: auto !important;
+ left: auto !important;
+ padding: 4.5em 2.5em 2.5em 2.5em !important;
+ position: relative;
+ right: auto !important;
+ text-align: center;
+ top: auto !important;
+ width: 100% !important;
+ }
+
+ .spotlight .goto-next {
+ display: none;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 4.5em 2.5em 2.5em 2.5em;
+ }
+
+ /* Banner */
+
+ #banner {
+ background-attachment: scroll;
+ }
+
+ #banner .goto-next {
+ height: 7em;
+ }
+
+ #banner .content {
+ padding: 9em 0;
+ text-align: center;
+ }
+
+ #banner .content header {
+ display: block;
+ margin: 0 0 2em 0;
+ text-align: center;
+ }
+
+ #banner .content .image {
+ margin: 0;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 4.5em 0;
+ }
+
+ }
+
+/* Small */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @media screen and (max-width: 736px) {
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.2em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ /* Section/Article */
+
+ header p br {
+ display: none;
+ }
+
+ header h2 + p {
+ font-size: 1em;
+ }
+
+ header h3 + p {
+ font-size: 1em;
+ }
+
+ header h4 + p,
+ header h5 + p,
+ header h6 + p {
+ font-size: 0.9em;
+ }
+
+ header.major {
+ margin: 0 0 2em 0;
+ }
+
+ /* Goto Next */
+
+ .goto-next:before {
+ height: 0.8em;
+ margin: -0.4em 0 0 -0.6em;
+ width: 1.2em;
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
+ }
+
+ .spotlight .image.main {
+ max-height: 60vh;
+ }
+
+ .spotlight .content {
+ border-top-width: 0.2em !important;
+ padding: 3.25em 1.5em 1.25em 1.5em !important;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 3.25em 1.5em 1.25em 1.5em;
+ }
+
+ /* Header */
+
+ #header {
+ display: none;
+ }
+
+ /* Banner */
+
+ #banner {
+ box-shadow: 0 0.125em 0.5em 0 rgba(0, 0, 0, 0.25);
+ min-height: calc(100vh - 44px);
+ }
+
+ #banner:before {
+ height: calc(100vh - 44px);
+ }
+
+ #banner .content {
+ padding: 4.0625em 1.5em 4.875em 1.5em;
+ }
+
+ #banner .content header h2 {
+ font-size: 1.5em;
+ }
+
+ #banner .content .image {
+ height: 9em;
+ width: 9em;
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ padding-bottom: 1px;
+ padding-top: 44px !important;
+ }
+
+ #titleBar {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 10001;
+ background: #272833;
+ box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
+ }
+
+ #titleBar .title {
+ color: #ffffff;
+ display: block;
+ font-weight: 300;
+ height: 44px;
+ line-height: 44px;
+ text-align: center;
+ }
+
+ #titleBar .title a {
+ color: inherit;
+ border: 0;
+ }
+
+ #titleBar .toggle {
+ text-decoration: none;
+ height: 60px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 90px;
+ outline: 0;
+ border: 0;
+ }
+
+ #titleBar .toggle:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ #titleBar .toggle:before {
+ background: #e44c65;
+ color: rgba(255, 255, 255, 0.5);
+ content: '\f0c9';
+ display: block;
+ font-size: 18px;
+ height: 44px;
+ left: 0;
+ line-height: 44px;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 54px;
+ }
+
+ #navPanel {
+ -moz-backface-visibility: hidden;
+ -webkit-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -moz-transform: translateX(-275px);
+ -webkit-transform: translateX(-275px);
+ -ms-transform: translateX(-275px);
+ transform: translateX(-275px);
+ -moz-transition: -moz-transform 0.5s ease;
+ -webkit-transition: -webkit-transform 0.5s ease;
+ -ms-transition: -ms-transform 0.5s ease;
+ transition: transform 0.5s ease;
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: 275px;
+ z-index: 10002;
+ background: #181920;
+ padding: 0.75em 1.25em;
+ }
+
+ #navPanel .link {
+ border: 0;
+ border-top: solid 1px rgba(255, 255, 255, 0.05);
+ color: rgba(255, 255, 255, 0.75);
+ display: block;
+ height: 3em;
+ line-height: 3em;
+ text-decoration: none;
+ }
+
+ #navPanel .link:hover {
+ color: inherit !important;
+ }
+
+ #navPanel .link:first-child {
+ border-top: 0;
+ }
+
+ #navPanel .link.depth-0 {
+ color: #ffffff;
+ font-weight: 300;
+ }
+
+ #navPanel .link .indent-1 {
+ display: inline-block;
+ width: 1.25em;
+ }
+
+ #navPanel .link .indent-2 {
+ display: inline-block;
+ width: 2.5em;
+ }
+
+ #navPanel .link .indent-3 {
+ display: inline-block;
+ width: 3.75em;
+ }
+
+ #navPanel .link .indent-4 {
+ display: inline-block;
+ width: 5em;
+ }
+
+ #navPanel .link .indent-5 {
+ display: inline-block;
+ width: 6.25em;
+ }
+
+ body.navPanel-visible #page-wrapper {
+ -moz-transform: translateX(275px);
+ -webkit-transform: translateX(275px);
+ -ms-transform: translateX(275px);
+ transform: translateX(275px);
+ }
+
+ body.navPanel-visible #titleBar {
+ -moz-transform: translateX(275px);
+ -webkit-transform: translateX(275px);
+ -ms-transform: translateX(275px);
+ transform: translateX(275px);
+ }
+
+ body.navPanel-visible #navPanel {
+ -moz-transform: translateX(0);
+ -webkit-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 3.25em 1.5em;
+ }
+
+ }
+
+/* XSmall */
+
+ @media screen and (max-width: 480px) {
+
+ /* Basic */
+
+ html, body {
+ min-width: 320px;
+ }
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ /* List */
+
+ ul.actions {
+ margin: 0 0 2em 0;
+ }
+
+ ul.actions li {
+ display: block;
+ padding: 1em 0 0 0;
+ text-align: center;
+ width: 100%;
+ }
+
+ ul.actions li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions li > * {
+ margin: 0 !important;
+ width: 100%;
+ }
+
+ ul.actions.small li {
+ padding: 0.5em 0 0 0;
+ }
+
+ ul.actions.small li:first-child {
+ padding-top: 0;
+ }
+
+ /* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ padding: 0;
+ }
+
+ /* Spotlight */
+
+ .spotlight .image.main {
+ max-height: 50vh;
+ }
+
+ .spotlight .content {
+ padding: 3em 1.25em 1em 1.25em !important;
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: 3em 1.25em 1em 1.25em;
+ }
+
+ /* Banner */
+
+ #banner .content {
+ padding: 3em 1.5625em 5.25em 1.5625em;
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: 3em 1.25em;
+ }
+
+ #footer .copyright {
+ line-height: inherit;
+ }
+
+ #footer .copyright li {
+ border-left: 0;
+ display: block;
+ margin: 0;
+ padding: 0;
+ }
+
+ }
\ No newline at end of file
diff --git a/landed/assets/fonts/FontAwesome.otf b/landed/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/landed/assets/fonts/FontAwesome.otf differ
diff --git a/landed/assets/fonts/fontawesome-webfont.eot b/landed/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/landed/assets/fonts/fontawesome-webfont.eot differ
diff --git a/landed/assets/fonts/fontawesome-webfont.svg b/landed/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/landed/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/assets/fonts/fontawesome-webfont.ttf b/landed/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/landed/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/landed/assets/fonts/fontawesome-webfont.woff b/landed/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/landed/assets/fonts/fontawesome-webfont.woff differ
diff --git a/landed/assets/fonts/fontawesome-webfont.woff2 b/landed/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/landed/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/landed/assets/js/ie/PIE.htc b/landed/assets/js/ie/PIE.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/landed/assets/js/ie/PIE.htc
@@ -0,0 +1,96 @@
+
+
+
+
diff --git a/landed/assets/js/ie/html5shiv.js b/landed/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/landed/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML=" #mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b1)for(var o=0;o0&&t.add(n).on("mouseleave",function(e){window.clearTimeout(c),c=window.setTimeout(function(){t.trigger("doCollapse")},o.hideDelay)}),t.disableSelection_dropotron().hide().addClass(o.menuClass).css("position","absolute").on("mouseenter",function(e){window.clearTimeout(c)}).on("doExpand",function(){if(t.is(":visible"))return!1;window.clearTimeout(c),s.each(function(){var t=e(this);e.contains(t.get(0),n.get(0))||t.trigger("doCollapse")});var i,a,d,f,u=n.offset(),p=n.position(),h=(n.parent().position(),n.outerWidth()),g=t.outerWidth(),v=t.css("z-index")==o.baseZIndex;if(v){switch(i=o.detach?u:p,f=i.top+n.outerHeight()+o.globalOffsetY,a=o.alignment,t.removeClass("left").removeClass("right").removeClass("center"),o.alignment){case"right":d=i.left-g+h,0>d&&(d=i.left,a="left");break;case"center":d=i.left-Math.floor((g-h)/2),0>d?(d=i.left,a="left"):d+g>l.width()&&(d=i.left-g+h,a="right");break;case"left":default:d=i.left,d+g>l.width()&&(d=i.left-g+h,a="right")}t.addClass(a)}else switch("relative"==n.css("position")||"absolute"==n.css("position")?(f=o.offsetY,d=-1*p.left):(f=p.top+o.offsetY,d=0),o.alignment){case"right":d+=-1*n.parent().outerWidth()+o.offsetX;break;case"center":case"left":default:d+=n.parent().outerWidth()+o.offsetX}navigator.userAgent.match(/MSIE ([0-9]+)\./)&&RegExp.$1<8&&(d+=o.IEOffsetX,f+=o.IEOffsetY),t.css("left",d+"px").css("top",f+"px").css("opacity","0.01").show();var C=!1;switch(d="relative"==n.css("position")||"absolute"==n.css("position")?-1*p.left:0,t.offset().left<0?(d+=n.parent().outerWidth()-o.offsetX,C=!0):t.offset().left+g>l.width()&&(d+=-1*n.parent().outerWidth()-o.offsetX,C=!0),C&&t.css("left",d+"px"),t.hide().css("opacity","1"),o.mode){case"zoom":r=!0,n.addClass(o.openerActiveClass),t.animate({width:"toggle",height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"slide":r=!0,n.addClass(o.openerActiveClass),t.animate({height:"toggle"},o.speed,o.easing,function(){r=!1});break;case"fade":if(r=!0,v&&!o.noOpenerFade){var C;C="slow"==o.speed?80:"fast"==o.speed?40:Math.floor(o.speed/2),n.fadeTo(C,.01,function(){n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1})})}else n.addClass(o.openerActiveClass),n.fadeTo(o.speed,1),t.fadeIn(o.speed,function(){r=!1});break;case"instant":default:n.addClass(o.openerActiveClass),t.show()}return!1}).on("doCollapse",function(){return t.is(":visible")?(t.hide(),n.removeClass(o.openerActiveClass),t.find("."+o.openerActiveClass).removeClass(o.openerActiveClass),t.find("ul").hide(),!1):!1}).on("doToggle",function(e){return t.is(":visible")?t.trigger("doCollapse"):t.trigger("doExpand"),!1}),n.disableSelection_dropotron().addClass("opener").css("cursor","pointer").on("click touchend",function(e){r||(e.preventDefault(),e.stopPropagation(),t.trigger("doToggle"))}),"hover"==o.expandMode&&n.hover(function(e){r||(d=window.setTimeout(function(){t.trigger("doExpand")},o.hoverDelay))},function(e){window.clearTimeout(d)})}),s.find("a").css("display","block").on("click touchend",function(t){r||e(this).attr("href").length<1&&t.preventDefault()}),n.find("li").css("white-space","nowrap").each(function(){var t=e(this),o=t.children("a"),s=t.children("ul"),i=o.attr("href");o.on("click touchend",function(e){0==i.length||"#"==i?e.preventDefault():e.stopPropagation()}),o.length>0&&0==s.length&&t.on("click touchend",function(e){r||(n.trigger("doCollapseAll"),e.stopPropagation())})}),n.children("li").each(function(){var t,n=e(this),s=n.children("ul");if(s.length>0){o.detach&&(o.cloneOnDetach&&(t=s.clone(),t.attr("class","").hide().appendTo(s.parent())),s.detach().appendTo(i));for(var a=o.baseZIndex,l=1,r=s;r.length>0;l++)r.css("z-index",a++),o.submenuClassPrefix&&r.addClass(o.submenuClassPrefix+(a-1-o.baseZIndex)),r=r.find("> li > ul")}}),l.on("scroll",function(){n.trigger("doCollapseAll")}).on("keypress",function(e){r||27!=e.keyCode||(e.preventDefault(),n.trigger("doCollapseAll"))}),a.on("click touchend",function(){r||n.trigger("doCollapseAll")})}}(jQuery);
diff --git a/landed/assets/js/jquery.min.js b/landed/assets/js/jquery.min.js
new file mode 100644
index 0000000..0f60b7b
--- /dev/null
+++ b/landed/assets/js/jquery.min.js
@@ -0,0 +1,5 @@
+/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/landed/assets/js/jquery.scrollex.min.js b/landed/assets/js/jquery.scrollex.min.js
new file mode 100644
index 0000000..a4727fe
--- /dev/null
+++ b/landed/assets/js/jquery.scrollex.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r
=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o ul').dropotron({
+ alignment: 'right',
+ hideDelay: 350
+ });
+
+ // Off-Canvas Navigation.
+
+ // Title Bar.
+ $(
+ '' +
+ '
' +
+ '
' + $('#logo').html() + ' ' +
+ '
' +
+ '' +
+ $('#nav').navList() +
+ ' ' +
+ '
'
+ )
+ .appendTo($body)
+ .panel({
+ delay: 500,
+ hideOnClick: true,
+ hideOnSwipe: true,
+ resetScroll: true,
+ resetForms: true,
+ side: 'left',
+ target: $body,
+ visibleClass: 'navPanel-visible'
+ });
+
+ // Fix: Remove navPanel transitions on WP<10 (poor/buggy performance).
+ if (skel.vars.os == 'wp' && skel.vars.osVersion < 10)
+ $('#titleBar, #navPanel, #page-wrapper')
+ .css('transition', 'none');
+
+ // Parallax.
+ // Disabled on IE (choppy scrolling) and mobile platforms (poor performance).
+ if (skel.vars.browser == 'ie'
+ || skel.vars.mobile) {
+
+ $.fn._parallax = function() {
+
+ return $(this);
+
+ };
+
+ }
+ else {
+
+ $.fn._parallax = function() {
+
+ $(this).each(function() {
+
+ var $this = $(this),
+ on, off;
+
+ on = function() {
+
+ $this
+ .css('background-position', 'center 0px');
+
+ $window
+ .on('scroll._parallax', function() {
+
+ var pos = parseInt($window.scrollTop()) - parseInt($this.position().top);
+
+ $this.css('background-position', 'center ' + (pos * -0.15) + 'px');
+
+ });
+
+ };
+
+ off = function() {
+
+ $this
+ .css('background-position', '');
+
+ $window
+ .off('scroll._parallax');
+
+ };
+
+ skel.on('change', function() {
+
+ if (skel.breakpoint('medium').active)
+ (off)();
+ else
+ (on)();
+
+ });
+
+ });
+
+ return $(this);
+
+ };
+
+ $window
+ .on('load resize', function() {
+ $window.trigger('scroll');
+ });
+
+ }
+
+ // Spotlights.
+ var $spotlights = $('.spotlight');
+
+ $spotlights
+ ._parallax()
+ .each(function() {
+
+ var $this = $(this),
+ on, off;
+
+ on = function() {
+
+ // Use main r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/landed/assets/js/util.js b/landed/assets/js/util.js
new file mode 100644
index 0000000..bdb8e9f
--- /dev/null
+++ b/landed/assets/js/util.js
@@ -0,0 +1,587 @@
+(function($) {
+
+ /**
+ * Generate an indented list of links from a nav. Meant for use with panel().
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.navList = function() {
+
+ var $this = $(this);
+ $a = $this.find('a'),
+ b = [];
+
+ $a.each(function() {
+
+ var $this = $(this),
+ indent = Math.max(0, $this.parents('li').length - 1),
+ href = $this.attr('href'),
+ target = $this.attr('target');
+
+ b.push(
+ '' +
+ ' '
+ );
+
+ });
+
+ return b.join('');
+
+ };
+
+ /**
+ * Panel-ify an element.
+ * @param {object} userConfig User config.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.panel = function(userConfig) {
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).panel(userConfig);
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this),
+ $body = $('body'),
+ $window = $(window),
+ id = $this.attr('id'),
+ config;
+
+ // Config.
+ config = $.extend({
+
+ // Delay.
+ delay: 0,
+
+ // Hide panel on link click.
+ hideOnClick: false,
+
+ // Hide panel on escape keypress.
+ hideOnEscape: false,
+
+ // Hide panel on swipe.
+ hideOnSwipe: false,
+
+ // Reset scroll position on hide.
+ resetScroll: false,
+
+ // Reset forms on hide.
+ resetForms: false,
+
+ // Side of viewport the panel will appear.
+ side: null,
+
+ // Target element for "class".
+ target: $this,
+
+ // Class to toggle.
+ visibleClass: 'visible'
+
+ }, userConfig);
+
+ // Expand "target" if it's not a jQuery object already.
+ if (typeof config.target != 'jQuery')
+ config.target = $(config.target);
+
+ // Panel.
+
+ // Methods.
+ $this._hide = function(event) {
+
+ // Already hidden? Bail.
+ if (!config.target.hasClass(config.visibleClass))
+ return;
+
+ // If an event was provided, cancel it.
+ if (event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ // Hide.
+ config.target.removeClass(config.visibleClass);
+
+ // Post-hide stuff.
+ window.setTimeout(function() {
+
+ // Reset scroll position.
+ if (config.resetScroll)
+ $this.scrollTop(0);
+
+ // Reset forms.
+ if (config.resetForms)
+ $this.find('form').each(function() {
+ this.reset();
+ });
+
+ }, config.delay);
+
+ };
+
+ // Vendor fixes.
+ $this
+ .css('-ms-overflow-style', '-ms-autohiding-scrollbar')
+ .css('-webkit-overflow-scrolling', 'touch');
+
+ // Hide on click.
+ if (config.hideOnClick) {
+
+ $this.find('a')
+ .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)');
+
+ $this
+ .on('click', 'a', function(event) {
+
+ var $a = $(this),
+ href = $a.attr('href'),
+ target = $a.attr('target');
+
+ if (!href || href == '#' || href == '' || href == '#' + id)
+ return;
+
+ // Cancel original event.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Hide panel.
+ $this._hide();
+
+ // Redirect to href.
+ window.setTimeout(function() {
+
+ if (target == '_blank')
+ window.open(href);
+ else
+ window.location.href = href;
+
+ }, config.delay + 10);
+
+ });
+
+ }
+
+ // Event: Touch stuff.
+ $this.on('touchstart', function(event) {
+
+ $this.touchPosX = event.originalEvent.touches[0].pageX;
+ $this.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+
+ $this.on('touchmove', function(event) {
+
+ if ($this.touchPosX === null
+ || $this.touchPosY === null)
+ return;
+
+ var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = $this.touchPosY - event.originalEvent.touches[0].pageY,
+ th = $this.outerHeight(),
+ ts = ($this.get(0).scrollHeight - $this.scrollTop());
+
+ // Hide on swipe?
+ if (config.hideOnSwipe) {
+
+ var result = false,
+ boundary = 20,
+ delta = 50;
+
+ switch (config.side) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ case 'top':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta);
+ break;
+
+ case 'bottom':
+ result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result) {
+
+ $this.touchPosX = null;
+ $this.touchPosY = null;
+ $this._hide();
+
+ return false;
+
+ }
+
+ }
+
+ // Prevent vertical scrolling past the top or bottom.
+ if (($this.scrollTop() < 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Event: Prevent certain events inside the panel from bubbling.
+ $this.on('click touchend touchstart touchmove', function(event) {
+ event.stopPropagation();
+ });
+
+ // Event: Hide panel if a child anchor tag pointing to its ID is clicked.
+ $this.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.removeClass(config.visibleClass);
+
+ });
+
+ // Body.
+
+ // Event: Hide panel on body click/tap.
+ $body.on('click touchend', function(event) {
+ $this._hide(event);
+ });
+
+ // Event: Toggle.
+ $body.on('click', 'a[href="#' + id + '"]', function(event) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ config.target.toggleClass(config.visibleClass);
+
+ });
+
+ // Window.
+
+ // Event: Hide on ESC.
+ if (config.hideOnEscape)
+ $window.on('keydown', function(event) {
+
+ if (event.keyCode == 27)
+ $this._hide(event);
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Apply "placeholder" attribute polyfill to one or more forms.
+ * @return {jQuery} jQuery object.
+ */
+ $.fn.placeholder = function() {
+
+ // Browser natively supports placeholders? Bail.
+ if (typeof (document.createElement('input')).placeholder != 'undefined')
+ return $(this);
+
+ // No elements?
+ if (this.length == 0)
+ return $this;
+
+ // Multiple elements?
+ if (this.length > 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i]).placeholder();
+
+ return $this;
+
+ }
+
+ // Vars.
+ var $this = $(this);
+
+ // Text, TextArea.
+ $this.find('input[type=text],textarea')
+ .each(function() {
+
+ var i = $(this);
+
+ if (i.val() == ''
+ || i.val() == i.attr('placeholder'))
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('blur', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == '')
+ i
+ .addClass('polyfill-placeholder')
+ .val(i.attr('placeholder'));
+
+ })
+ .on('focus', function() {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ return;
+
+ if (i.val() == i.attr('placeholder'))
+ i
+ .removeClass('polyfill-placeholder')
+ .val('');
+
+ });
+
+ // Password.
+ $this.find('input[type=password]')
+ .each(function() {
+
+ var i = $(this);
+ var x = $(
+ $('')
+ .append(i.clone())
+ .remove()
+ .html()
+ .replace(/type="password"/i, 'type="text"')
+ .replace(/type=password/i, 'type=text')
+ );
+
+ if (i.attr('id') != '')
+ x.attr('id', i.attr('id') + '-polyfill-field');
+
+ if (i.attr('name') != '')
+ x.attr('name', i.attr('name') + '-polyfill-field');
+
+ x.addClass('polyfill-placeholder')
+ .val(x.attr('placeholder')).insertAfter(i);
+
+ if (i.val() == '')
+ i.hide();
+ else
+ x.hide();
+
+ i
+ .on('blur', function(event) {
+
+ event.preventDefault();
+
+ var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+
+ i.hide();
+ x.show();
+
+ }
+
+ });
+
+ x
+ .on('focus', function(event) {
+
+ event.preventDefault();
+
+ var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']');
+
+ x.hide();
+
+ i
+ .show()
+ .focus();
+
+ })
+ .on('keypress', function(event) {
+
+ event.preventDefault();
+ x.val('');
+
+ });
+
+ });
+
+ // Events.
+ $this
+ .on('submit', function() {
+
+ $this.find('input[type=text],input[type=password],textarea')
+ .each(function(event) {
+
+ var i = $(this);
+
+ if (i.attr('name').match(/-polyfill-field$/))
+ i.attr('name', '');
+
+ if (i.val() == i.attr('placeholder')) {
+
+ i.removeClass('polyfill-placeholder');
+ i.val('');
+
+ }
+
+ });
+
+ })
+ .on('reset', function(event) {
+
+ event.preventDefault();
+
+ $this.find('select')
+ .val($('option:first').val());
+
+ $this.find('input,textarea')
+ .each(function() {
+
+ var i = $(this),
+ x;
+
+ i.removeClass('polyfill-placeholder');
+
+ switch (this.type) {
+
+ case 'submit':
+ case 'reset':
+ break;
+
+ case 'password':
+ i.val(i.attr('defaultValue'));
+
+ x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]');
+
+ if (i.val() == '') {
+ i.hide();
+ x.show();
+ }
+ else {
+ i.show();
+ x.hide();
+ }
+
+ break;
+
+ case 'checkbox':
+ case 'radio':
+ i.attr('checked', i.attr('defaultValue'));
+ break;
+
+ case 'text':
+ case 'textarea':
+ i.val(i.attr('defaultValue'));
+
+ if (i.val() == '') {
+ i.addClass('polyfill-placeholder');
+ i.val(i.attr('placeholder'));
+ }
+
+ break;
+
+ default:
+ i.val(i.attr('defaultValue'));
+ break;
+
+ }
+ });
+
+ });
+
+ return $this;
+
+ };
+
+ /**
+ * Moves elements to/from the first positions of their respective parents.
+ * @param {jQuery} $elements Elements (or selector) to move.
+ * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations.
+ */
+ $.prioritize = function($elements, condition) {
+
+ var key = '__prioritize';
+
+ // Expand $elements if it's not already a jQuery object.
+ if (typeof $elements != 'jQuery')
+ $elements = $($elements);
+
+ // Step through elements.
+ $elements.each(function() {
+
+ var $e = $(this), $p,
+ $parent = $e.parent();
+
+ // No parent? Bail.
+ if ($parent.length == 0)
+ return;
+
+ // Not moved? Move it.
+ if (!$e.data(key)) {
+
+ // Condition is false? Bail.
+ if (!condition)
+ return;
+
+ // Get placeholder (which will serve as our point of reference for when this element needs to move back).
+ $p = $e.prev();
+
+ // Couldn't find anything? Means this element's already at the top, so bail.
+ if ($p.length == 0)
+ return;
+
+ // Move element to top of parent.
+ $e.prependTo($parent);
+
+ // Mark element as moved.
+ $e.data(key, $p);
+
+ }
+
+ // Moved already?
+ else {
+
+ // Condition is true? Bail.
+ if (condition)
+ return;
+
+ $p = $e.data(key);
+
+ // Move element back to its original location (using our placeholder).
+ $e.insertAfter($p);
+
+ // Unmark element as moved.
+ $e.removeData(key);
+
+ }
+
+ });
+
+ };
+
+})(jQuery);
\ No newline at end of file
diff --git a/landed/assets/sass/ie8.scss b/landed/assets/sass/ie8.scss
new file mode 100644
index 0000000..02bb236
--- /dev/null
+++ b/landed/assets/sass/ie8.scss
@@ -0,0 +1,216 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ $color-border: mix(_palette(bg), _palette(fg-bold), 70);
+ $color-border-bg: mix(_palette(bg), _palette(fg-bold), 90);
+
+/* Basic */
+
+ body {
+ color: _palette(fg-bold);
+ }
+
+ body, html, #page-wrapper {
+ height: 100%;
+ }
+
+ blockquote {
+ border-left: solid 4px $color-border;
+ }
+
+ code {
+ background: $color-border-bg;
+ }
+
+ hr {
+ border-bottom: solid 1px $color-border;
+ }
+
+/* Icon */
+
+ .icon {
+ &.major {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+ }
+
+/* Image */
+
+ .image {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ &:before {
+ display: none;
+ }
+
+ img {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+ }
+
+/* Form */
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ position: relative;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ &:focus {
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"] {
+ line-height: _size(element-height);
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ font-size: 3em;
+ & + label {
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+/* Table */
+
+ table {
+ tbody {
+ tr {
+ border: solid 1px $color-border;
+ }
+ }
+
+ thead {
+ border-bottom: solid 1px $color-border;
+ }
+
+ tfoot {
+ border-top: solid 1px $color-border;
+ }
+
+ &.alt {
+ tbody {
+ tr {
+ td {
+ border: solid 1px $color-border;
+ }
+ }
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ border: solid 1px _palette(fg-bold) !important;
+
+ &.special {
+ border: 0 !important;
+ }
+ }
+
+/* Goto Next */
+
+ .goto-next {
+ display: none;
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ height: 100%;
+
+ .content {
+ background: _palette(accent2);
+ }
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ &.style2 {
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ &:focus {
+ border-color: _palette(fg-bold);
+ }
+ }
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ &.special {
+ &:hover, &:active {
+ color: _palette(accent1) !important;
+ }
+ }
+ }
+ }
+ }
+
+/* Dropotron */
+
+ .dropotron {
+ background: _palette(accent2);
+ box-shadow: none !important;
+ -ms-behavior: url('assets/js/ie/PIE.htc');
+
+ > li {
+ a, span {
+ color: _palette(fg-bold) !important;
+ }
+ }
+
+ &.level-0 {
+ margin-top: 0;
+
+ &:before {
+ display: none;
+ }
+ }
+ }
+
+/* Header */
+
+ #header {
+ background: _palette(accent2);
+ }
+
+/* Banner */
+
+ #banner {
+ height: 100%;
+
+ &:before {
+ height: 100%;
+ }
+
+ &:after {
+ background-image: url('images/ie/banner-overlay.png');
+ }
+ }
\ No newline at end of file
diff --git a/landed/assets/sass/ie9.scss b/landed/assets/sass/ie9.scss
new file mode 100644
index 0000000..8f4d403
--- /dev/null
+++ b/landed/assets/sass/ie9.scss
@@ -0,0 +1,56 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Loader */
+
+ body.landing {
+ &:before, &:after {
+ display: none !important;
+ }
+ }
+
+/* Icon */
+
+ .icon {
+ &.alt {
+ color: inherit !important;
+ }
+
+ &.major {
+ &.alt {
+ &:before {
+ color: _palette(fg-bold) !important;
+ }
+ }
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ &:after {
+ background-color: _palette(bg-transparent);
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ .icons {
+ .icon {
+ &.alt {
+ &:before {
+ color: _palette(fg-bold) !important;
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/landed/assets/sass/libs/_functions.scss b/landed/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/landed/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/landed/assets/sass/libs/_mixins.scss b/landed/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/landed/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/landed/assets/sass/libs/_skel.scss b/landed/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/landed/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/landed/assets/sass/libs/_vars.scss b/landed/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..d8b767c
--- /dev/null
+++ b/landed/assets/sass/libs/_vars.scss
@@ -0,0 +1,48 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000,
+ z-index-overlay: 100000,
+ max-spotlight: 20
+ );
+
+// Duration.
+ $duration: (
+ navPanel: 0.5s,
+ transition: 0.2s,
+ landing-fadein: 1.5s
+ );
+
+// Size.
+ $size: (
+ border-radius: 4px,
+ element-height: 3em,
+ element-margin: 2em,
+ navPanel: 275px
+ );
+
+// Font.
+ $font: (
+ family: ('Roboto', Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 100,
+ weight-bold: 300
+ );
+
+// Palette.
+ $palette: (
+ bg: #1c1d26,
+ bg-transparent: rgba(23,24,32,0.95),
+ fg-bold: #ffffff,
+ fg: rgba(255,255,255,0.75),
+ fg-light: rgba(255,255,255,0.5),
+ fg-lighter: rgba(255,255,255,0.15),
+ border: rgba(255,255,255,0.3),
+ border-bg: rgba(255,255,255,0.075),
+ border2: rgba(255,255,255,0.5),
+ border2-bg: rgba(255,255,255,0.25),
+ accent1: #e44c65,
+ accent2: #272833,
+ accent2-transparent:rgba(39,40,51,0.965),
+ accent3: #5480f1,
+ accent4: #39c088
+ );
\ No newline at end of file
diff --git a/landed/assets/sass/main.scss b/landed/assets/sass/main.scss
new file mode 100644
index 0000000..abe6a9a
--- /dev/null
+++ b/landed/assets/sass/main.scss
@@ -0,0 +1,2017 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import url('font-awesome.min.css');
+@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,100italic,300italic");
+
+/*
+ Landed by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @import "libs/skel";
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border',
+ grid: ( gutters: 2.5em ),
+ conditionals: true,
+ containers: 70em,
+ breakpoints: (
+ large: (
+ containers: 90%,
+ ),
+ medium: (
+ containers: (100%, true),
+ )
+ )
+ ));
+
+ @mixin line-icon($bg: _palette(bg), $fg: _palette(fg-bold)) {
+ @include icon;
+ $size: 1px;
+
+ &:before {
+ color: $bg !important;
+ text-shadow: $size 0 0 $fg,
+ ($size * -1) 0 0 $fg,
+ 0 $size 0 $fg,
+ 0 ($size * -1) 0 $fg;
+ }
+ }
+
+ $size-wrapper-pad-tb: 6em;
+ $size-wrapper-pad-lr: 3em;
+
+/* Basic */
+
+ html, body {
+ background: _palette(bg);
+ }
+
+ body {
+ &.is-loading {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+ }
+
+ body, input, select, textarea {
+ color: _palette(fg);
+ font-family: _font(family);
+ font-size: 15pt;
+ font-weight: _font(weight);
+ line-height: 1.75em;
+ }
+
+ a {
+ @include vendor('transition', ('border-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out'));
+ border-bottom: dotted 1px;
+ color: _palette(accent1);
+ text-decoration: none;
+
+ &:hover {
+ color: _palette(accent1) !important;
+ border-bottom-color: transparent;
+ }
+ }
+
+ strong, b {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ line-height: 1em;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+
+ a {
+ color: inherit;
+ border: 0;
+ }
+ }
+
+ h2 {
+ font-size: 2em;
+ line-height: 1.5em;
+ letter-spacing: -0.025em;
+ }
+
+ h3 {
+ font-size: 1.35em;
+ line-height: 1.5em;
+ }
+
+ h4 {
+ font-size: 1.1em;
+ line-height: 1.5em;
+ }
+
+ h5 {
+ font-size: 0.9em;
+ line-height: 1.5em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ line-height: 1.5em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px _palette(border);
+ margin: (_size(element-margin) * 1.5) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 2) 0;
+ }
+ }
+
+ blockquote {
+ border-left: solid 4px _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: 0.5em 0 0.5em 2em;
+ }
+
+ code {
+ background: _palette(border-bg);
+ border-radius: _size(border-radius);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ line-height: 1.75em;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Loader */
+
+ // Spinner
+
+ @include keyframes('spinner-show') {
+ 0% { opacity: 0; }
+ 100% { opacity: 1; }
+ }
+
+ @include keyframes('spinner-hide') {
+ 0% { color: _palette(fg-lighter); z-index: _misc(z-index-overlay) + 1; @include vendor('transform', 'scale(1) rotate(0deg)'); }
+ 99% { color: _palette(bg); z-index: _misc(z-index-overlay) + 1; @include vendor('transform', 'scale(0.5) rotate(360deg)'); }
+ 100% { color: _palette(bg); z-index: -1; @include vendor('transform', 'scale(0.5) rotate(360deg)'); }
+ }
+
+ @include keyframes('spinner-rotate') {
+ 0% { @include vendor('transform', 'scale(1) rotate(0deg)'); }
+ 100% { @include vendor('transform', 'scale(1) rotate(360deg)'); }
+ }
+
+ // Overlay
+
+ @include keyframes('overlay-hide') {
+ 0% { opacity: 1; z-index: _misc(z-index-overlay); }
+ 15% { opacity: 1; z-index: _misc(z-index-overlay); }
+ 99% { opacity: 0; z-index: _misc(z-index-overlay); }
+ 100% { opacity: 0; z-index: -1; }
+ }
+
+ body.landing {
+ @include icon;
+
+ // Spinner (inactive)
+
+ &:before {
+ @include vendor('animation', ('spinner-show 1.5s 1 0.25s ease forwards', 'spinner-hide 0.25s ease-in-out forwards !important'));
+ @include vendor('transform-origin', '50% 50%');
+
+ color: _palette(fg-lighter);
+ content: '\f1ce';
+ cursor: default;
+ display: block;
+ font-size: 2em;
+ height: 2em;
+ left: 50%;
+ line-height: 2em;
+ margin: -1em 0 0 -1em;
+ opacity: 0;
+ position: fixed;
+ text-align: center;
+ top: 50%;
+ width: 2em;
+ z-index: -1;
+ }
+
+ // Overlay (inactive)
+
+ &:after {
+ @include vendor('animation', 'overlay-hide #{_duration(landing-fadein)} ease-in forwards !important');
+ background: _palette(bg);
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: -1;
+ }
+
+ &.is-loading {
+
+ // Spinner (active)
+
+ &:before {
+ @include vendor('animation', ('spinner-show 1.5s 1 0.25s ease forwards', 'spinner-rotate 0.75s infinite linear !important'));
+ z-index: _misc(z-index-overlay) + 1;
+ }
+
+ // Overlay (active)
+
+ &:after {
+ @include vendor('animation', 'none !important');
+ opacity: 1;
+ z-index: _misc(z-index-overlay);
+ }
+
+ }
+ }
+
+ @media (-webkit-min-device-pixel-ratio: 2) {
+ body.landing:before {
+ line-height: 2.025em;
+ }
+ }
+
+/* Section/Article */
+
+ section, article {
+ &.special {
+ text-align: center;
+ }
+ }
+
+ header {
+ p {
+ color: _palette(fg-bold);
+ position: relative;
+ margin: 0 0 (_size(element-margin) * 0.75) 0;
+ }
+
+ h2 + p {
+ font-size: 1.25em;
+ margin-top: (_size(element-margin) * -0.5);
+ line-height: 1.75em;
+ }
+
+ h3 + p {
+ font-size: 1.1em;
+ margin-top: (_size(element-margin) * -0.4);
+ line-height: 1.75em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ margin-top: (_size(element-margin) * -0.3);
+ line-height: 1.5em;
+ }
+
+ &.major {
+ margin: 0 0 (_size(element-margin) * 2) 0;
+ position: relative;
+ text-align: center;
+
+ &:after {
+ background: _palette(accent1);
+ content: '';
+ display: inline-block;
+ height: 0.2em;
+ max-width: 20em;
+ width: 75%;
+ }
+ }
+ }
+
+ footer {
+ &.major {
+ margin: (_size(element-margin) * 2) 0 0 0;
+ }
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', 'border-color #{_duration(transition)} ease-in-out');
+ background: transparent;
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(accent1);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f078';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ select {
+ option {
+ background-color: _palette(bg);
+ color: _palette(fg-bold);
+ }
+
+ &:focus {
+ &::-ms-value {
+ background: transparent;
+ }
+ }
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background: _palette(border2-bg);
+ color: _palette(fg-bold);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(accent1);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ ::-moz-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ :-ms-input-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+ .formerize-placeholder {
+ color: _palette(fg-light) !important;
+ opacity: 1.0;
+ }
+
+/* Box */
+
+ .box {
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ margin-bottom: _size(element-margin);
+ padding: 1.5em;
+
+ > :last-child,
+ > :last-child > :last-child,
+ > :last-child > :last-child > :last-child {
+ margin-bottom: 0;
+ }
+
+ &.alt {
+ border: 0;
+ border-radius: 0;
+ padding: 0;
+ }
+ }
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+
+ &.alt {
+ @include line-icon;
+ }
+
+ &.major {
+ background: _palette(accent2);
+ border-radius: 100%;
+ cursor: default;
+ display: inline-block;
+ height: 6em;
+ line-height: 6em;
+ margin: 0 0 _size(element-margin) 0;
+ text-align: center;
+ width: 6em;
+
+ &:before {
+ font-size: 2.25em;
+ }
+
+ &.alt {
+ @include line-icon(_palette(accent2));
+ }
+ }
+ }
+
+/* Image */
+
+ .image {
+ border-radius: _size(border-radius);
+ border: 0;
+ display: inline-block;
+ position: relative;
+ overflow: hidden;
+
+ &:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ background-image: url('images/overlay.png');
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ }
+
+ img {
+ border-radius: _size(border-radius);
+ display: block;
+ }
+
+ &.left {
+ float: left;
+ margin: 0 1.5em 1em 0;
+ top: 0.25em;
+ }
+
+ &.right {
+ float: right;
+ margin: 0 0 1em 1.5em;
+ top: 0.25em;
+ }
+
+ &.left,
+ &.right {
+ max-width: 40%;
+
+ img {
+ width: 100%;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ img {
+ width: 100%;
+ }
+ }
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid 1px _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ height: 2.5em;
+ line-height: 2.5em;
+ padding: 0 0.5em;
+
+ .icon {
+ font-size: 0.8em;
+
+ &:before {
+ font-size: 2em;
+ }
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.25) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+/* Table */
+
+ .table-wrapper {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ }
+
+ table {
+ margin: 0 0 _size(element-margin) 0;
+ width: 100%;
+
+ tbody {
+ tr {
+ border: solid 1px _palette(border);
+ border-left: 0;
+ border-right: 0;
+
+ &:nth-child(2n + 1) {
+ background-color: _palette(border-bg);
+ }
+ }
+ }
+
+ td {
+ padding: 0.75em 0.75em;
+ }
+
+ th {
+ color: _palette(fg-bold);
+ font-size: 0.9em;
+ font-weight: _font(weight-bold);
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+ }
+
+ thead {
+ border-bottom: solid 1px _palette(border);
+ }
+
+ tfoot {
+ border-top: solid 1px _palette(border);
+ }
+
+ &.alt {
+ border-collapse: separate;
+
+ tbody {
+ tr {
+ td {
+ border: solid 1px _palette(border);
+ border-left-width: 0;
+ border-top-width: 0;
+
+ &:first-child {
+ border-left-width: 1px;
+ }
+ }
+
+ &:first-child {
+ td {
+ border-top-width: 1px;
+ }
+ }
+ }
+ }
+
+ thead {
+ border-bottom: 0;
+ }
+
+ tfoot {
+ border-top: 0;
+ }
+ }
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', ('background-color #{_duration(transition)} ease-in-out', 'color #{_duration(transition)} ease-in-out', 'box-shadow #{_duration(transition)} ease-in-out'));
+ background-color: transparent;
+ border-radius: _size(border-radius);
+ border: 0;
+ box-shadow: inset 0 0 0 1px _palette(border);
+ color: _palette(fg-bold) !important;
+ cursor: pointer;
+ display: inline-block;
+ font-weight: _font(weight-bold);
+ height: _size(element-height);
+ line-height: _size(element-height);
+ padding: 0 2.25em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &:hover, &:active {
+ box-shadow: inset 0 0 0 1px _palette(accent1);
+ color: _palette(accent1) !important;
+ }
+
+ &:active {
+ background-color: transparentize(_palette(accent1), 0.85);
+ }
+
+ &.icon {
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.big {
+ font-size: 1.35em;
+ }
+
+ &.special {
+ background-color: _palette(accent1);
+ box-shadow: none;
+ color: _palette(fg-bold) !important;
+
+ &:hover {
+ background-color: lighten(_palette(accent1), 5);
+ }
+
+ &:active {
+ background-color: darken(_palette(accent1), 5);
+ }
+ }
+
+ &.disabled,
+ &:disabled {
+ background-color: _palette(border) !important;
+ box-shadow: none !important;
+ color: _palette(fg-bold) !important;
+ cursor: default;
+ opacity: 0.25;
+ }
+ }
+
+/* Goto Next */
+
+ .goto-next {
+ border: 0;
+ bottom: 0;
+ display: block;
+ height: 5em;
+ left: 50%;
+ margin: 0 0 0 -5em;
+ overflow: hidden;
+ position: absolute;
+ text-indent: 10em;
+ white-space: nowrap;
+ width: 10em;
+ z-index: 1;
+
+ &:before {
+ background-image: url('images/arrow.svg');
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ content: '';
+ display: block;
+ height: 1.5em;
+ left: 50%;
+ margin: -0.75em 0 0 -1em;
+ position: absolute;
+ top: 50%;
+ width: 2em;
+ z-index: 1;
+ }
+ }
+
+/* Spotlight */
+
+ .spotlight {
+ background-attachment: fixed;
+ background-position: center center;
+ background-size: cover;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,0.25);
+ height: 100vh;
+ overflow: hidden;
+ position: relative;
+
+ // Force spotlights to stack in reverse order (needed for our box
+ // shadows to overlap stuff in the right direction).
+ @for $i from 1 through _misc(max-spotlight) {
+ &:nth-last-of-type(#{$i}) {
+ z-index: #{$i};
+ }
+ }
+
+ &:before {
+ background-image: url('images/overlay.png');
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ top: 0;
+ width: 100%;
+ }
+
+ .image.main {
+ display: none;
+
+ img {
+ position: relative;
+ }
+ }
+
+ .content {
+ @include vendor('transform', 'translate(0,0)');
+ @include vendor('transition', 'transform 1s ease, opacity 1s ease');
+ background: _palette(bg-transparent);
+ border-style: solid;
+ opacity: 1;
+ position: absolute;
+ }
+
+ .goto-next {
+ @include vendor('transform', 'translate(0,0)');
+ @include vendor('transition', 'transform 0.75s ease, opacity 1s ease-in');
+ @include vendor('transition-delay', '0.5s');
+ opacity: 1;
+ }
+
+ &.top, &.bottom {
+ .content {
+ left: 0;
+ padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 0.85) - _size(element-margin)) 0;
+ width: 100%;
+ }
+ }
+
+ &.top {
+ .content {
+ border-bottom-width: 0.35em;
+ top: 0;
+ }
+ }
+
+ &.bottom {
+ .content {
+ border-top-width: 0.35em;
+ bottom: 0;
+ }
+ }
+
+ &.left, &.right {
+ .content {
+ height: 101%;
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
+ top: 0;
+ width: 28em;
+ }
+ }
+
+ &.left {
+ .content {
+ border-right-width: 0.35em;
+ left: 0;
+ }
+ }
+
+ &.right {
+ .content {
+ border-left-width: 0.35em;
+ right: 0;
+ }
+ }
+
+ &.style1 {
+ .content {
+ border-color: _palette(accent1);
+ }
+ }
+
+ &.style2 {
+ .content {
+ border-color: _palette(accent3);
+ }
+ }
+
+ &.style3 {
+ .content {
+ border-color: _palette(accent4);
+ }
+ }
+
+ &.inactive {
+ .content {
+ opacity: 0;
+ }
+
+ .goto-next {
+ @include vendor('transform', 'translate(0,1.5em)');
+ opacity: 0;
+ }
+
+ &.top {
+ .content {
+ @include vendor('transform', 'translate(0,-5em)');
+ }
+ }
+
+ &.bottom {
+ .content {
+ @include vendor('transform', 'translate(0,5em)');
+ }
+ }
+
+ &.left {
+ .content {
+ @include vendor('transform', 'translate(-5em,0)');
+ }
+ }
+
+ &.right {
+ .content {
+ @include vendor('transform', 'translate(5em,0)');
+ }
+ }
+ }
+ }
+
+ body.is-touch {
+ .spotlight {
+ background-attachment: scroll;
+ }
+ }
+
+/* Wrapper */
+
+ .wrapper {
+ padding: $size-wrapper-pad-tb 0 ($size-wrapper-pad-tb - _size(element-margin)) 0;
+
+ &.style1 {
+ }
+
+ &.style2 {
+ background: _palette(accent1);
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ &:focus {
+ border-color: _palette(border2);
+ }
+ }
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ &:hover, &:active {
+ background-color: _palette(border-bg) !important;
+ box-shadow: inset 0 0 0 1px _palette(border2) !important;
+ color: _palette(fg-bold) !important;
+ }
+
+ &:active {
+ background-color: _palette(border2-bg) !important;
+ }
+
+ &.special {
+ background-color: _palette(fg-bold);
+ color: _palette(accent1) !important;
+
+ &:hover, &:active {
+ background-color: _palette(border-bg) !important;
+ box-shadow: inset 0 0 0 1px _palette(border2) !important;
+ color: _palette(fg-bold) !important;
+ }
+
+ &:active {
+ background-color: _palette(border2-bg) !important;
+ }
+ }
+ }
+ }
+
+ &.fade-down {
+ > .container {
+ @include vendor('transform', 'translate(0,0)');
+ @include vendor('transition', 'transform 1s ease, opacity 1s ease');
+ opacity: 1;
+ }
+
+ &.inactive {
+ > .container {
+ @include vendor('transform', 'translate(0,-1em)');
+ opacity: 0;
+ }
+ }
+ }
+
+ &.fade-up {
+ > .container {
+ @include vendor('transform', 'translate(0,0)');
+ @include vendor('transition', 'transform 1s ease, opacity 1s ease');
+ opacity: 1;
+ }
+
+ &.inactive {
+ > .container {
+ @include vendor('transform', 'translate(0,1em)');
+ opacity: 0;
+ }
+ }
+ }
+
+ &.fade {
+ > .container {
+ @include vendor('transition', 'opacity 1s ease');
+ opacity: 1;
+ }
+
+ &.inactive {
+ > .container {
+ opacity: 0;
+ }
+ }
+ }
+ }
+
+/* Dropotron */
+
+ .dropotron {
+ background: _palette(accent2-transparent);
+ border-radius: _size(border-radius);
+ box-shadow: 0 0.075em 0.35em 0 rgba(0,0,0,0.125);
+ list-style: none;
+ margin-top: calc(-0.25em + 1px);
+ min-width: 12em;
+ padding: 0.25em 0;
+
+ > li {
+ border-top: solid 1px rgba(255,255,255,0.035);
+ padding: 0;
+
+ a, span {
+ border: 0;
+ color: _palette(fg);
+ display: block;
+ padding: 0.1em 1em;
+ text-decoration: none;
+ }
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &.active {
+ > a, > span {
+ color: _palette(accent1);
+ }
+ }
+ }
+
+ &.level-0 {
+ font-size: 0.8em;
+ margin-top: 1em;
+
+ &:before {
+ @include vendor('transform', 'rotate(45deg)');
+ background: _palette(accent2);
+ content: '';
+ display: block;
+ height: 1em;
+ position: absolute;
+ right: 1.5em;
+ top: -0.5em;
+ width: 1em;
+ }
+ }
+ }
+
+ body.landing {
+ .dropotron {
+ &.level-0 {
+ margin-top: 0;
+ }
+ }
+ }
+
+/* Header */
+
+ #page-wrapper {
+ padding-top: 3.5em;
+ }
+
+ #header {
+ background: _palette(accent2-transparent);
+ box-shadow: 0 0 0.25em 0 rgba(0,0,0,0.25);
+ cursor: default;
+ height: 3.5em;
+ left: 0;
+ line-height: 3.5em;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+
+ h1 {
+ height: inherit;
+ left: 1.25em;
+ line-height: inherit;
+ margin: 0;
+ position: absolute;
+ top: 0;
+ }
+
+ nav {
+ position: absolute;
+ right: 1em;
+ top: 0;
+
+ ul {
+ margin: 0;
+
+ li {
+ display: inline-block;
+ margin-left: 1em;
+
+ a, span {
+ border: 0;
+ color: inherit;
+ display: inline-block;
+ height: inherit;
+ line-height: inherit;
+ outline: 0;
+
+ &.button {
+ height: 2em;
+ line-height: 2em;
+ padding: 0 1.25em;
+ }
+
+ &:not(.button):before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.active {
+ > a, > span {
+ color: _palette(accent1);
+ }
+ }
+
+ > ul {
+ display: none;
+ }
+ }
+ }
+ }
+ }
+
+ body.landing {
+ #page-wrapper {
+ padding-top: 0;
+ }
+
+ #header {
+ background: transparent;
+ box-shadow: none;
+ position: absolute;
+ }
+ }
+
+/* Banner */
+
+ #banner {
+ background-attachment: fixed;
+ background-color: _palette(accent2);
+ background-image: url('../../images/banner.jpg');
+ background-position: center center;
+ background-size: cover;
+ box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,0.25);
+ min-height: 100vh;
+ position: relative;
+ text-align: center;
+ z-index: (_misc(max-spotlight) + 1);
+
+ &:before {
+ content: '';
+ display: inline-block;
+ height: 100vh;
+ vertical-align: middle;
+ width: 1%;
+ }
+
+ &:after {
+ @include vendor('background-image', ('linear-gradient(top, #{_palette(bg-transparent)}, #{_palette(bg-transparent)})', 'url("images/overlay.png");'));
+ content: '';
+ display: block;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ }
+
+ .content {
+ display: inline-block;
+ margin-right: 1%;
+ max-width: 95%;
+ padding: $size-wrapper-pad-tb;
+ position: relative;
+ text-align: right;
+ vertical-align: middle;
+ z-index: 1;
+
+ header {
+ display: inline-block;
+ vertical-align: middle;
+
+ h2 {
+ font-size: 2.5em;
+ margin: 0;
+ }
+
+ p {
+ margin: (_size(element-margin) * 0.25) 0 0 0;
+ top: 0;
+ }
+ }
+
+ .image {
+ border-radius: 100%;
+ display: inline-block;
+ height: 18em;
+ margin-left: 3em;
+ vertical-align: middle;
+ width: 18em;
+
+ img {
+ border-radius: 100%;
+ display: block;
+ width: 100%;
+ }
+ }
+ }
+ }
+
+ body.is-touch {
+ #banner {
+ background-attachment: scroll;
+ }
+ }
+
+/* Footer */
+
+ #footer {
+ background: _palette(accent2);
+ padding: $size-wrapper-pad-tb 0;
+ text-align: center;
+
+ .icons {
+ .icon {
+ &.alt {
+ @include line-icon(_palette(accent2), _palette(fg-light));
+ }
+ }
+ }
+
+ .copyright {
+ color: _palette(fg-light);
+ font-size: 0.8em;
+ line-height: 1em;
+ margin: 2em 0 0 0;
+ padding: 0;
+ text-align: center;
+
+ li {
+ border-left: solid 1px _palette(border);
+ display: inline-block;
+ list-style: none;
+ margin-left: 1.5em;
+ padding-left: 1.5em;
+
+ &:first-child {
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+
+ a {
+ color: inherit;
+ }
+ }
+ }
+ }
+
+/* XLarge */
+
+ @include breakpoint(xlarge) {
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 13pt;
+ }
+
+ }
+
+/* Large */
+
+ @include breakpoint(large) {
+
+ $size-wrapper-pad-tb: 4.5em;
+ $size-wrapper-pad-lr: 2.5em;
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 11.5pt;
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ &.top {
+ .content {
+ padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 0.85) - _size(element-margin)) 0;
+ }
+ }
+
+ &.bottom {
+ .content {
+ padding: ($size-wrapper-pad-tb * 0.85) 0 (($size-wrapper-pad-tb * 1.1) - _size(element-margin)) 0;
+ }
+ }
+
+ &.left, &.right {
+ .content {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
+ width: 25em;
+ }
+ }
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: $size-wrapper-pad-tb 0 ($size-wrapper-pad-tb - _size(element-margin)) 0;
+ }
+
+ /* Dropotron */
+
+ .dropotron {
+ &.level-0 {
+ font-size: 1em;
+ }
+ }
+
+ /* Banner */
+
+ #banner {
+ .content {
+ padding: $size-wrapper-pad-tb;
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: $size-wrapper-pad-tb 0;
+ }
+
+ }
+
+/* Medium */
+
+ @include breakpoint(medium) {
+
+ $size-wrapper-pad-tb: 4.5em;
+ $size-wrapper-pad-lr: 2.5em;
+
+ /* Basic */
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ background-attachment: scroll;
+ height: auto;
+
+ .image.main {
+ display: block;
+ margin: 0;
+ max-height: 40vh;
+ overflow: hidden;
+ }
+
+ .content {
+ background-color: _palette(bg);
+ border-width: 0 !important;
+ border-top-width: 0.35em !important;
+ bottom: auto !important;
+ left: auto !important;
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
+ position: relative;
+ right: auto !important;
+ text-align: center;
+ top: auto !important;
+ width: 100% !important;
+ }
+
+ .goto-next {
+ display: none;
+ }
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
+ }
+
+ /* Banner */
+
+ #banner {
+ background-attachment: scroll;
+
+ .goto-next {
+ height: 7em;
+ }
+
+ .content {
+ padding: ($size-wrapper-pad-tb * 2) 0;
+ text-align: center;
+
+ header {
+ display: block;
+ margin: 0 0 _size(element-margin) 0;
+ text-align: center;
+ }
+
+ .image {
+ margin: 0;
+ }
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: $size-wrapper-pad-tb 0;
+ }
+
+ }
+
+/* Small */
+
+ #navPanel, #titleBar {
+ display: none;
+ }
+
+ @include breakpoint(small) {
+
+ $size-wrapper-pad-tb: 3.25em;
+ $size-wrapper-pad-lr: 1.5em;
+
+ /* Basic */
+
+ html, body {
+ overflow-x: hidden;
+ }
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ h2 {
+ font-size: 1.5em;
+ }
+
+ h3 {
+ font-size: 1.2em;
+ }
+
+ h4 {
+ font-size: 1em;
+ }
+
+ /* Section/Article */
+
+ header {
+ p {
+ br {
+ display: none;
+ }
+ }
+
+ h2 + p {
+ font-size: 1em;
+ }
+
+ h3 + p {
+ font-size: 1em;
+ }
+
+ h4 + p,
+ h5 + p,
+ h6 + p {
+ font-size: 0.9em;
+ }
+
+ &.major {
+ margin: 0 0 _size(element-margin) 0;
+ }
+ }
+
+ /* Goto Next */
+
+ .goto-next {
+ &:before {
+ height: 0.8em;
+ margin: -0.4em 0 0 -0.6em;
+ width: 1.2em;
+ }
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ box-shadow: 0 0.125em 0.5em 0 rgba(0,0,0,0.25);
+
+ .image.main {
+ max-height: 60vh;
+ }
+
+ .content {
+ border-top-width: 0.2em !important;
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
+ }
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
+ }
+
+ /* Header */
+
+ #header {
+ display: none;
+ }
+
+ /* Banner */
+
+ #banner {
+ box-shadow: 0 0.125em 0.5em 0 rgba(0,0,0,0.25);
+ min-height: calc(100vh - 44px);
+
+ &:before {
+ height: calc(100vh - 44px);
+ }
+
+ .content {
+ padding: ($size-wrapper-pad-tb * 1.25) $size-wrapper-pad-lr ($size-wrapper-pad-tb * 1.5) $size-wrapper-pad-lr;
+
+ header {
+ h2 {
+ font-size: 1.5em;
+ }
+ }
+
+ .image {
+ height: 9em;
+ width: 9em;
+ }
+ }
+ }
+
+ /* Off-Canvas Navigation */
+
+ #page-wrapper {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ padding-bottom: 1px;
+ padding-top: 44px !important;
+ }
+
+ #titleBar {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transition', 'transform #{_duration(navPanel)} ease');
+ display: block;
+ height: 44px;
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: _misc(z-index-base) + 1;
+ background: _palette(accent2);
+ box-shadow: 0 0.125em 0.125em 0 rgba(0,0,0,0.125);
+
+ .title {
+ color: _palette(fg-bold);
+ display: block;
+ font-weight: _font(weight-bold);
+ height: 44px;
+ line-height: 44px;
+ text-align: center;
+
+ a {
+ color: inherit;
+ border: 0;
+ }
+ }
+
+ .toggle {
+ @include icon;
+ height: 60px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 90px;
+ outline: 0;
+ border: 0;
+
+ &:before {
+ background: _palette(accent1);
+ color: _palette(fg-light);
+ content: '\f0c9';
+ display: block;
+ font-size: 18px;
+ height: 44px;
+ left: 0;
+ line-height: 44px;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 54px;
+ }
+ }
+ }
+
+ #navPanel {
+ @include vendor('backface-visibility', 'hidden');
+ @include vendor('transform', 'translateX(#{_size(navPanel) * -1})');
+ @include vendor('transition', ('transform #{_duration(navPanel)} ease'));
+ display: block;
+ height: 100%;
+ left: 0;
+ overflow-y: auto;
+ position: fixed;
+ top: 0;
+ width: _size(navPanel);
+ z-index: _misc(z-index-base) + 2;
+ background: darken(_palette(bg), 2);
+ padding: 0.75em 1.25em;
+
+ .link {
+ border: 0;
+ border-top: solid 1px transparentize(_palette(border), 0.25);
+ color: _palette(fg);
+ display: block;
+ height: 3em;
+ line-height: 3em;
+ text-decoration: none;
+
+ &:hover {
+ color: inherit !important;
+ }
+
+ &:first-child {
+ border-top: 0;
+ }
+
+ &.depth-0 {
+ color: _palette(fg-bold);
+ font-weight: _font(weight-bold);
+ }
+
+ .indent-1 { display: inline-block; width: 1.25em; }
+ .indent-2 { display: inline-block; width: 2.5em; }
+ .indent-3 { display: inline-block; width: 3.75em; }
+ .indent-4 { display: inline-block; width: 5em; }
+ .indent-5 { display: inline-block; width: 6.25em; }
+ }
+ }
+
+ body {
+ &.navPanel-visible {
+ #page-wrapper {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #titleBar {
+ @include vendor('transform', 'translateX(#{_size(navPanel)})');
+ }
+
+ #navPanel {
+ @include vendor('transform', 'translateX(0)');
+ }
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
+ }
+
+ }
+
+/* XSmall */
+
+ @include breakpoint(xsmall) {
+
+ $size-wrapper-pad-tb: 3em;
+ $size-wrapper-pad-lr: 1.25em;
+
+ /* Basic */
+
+ html, body {
+ min-width: 320px;
+ }
+
+ body, input, select, textarea {
+ font-size: 12pt;
+ }
+
+ /* List */
+
+ ul {
+ &.actions {
+ margin: 0 0 _size(element-margin) 0;
+
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+ text-align: center;
+ width: 100%;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin: 0 !important;
+ width: 100%;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+ }
+
+ /* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ .button {
+ padding: 0;
+ }
+
+ /* Spotlight */
+
+ .spotlight {
+ .image.main {
+ max-height: 50vh;
+ }
+
+ .content {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr !important;
+ }
+ }
+
+ /* Wrapper */
+
+ .wrapper {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr ($size-wrapper-pad-tb - _size(element-margin)) $size-wrapper-pad-lr;
+ }
+
+ /* Banner */
+
+ #banner {
+ .content {
+ padding: $size-wrapper-pad-tb ($size-wrapper-pad-lr * 1.25) ($size-wrapper-pad-tb * 1.75) ($size-wrapper-pad-lr * 1.25);
+ }
+ }
+
+ /* Footer */
+
+ #footer {
+ padding: $size-wrapper-pad-tb $size-wrapper-pad-lr;
+
+ .copyright {
+ line-height: inherit;
+
+ li {
+ border-left: 0;
+ display: block;
+ margin: 0;
+ padding: 0;
+ }
+ }
+ }
+
+ }
\ No newline at end of file
diff --git a/landed/elements.html b/landed/elements.html
new file mode 100644
index 0000000..60ec0ae
--- /dev/null
+++ b/landed/elements.html
@@ -0,0 +1,440 @@
+
+
+
+
+
Elements - Landed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Text
+ This is bold and this is strong . This is italic and this is emphasized .
+ This is superscript text and this is subscript text.
+ This is underlined and this is code: for (;;) { ... }. Finally, this is a link .
+
+ Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+ Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.
+
+ Heading Level 2
+ Heading Level 3
+ Heading Level 4
+ Heading Level 5
+ Heading Level 6
+
+ Blockquote
+ Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.
+
+ Preformatted
+ i = 0;
+
+ while (!deck.isInOrder()) {
+ print 'Iteration ' + i;
+ deck.shuffle();
+ i++;
+ }
+
+ print 'It took ' + i + ' iterations to sort the deck.';
+
+
+
+
+ Lists
+
+
+
+
Unordered
+
+ Dolor pulvinar etiam magna etiam.
+ Sagittis adipiscing lorem eleifend.
+ Felis enim feugiat dolore viverra.
+
+
+
Alternate
+
+ Dolor pulvinar etiam magna etiam.
+ Sagittis adipiscing lorem eleifend.
+ Felis enim feugiat dolore viverra.
+ Lobortis adipiscing condimentum lorem.
+ Integer eleifend erat sed accumsan.
+
+
+
+
+
+
Ordered
+
+ Dolor pulvinar etiam magna etiam.
+ Etiam vel felis at lorem sed viverra.
+ Felis enim feugiat dolore viverra.
+ Dolor pulvinar etiam magna etiam.
+ Etiam vel felis at lorem sed viverra.
+ Felis enim feugiat dolore viverra.
+
+
+
Icons
+
+
+
+
+
Actions
+
+
+
+
+
+
+
+ Table
+ Default
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item 1
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item 2
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item 3
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item 4
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item 5
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
Alternate
+
+
+
+
+ Name
+ Description
+ Price
+
+
+
+
+ Item 1
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+ Item 2
+ Vis ac commodo adipiscing arcu aliquet.
+ 19.99
+
+
+ Item 3
+ Morbi faucibus arcu accumsan lorem.
+ 29.99
+
+
+ Item 4
+ Vitae integer tempus condimentum.
+ 19.99
+
+
+ Item 5
+ Ante turpis integer aliquet porttitor.
+ 29.99
+
+
+
+
+ 100.00
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Image
+ Fit
+
+
+ Left & Right
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/images/banner.jpg b/landed/images/banner.jpg
new file mode 100644
index 0000000..f43935c
Binary files /dev/null and b/landed/images/banner.jpg differ
diff --git a/landed/images/pic01.jpg b/landed/images/pic01.jpg
new file mode 100644
index 0000000..a4b7c4d
Binary files /dev/null and b/landed/images/pic01.jpg differ
diff --git a/landed/images/pic02.jpg b/landed/images/pic02.jpg
new file mode 100644
index 0000000..5422945
Binary files /dev/null and b/landed/images/pic02.jpg differ
diff --git a/landed/images/pic03.jpg b/landed/images/pic03.jpg
new file mode 100644
index 0000000..2830f9c
Binary files /dev/null and b/landed/images/pic03.jpg differ
diff --git a/landed/images/pic04.jpg b/landed/images/pic04.jpg
new file mode 100644
index 0000000..06fc247
Binary files /dev/null and b/landed/images/pic04.jpg differ
diff --git a/landed/images/pic05.jpg b/landed/images/pic05.jpg
new file mode 100644
index 0000000..5ece34b
Binary files /dev/null and b/landed/images/pic05.jpg differ
diff --git a/landed/images/pic06.jpg b/landed/images/pic06.jpg
new file mode 100644
index 0000000..098ffdd
Binary files /dev/null and b/landed/images/pic06.jpg differ
diff --git a/landed/images/pic07.jpg b/landed/images/pic07.jpg
new file mode 100644
index 0000000..a42a025
Binary files /dev/null and b/landed/images/pic07.jpg differ
diff --git a/landed/images/pic08.jpg b/landed/images/pic08.jpg
new file mode 100644
index 0000000..ef77658
Binary files /dev/null and b/landed/images/pic08.jpg differ
diff --git a/landed/index.html b/landed/index.html
new file mode 100644
index 0000000..9378415
--- /dev/null
+++ b/landed/index.html
@@ -0,0 +1,219 @@
+
+
+
+
+
Landed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Feugiat accumsan lorem eu ac lorem amet sed accumsan donec.
+ Blandit orci porttitor semper. Arcu phasellus tortor enim mi
+ nisi praesent dolor adipiscing. Integer mi sed nascetur cep aliquet
+ augue varius tempus lobortis porttitor accumsan consequat
+ adipiscing lorem dolor.
+
+
+
Morbi enim nascetur et placerat lorem sed iaculis neque ante
+ adipiscing adipiscing metus massa. Blandit orci porttitor semper.
+ Arcu phasellus tortor enim mi mi nisi praesent adipiscing. Integer
+ mi sed nascetur cep aliquet augue varius tempus. Feugiat lorem
+ ipsum dolor nullam.
+
+
+
+
Next
+
+
+
+
+
+
+
Feugiat accumsan lorem eu ac lorem amet ac arcu phasellus tortor enim mi mi nisi praesent adipiscing. Integer mi sed nascetur cep aliquet augue varius tempus lobortis porttitor lorem et accumsan consequat adipiscing lorem.
+
+
Next
+
+
+
+
+
+
+
Feugiat accumsan lorem eu ac lorem amet ac arcu phasellus tortor enim mi mi nisi praesent adipiscing. Integer mi sed nascetur cep aliquet augue varius tempus lobortis porttitor lorem et accumsan consequat adipiscing lorem.
+
+
Next
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/left-sidebar.html b/landed/left-sidebar.html
new file mode 100644
index 0000000..a42de7f
--- /dev/null
+++ b/landed/left-sidebar.html
@@ -0,0 +1,136 @@
+
+
+
+
+
Left Sidebar - Landed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dolore Amet Consequat
+ Aliquam massa urna, imperdiet sit amet mi non, bibendum euismod est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam quam, mollis at magna consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam.
+ Vestibulum diam quam, mollis at consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum. Morbi mattis elementum orci, nec dictum porta cursus justo. Quisque ultricies lorem in ligula condimentum, et egestas turpis sagittis. Cras ac nunc urna. Nullam eget lobortis purus. Phasellus vitae tortor non est placerat tristique.
+ Sed Magna Ornare
+ In vestibulum massa quis arcu lobortis tempus. Nam pretium arcu in odio vulputate luctus. Suspendisse euismod lorem eget lacinia fringilla. Sed sed felis justo. Nunc sodales elit in laoreet aliquam. Nam gravida, nisl sit amet iaculis porttitor, risus nisi rutrum metus.
+
+ Faucibus orci lobortis ac adipiscing integer.
+ Col accumsan arcu mi aliquet placerat.
+ Lobortis vestibulum ut magna tempor massa nascetur.
+ Blandit massa non blandit tempor interdum.
+ Lacinia mattis arcu nascetur lobortis.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/no-sidebar.html b/landed/no-sidebar.html
new file mode 100644
index 0000000..c212f38
--- /dev/null
+++ b/landed/no-sidebar.html
@@ -0,0 +1,105 @@
+
+
+
+
+
No Sidebar - Landed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dolore Amet Consequat
+ Aliquam massa urna, imperdiet sit amet mi non, bibendum euismod est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam quam, mollis at magna consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam cubilia adipiscing interdum aliquet aliquet placerat cubilia accumsan cep ante nullam adipiscing tortor odio. Iaculis adipiscing accumsan nascetur in cras. Lacinia placerat.
+ Vestibulum diam quam, mollis at consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum. Morbi mattis elementum orci, nec dictum porta cursus justo. Quisque ultricies lorem in ligula condimentum, et egestas turpis sagittis. Cras ac nunc urna. Nullam eget lobortis purus. Phasellus vitae tortor non est placerat tristique faucibus magna adipiscing aliquet blandit nisi dolor accumsan nascetur lorem. Vis enim. Curae. Mi arcu vis aliquam ipsum non accumsan ac mi faucibus amet eu accumsan erat interdum semper accumsan. Eu sagittis tellus accumsan neque lorem penatibus in porttitor. Vivamus commodo curae. Condimentum lobortis praesent id ac lorem. Lorem vis ipsum dolor feugiat consequat dolore adipiscing.
+ Sed Magna Ornare
+ In vestibulum massa quis arcu lobortis tempus. Nam pretium arcu in odio vulputate luctus. Suspendisse euismod lorem eget lacinia fringilla. Sed sed felis justo. Nunc sodales elit in laoreet aliquam. Nam gravida, nisl sit amet iaculis porttitor, risus nisi rutrum metus. In accumsan lorem nunc ultrices a ac eu accumsan ac id nullam. Nec lobortis. Faucibus. Mi commodo laoreet arcu at non mi lacinia aliquet non lobortis phasellus accumsan nascetur varius. Integer orci porttitor eu faucibus aliquet faucibus ac accumsan adipiscing accumsan odio. Ut adipiscing.
+
+ Faucibus orci lobortis ac adipiscing integer.
+ Col accumsan arcu mi aliquet placerat.
+ Lobortis vestibulum ut magna tempor massa nascetur.
+ Blandit massa non blandit tempor interdum.
+ Lacinia mattis arcu nascetur lobortis.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/landed/right-sidebar.html b/landed/right-sidebar.html
new file mode 100644
index 0000000..b6d9117
--- /dev/null
+++ b/landed/right-sidebar.html
@@ -0,0 +1,136 @@
+
+
+
+
+
Right Sidebar - Landed by HTML5 UP
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Dolore Amet Consequat
+ Aliquam massa urna, imperdiet sit amet mi non, bibendum euismod est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam quam, mollis at magna consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum est. Curabitur mi justo, tincidunt vel eros ullamcorper, porta cursus justo. Cras vel neque eros. Vestibulum diam.
+ Vestibulum diam quam, mollis at consectetur non, malesuada quis augue. Morbi tincidunt pretium interdum. Morbi mattis elementum orci, nec dictum porta cursus justo. Quisque ultricies lorem in ligula condimentum, et egestas turpis sagittis. Cras ac nunc urna. Nullam eget lobortis purus. Phasellus vitae tortor non est placerat tristique.
+ Sed Magna Ornare
+ In vestibulum massa quis arcu lobortis tempus. Nam pretium arcu in odio vulputate luctus. Suspendisse euismod lorem eget lacinia fringilla. Sed sed felis justo. Nunc sodales elit in laoreet aliquam. Nam gravida, nisl sit amet iaculis porttitor, risus nisi rutrum metus.
+
+ Faucibus orci lobortis ac adipiscing integer.
+ Col accumsan arcu mi aliquet placerat.
+ Lobortis vestibulum ut magna tempor massa nascetur.
+ Blandit massa non blandit tempor interdum.
+ Lacinia mattis arcu nascetur lobortis.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/lens/LICENSE.txt b/lens/LICENSE.txt
new file mode 100644
index 0000000..d447b56
--- /dev/null
+++ b/lens/LICENSE.txt
@@ -0,0 +1,63 @@
+Creative Commons Attribution 3.0 Unported
+http://creativecommons.org/licenses/by/3.0/
+
+License
+
+THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
+
+BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND CONDITIONS.
+
+1. Definitions
+
+ 1. "Adaptation" means a work based upon the Work, or upon the Work and other pre-existing works, such as a translation, adaptation, derivative work, arrangement of music or other alterations of a literary or artistic work, or phonogram or performance and includes cinematographic adaptations or any other form in which the Work may be recast, transformed, or adapted including in any form recognizably derived from the original, except that a work that constitutes a Collection will not be considered an Adaptation for the purpose of this License. For the avoidance of doubt, where the Work is a musical work, performance or phonogram, the synchronization of the Work in timed-relation with a moving image ("synching") will be considered an Adaptation for the purpose of this License.
+ 2. "Collection" means a collection of literary or artistic works, such as encyclopedias and anthologies, or performances, phonograms or broadcasts, or other works or subject matter other than works listed in Section 1(f) below, which, by reason of the selection and arrangement of their contents, constitute intellectual creations, in which the Work is included in its entirety in unmodified form along with one or more other contributions, each constituting separate and independent works in themselves, which together are assembled into a collective whole. A work that constitutes a Collection will not be considered an Adaptation (as defined above) for the purposes of this License.
+ 3. "Distribute" means to make available to the public the original and copies of the Work or Adaptation, as appropriate, through sale or other transfer of ownership.
+ 4. "Licensor" means the individual, individuals, entity or entities that offer(s) the Work under the terms of this License.
+ 5. "Original Author" means, in the case of a literary or artistic work, the individual, individuals, entity or entities who created the Work or if no individual or entity can be identified, the publisher; and in addition (i) in the case of a performance the actors, singers, musicians, dancers, and other persons who act, sing, deliver, declaim, play in, interpret or otherwise perform literary or artistic works or expressions of folklore; (ii) in the case of a phonogram the producer being the person or legal entity who first fixes the sounds of a performance or other sounds; and, (iii) in the case of broadcasts, the organization that transmits the broadcast.
+ 6. "Work" means the literary and/or artistic work offered under the terms of this License including without limitation any production in the literary, scientific and artistic domain, whatever may be the mode or form of its expression including digital form, such as a book, pamphlet and other writing; a lecture, address, sermon or other work of the same nature; a dramatic or dramatico-musical work; a choreographic work or entertainment in dumb show; a musical composition with or without words; a cinematographic work to which are assimilated works expressed by a process analogous to cinematography; a work of drawing, painting, architecture, sculpture, engraving or lithography; a photographic work to which are assimilated works expressed by a process analogous to photography; a work of applied art; an illustration, map, plan, sketch or three-dimensional work relative to geography, topography, architecture or science; a performance; a broadcast; a phonogram; a compilation of data to the extent it is protected as a copyrightable work; or a work performed by a variety or circus performer to the extent it is not otherwise considered a literary or artistic work.
+ 7. "You" means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation.
+ 8. "Publicly Perform" means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images.
+ 9. "Reproduce" means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.
+
+2. Fair Dealing Rights. Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.
+
+3. License Grant. Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:
+
+ 1. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections;
+ 2. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked "The original work was translated from English to Spanish," or a modification could indicate "The original work has been modified.";
+ 3. to Distribute and Publicly Perform the Work including as incorporated in Collections; and,
+ 4. to Distribute and Publicly Perform Adaptations.
+ 5.
+
+ For the avoidance of doubt:
+ 1. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License;
+ 2. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor waives the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; and,
+ 3. Voluntary License Schemes. The Licensor waives the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License.
+
+The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved.
+
+4. Restrictions. The license granted in Section 3 above is expressly made subject to and limited by the following restrictions:
+
+ 1. You may Distribute or Publicly Perform the Work only under the terms of this License. You must include a copy of, or the Uniform Resource Identifier (URI) for, this License with every copy of the Work You Distribute or Publicly Perform. You may not offer or impose any terms on the Work that restrict the terms of this License or the ability of the recipient of the Work to exercise the rights granted to that recipient under the terms of the License. You may not sublicense the Work. You must keep intact all notices that refer to this License and to the disclaimer of warranties with every copy of the Work You Distribute or Publicly Perform. When You Distribute or Publicly Perform the Work, You may not impose any effective technological measures on the Work that restrict the ability of a recipient of the Work from You to exercise the rights granted to that recipient under the terms of the License. This Section 4(a) applies to the Work as incorporated in a Collection, but this does not require the Collection apart from the Work itself to be made subject to the terms of this License. If You create a Collection, upon notice from any Licensor You must, to the extent practicable, remove from the Collection any credit as required by Section 4(b), as requested. If You create an Adaptation, upon notice from any Licensor You must, to the extent practicable, remove from the Adaptation any credit as required by Section 4(b), as requested.
+ 2. If You Distribute, or Publicly Perform the Work or any Adaptations or Collections, You must, unless a request has been made pursuant to Section 4(a), keep intact all copyright notices for the Work and provide, reasonable to the medium or means You are utilizing: (i) the name of the Original Author (or pseudonym, if applicable) if supplied, and/or if the Original Author and/or Licensor designate another party or parties (e.g., a sponsor institute, publishing entity, journal) for attribution ("Attribution Parties") in Licensor's copyright notice, terms of service or by other reasonable means, the name of such party or parties; (ii) the title of the Work if supplied; (iii) to the extent reasonably practicable, the URI, if any, that Licensor specifies to be associated with the Work, unless such URI does not refer to the copyright notice or licensing information for the Work; and (iv) , consistent with Section 3(b), in the case of an Adaptation, a credit identifying the use of the Work in the Adaptation (e.g., "French translation of the Work by Original Author," or "Screenplay based on original Work by Original Author"). The credit required by this Section 4 (b) may be implemented in any reasonable manner; provided, however, that in the case of a Adaptation or Collection, at a minimum such credit will appear, if a credit for all contributing authors of the Adaptation or Collection appears, then as part of these credits and in a manner at least as prominent as the credits for the other contributing authors. For the avoidance of doubt, You may only use the credit required by this Section for the purpose of attribution in the manner set out above and, by exercising Your rights under this License, You may not implicitly or explicitly assert or imply any connection with, sponsorship or endorsement by the Original Author, Licensor and/or Attribution Parties, as appropriate, of You or Your use of the Work, without the separate, express prior written permission of the Original Author, Licensor and/or Attribution Parties.
+ 3. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author's honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author's honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.
+
+5. Representations, Warranties and Disclaimer
+
+UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
+
+6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
+
+7. Termination
+
+ 1. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License.
+ 2. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.
+
+8. Miscellaneous
+
+ 1. Each time You Distribute or Publicly Perform the Work or a Collection, the Licensor offers to the recipient a license to the Work on the same terms and conditions as the license granted to You under this License.
+ 2. Each time You Distribute or Publicly Perform an Adaptation, Licensor offers to the recipient a license to the original Work on the same terms and conditions as the license granted to You under this License.
+ 3. If any provision of this License is invalid or unenforceable under applicable law, it shall not affect the validity or enforceability of the remainder of the terms of this License, and without further action by the parties to this agreement, such provision shall be reformed to the minimum extent necessary to make such provision valid and enforceable.
+ 4. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent.
+ 5. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You.
+ 6. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.
diff --git a/lens/README.txt b/lens/README.txt
new file mode 100644
index 0000000..8492acc
--- /dev/null
+++ b/lens/README.txt
@@ -0,0 +1,108 @@
+Lens by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+This is Lens, a full screen (and entirely responsive) photo gallery design. Unlike previous
+designs I've done in this vein (Parallelism, for instance), this one eschews the usual
+lightbox in favor of a completely full screen experience -- one that I'm happy to say
+translates awesomely all the way down to the tiniest of mobile devices. Full instructions
+below!
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = Not included)
+
+Feedback, bug reports, and comments are not only welcome, but strongly encouraged :)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Instructions:
+
+ Overview:
+
+ Lens is made up of three primary components:
+
+ - The "main wrapper": The skinny little column on the right. Home to what little
+ "regular" content you may have (header, footer, anything else you want to cram
+ in there), as well as ...
+
+ - The "thumbnails" section: A grid of thumbnails pointing to their respective
+ full size images.
+
+ - The "viewer": Basically the rest of the page, and basically where your full size
+ images will show up when a thumbnail is clicked.
+
+ Note: Only the main wrapper and the thumbnails section are actually present in
+ index.html. The viewer will be dynamically created on page load.
+
+ How it works:
+
+ Just add your thumbnails to the thumbnails section in the following format:
+
+
+
+
+ Title
+ Description.
+
+
+ And that's it. Lens will figure out the rest.
+
+ The "data-position" attribute:
+
+ As a full screen experience, the viewer will be subject to changes in its size and,
+ consequently, its aspect ratio. Since your full size images are basically applied as
+ backgrounds to the viewer itself, this means they'll probably (okay, definitely) get
+ cropped. All is not lost, however, as you can use the optional "data-position" attribute
+ to control how the full size image is positioned within the viewer. To do this, simply
+ add it to your thumbnail's
element and set it to any valid "background-position"
+ value. For example, this:
+
+ ...
+
+ ... positions this particular full size image in the top left corner of the viewer (as
+ opposed to its center, the default), effectively limiting cropping to everything but
+ the top left corner.
+
+ Keyboard shortcuts:
+
+ Lens is set up to respond to the following keyboard shortcuts:
+
+ - Left Arrow: Go to previous image.
+ - Right Arrow: Go to next image.
+ - Up Arrow: Go to image above the current one in the thumbnails section.
+ - Down Arrow: Go to image below the current one in the thumbnails section.
+ - Space: Go to next image.
+ - Escape: Toggle the main wrapper.
+
+ Note: All keyboard shortcuts are disabled when the "xsmall" breakpoint is active
+ (since they don't really make a whole lot of sense there).
+
+ Other stuff:
+
+ - The main wrapper can be moved to the left by changing the "misc.main-side" variable
+ in assets/sass/libs/_vars.scss to "left" (and of course recompiling your CSS).
+
+ - Additional tweakable settings can be found at the top of assets/js/main.js, but
+ be aware most of these need to sync with certain Sass variables (see comments
+ for details).
+
+
+Credits:
+
+ Demo Images:
+ Unsplash (unsplash.com)
+
+ Icons:
+ Font Awesome (fortawesome.github.com/Font-Awesome)
+
+ Other:
+ jQuery (jquery.com)
+ html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+ Respond.js (j.mp/respondjs)
+ Skel (skel.io)
\ No newline at end of file
diff --git a/lens/assets/css/font-awesome.min.css b/lens/assets/css/font-awesome.min.css
new file mode 100644
index 0000000..9b27f8e
--- /dev/null
+++ b/lens/assets/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;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}
diff --git a/lens/assets/css/ie8.css b/lens/assets/css/ie8.css
new file mode 100644
index 0000000..d939bf0
--- /dev/null
+++ b/lens/assets/css/ie8.css
@@ -0,0 +1,11 @@
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Viewer */
+
+ #viewer {
+ width: 100%;
+ }
\ No newline at end of file
diff --git a/lens/assets/css/ie9.css b/lens/assets/css/ie9.css
new file mode 100644
index 0000000..e39620a
--- /dev/null
+++ b/lens/assets/css/ie9.css
@@ -0,0 +1,31 @@
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Thumbnails */
+
+ #thumbnails:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ #thumbnails article {
+ float: left;
+ }
+
+/* Viewer */
+
+ #viewer .inner {
+ box-shadow: inset 0 0 9em 2em rgba(16, 16, 16, 0.2);
+ }
+
+ #viewer .inner:before {
+ display: none;
+ }
+
+ #viewer .slide .caption {
+ background-color: rgba(16, 16, 16, 0.5);
+ }
\ No newline at end of file
diff --git a/lens/assets/css/images/arrow-small.svg b/lens/assets/css/images/arrow-small.svg
new file mode 100644
index 0000000..9b7b156
--- /dev/null
+++ b/lens/assets/css/images/arrow-small.svg
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/arrow.svg b/lens/assets/css/images/arrow.svg
new file mode 100644
index 0000000..06f32b3
--- /dev/null
+++ b/lens/assets/css/images/arrow.svg
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/close-small-alt.svg b/lens/assets/css/images/close-small-alt.svg
new file mode 100644
index 0000000..2da146b
--- /dev/null
+++ b/lens/assets/css/images/close-small-alt.svg
@@ -0,0 +1,10 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/close-small.svg b/lens/assets/css/images/close-small.svg
new file mode 100644
index 0000000..27cc12a
--- /dev/null
+++ b/lens/assets/css/images/close-small.svg
@@ -0,0 +1,10 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/close.svg b/lens/assets/css/images/close.svg
new file mode 100644
index 0000000..8401a83
--- /dev/null
+++ b/lens/assets/css/images/close.svg
@@ -0,0 +1,10 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/open-small.svg b/lens/assets/css/images/open-small.svg
new file mode 100644
index 0000000..f1cabee
--- /dev/null
+++ b/lens/assets/css/images/open-small.svg
@@ -0,0 +1,11 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/open.svg b/lens/assets/css/images/open.svg
new file mode 100644
index 0000000..c0043ca
--- /dev/null
+++ b/lens/assets/css/images/open.svg
@@ -0,0 +1,12 @@
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/images/spinner.svg b/lens/assets/css/images/spinner.svg
new file mode 100644
index 0000000..8c15bed
--- /dev/null
+++ b/lens/assets/css/images/spinner.svg
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/lens/assets/css/main.css b/lens/assets/css/main.css
new file mode 100644
index 0000000..ef728c9
--- /dev/null
+++ b/lens/assets/css/main.css
@@ -0,0 +1,1242 @@
+@import url(font-awesome.min.css);
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
+
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Reset */
+
+ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+ }
+
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+ display: block;
+ }
+
+ body {
+ line-height: 1;
+ }
+
+ ol, ul {
+ list-style: none;
+ }
+
+ blockquote, q {
+ quotes: none;
+ }
+
+ blockquote:before, blockquote:after, q:before, q:after {
+ content: '';
+ content: none;
+ }
+
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+
+ body {
+ -webkit-text-size-adjust: none;
+ }
+
+/* Box Model */
+
+ *, *:before, *:after {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+/* Basic */
+
+ /*
+ @-ms-viewport {
+ width: device-width;
+ }
+
+ */
+
+ @media screen and (max-width: 480px) {
+
+ html, body {
+ min-width: 320px;
+ }
+
+ }
+
+ body.is-loading-0 *, body.is-loading-0 *:before, body.is-loading-0 *:after {
+ -moz-animation: none !important;
+ -webkit-animation: none !important;
+ -ms-animation: none !important;
+ animation: none !important;
+ -moz-transition: none !important;
+ -webkit-transition: none !important;
+ -ms-transition: none !important;
+ transition: none !important;
+ }
+
+ html, body {
+ background-color: #101010;
+ overflow: hidden;
+ }
+
+/* Type */
+
+ html {
+ font-size: 16pt;
+ }
+
+ @media screen and (max-width: 1680px) {
+
+ html {
+ font-size: 12pt;
+ }
+
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ html {
+ font-size: 11pt;
+ }
+
+ }
+
+ body {
+ background-color: #fff;
+ color: #aaa;
+ }
+
+ body, input, select, textarea {
+ font-family: "Roboto", Helvetica, sans-serif;
+ font-weight: 400;
+ line-height: 1.65;
+ font-size: 1em;
+ color: #aaa;
+ }
+
+ a {
+ -moz-transition: color 0.25s ease, border-bottom-color 0.25s ease;
+ -webkit-transition: color 0.25s ease, border-bottom-color 0.25s ease;
+ -ms-transition: color 0.25s ease, border-bottom-color 0.25s ease;
+ transition: color 0.25s ease, border-bottom-color 0.25s ease;
+ border-bottom: dotted 1px;
+ color: inherit;
+ text-decoration: none;
+ }
+
+ a:hover {
+ border-bottom-color: transparent;
+ color: #00D3B7;
+ }
+
+ strong, b {
+ font-weight: 400;
+ color: #555;
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 1.25em 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: 400;
+ line-height: 1.25;
+ margin: 0 0 0.5em 0;
+ color: #555;
+ }
+
+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+ color: inherit;
+ text-decoration: none;
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 0.9em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid 4px #ccc;
+ font-style: italic;
+ margin: 0 0 1.25em 0;
+ padding: 0.3125em 0 0.3125em 1.25em;
+ }
+
+ code {
+ border-radius: 4px;
+ border: solid 1px;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ border-color: #ccc;
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: "Courier New", monospace;
+ font-size: 0.9em;
+ margin: 0 0 1.25em 0;
+ }
+
+ pre code {
+ display: block;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid 1px #ccc;
+ margin: 1.25em 0;
+ }
+
+ hr.major {
+ margin: 1.875em 0;
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ -moz-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
+ -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
+ -ms-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
+ transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out;
+ background-color: transparent;
+ border-radius: 4px;
+ border: solid 1px #ccc;
+ color: #555;
+ cursor: pointer;
+ display: inline-block;
+ line-height: 1;
+ padding: 0.75em 1.5em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+ }
+
+ input[type="submit"]:hover,
+ input[type="reset"]:hover,
+ input[type="button"]:hover,
+ button:hover,
+ .button:hover {
+ border-color: #00D3B7;
+ color: #00D3B7;
+ }
+
+ input[type="submit"]:hover:active,
+ input[type="reset"]:hover:active,
+ input[type="button"]:hover:active,
+ button:hover:active,
+ .button:hover:active {
+ background-color: rgba(0, 211, 183, 0.15);
+ }
+
+ input[type="submit"].icon,
+ input[type="reset"].icon,
+ input[type="button"].icon,
+ button.icon,
+ .button.icon {
+ padding-left: 1.35em;
+ }
+
+ input[type="submit"].icon:before,
+ input[type="reset"].icon:before,
+ input[type="button"].icon:before,
+ button.icon:before,
+ .button.icon:before {
+ margin-right: 0.5em;
+ }
+
+ input[type="submit"].fit,
+ input[type="reset"].fit,
+ input[type="button"].fit,
+ button.fit,
+ .button.fit {
+ display: block;
+ margin: 0 0 0.625em 0;
+ width: 100%;
+ }
+
+ input[type="submit"].small,
+ input[type="reset"].small,
+ input[type="button"].small,
+ button.small,
+ .button.small {
+ font-size: 0.8em;
+ }
+
+ input[type="submit"].big,
+ input[type="reset"].big,
+ input[type="button"].big,
+ button.big,
+ .button.big {
+ font-size: 1.35em;
+ }
+
+ input[type="submit"].disabled, input[type="submit"]:disabled,
+ input[type="reset"].disabled,
+ input[type="reset"]:disabled,
+ input[type="button"].disabled,
+ input[type="button"]:disabled,
+ button.disabled,
+ button:disabled,
+ .button.disabled,
+ .button:disabled {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ opacity: 0.25;
+ }
+
+/* Form */
+
+ form {
+ margin: 0 0 1.25em 0;
+ }
+
+ label {
+ color: #555;
+ display: block;
+ font-size: 0.9em;
+ font-weight: 400;
+ margin: 0 0 0.625em 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background-color: transparent;
+ border-radius: 4px;
+ border: solid 1px #ccc;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 0.75em;
+ text-decoration: none;
+ width: 100%;
+ }
+
+ input[type="text"]:invalid,
+ input[type="password"]:invalid,
+ input[type="email"]:invalid,
+ select:invalid,
+ textarea:invalid {
+ box-shadow: none;
+ }
+
+ input[type="text"]:focus,
+ input[type="password"]:focus,
+ input[type="email"]:focus,
+ select:focus,
+ textarea:focus {
+ border-color: #00D3B7;
+ }
+
+ .select-wrapper {
+ text-decoration: none;
+ display: block;
+ position: relative;
+ }
+
+ .select-wrapper:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .select-wrapper:before {
+ color: #ccc;
+ content: '\f107';
+ display: block;
+ height: 2.75em;
+ line-height: 2.75em;
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: 2.75em;
+ }
+
+ .select-wrapper select::-ms-expand {
+ display: none;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: 2.75em;
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"] {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+ }
+
+ input[type="checkbox"] + label,
+ input[type="radio"] + label {
+ text-decoration: none;
+ color: #aaa;
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: 400;
+ margin: 0;
+ padding-left: 2.4em;
+ padding-right: 0.75em;
+ position: relative;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ input[type="checkbox"] + label:before,
+ input[type="radio"] + label:before {
+ background: transparent;
+ border-radius: 4px;
+ border: solid 1px #ccc;
+ content: '';
+ display: inline-block;
+ height: 1.65em;
+ left: 0;
+ line-height: 1.58125em;
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: 1.65em;
+ }
+
+ input[type="checkbox"]:checked + label:before,
+ input[type="radio"]:checked + label:before {
+ background-color: #555;
+ border-color: #555;
+ color: #fff;
+ content: '\f00c';
+ }
+
+ input[type="checkbox"]:focus + label:before,
+ input[type="radio"]:focus + label:before {
+ border-color: #00D3B7;
+ }
+
+ input[type="checkbox"] + label:before {
+ border-radius: 4px;
+ }
+
+ input[type="radio"] + label:before {
+ border-radius: 100%;
+ }
+
+ ::-webkit-input-placeholder {
+ opacity: 1.0;
+ color: #ccc !important;
+ }
+
+ :-moz-placeholder {
+ opacity: 1.0;
+ color: #ccc !important;
+ }
+
+ ::-moz-placeholder {
+ opacity: 1.0;
+ color: #ccc !important;
+ }
+
+ :-ms-input-placeholder {
+ opacity: 1.0;
+ color: #ccc !important;
+ }
+
+ .formerize-placeholder {
+ opacity: 1.0;
+ color: #ccc !important;
+ }
+
+ .field {
+ margin: 0 0 1.25em 0;
+ }
+
+/* Icon */
+
+ .icon {
+ text-decoration: none;
+ border-bottom: none;
+ position: relative;
+ }
+
+ .icon:before {
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+ }
+
+ .icon > .label {
+ display: none;
+ }
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 1.25em 0;
+ padding-left: 1.25em;
+ }
+
+ ol li {
+ padding-left: 0.25em;
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 1.25em 0;
+ padding-left: 1em;
+ }
+
+ ul li {
+ padding-left: 0.5em;
+ }
+
+ ul.alt {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.alt li {
+ border-top: solid 1px #ccc;
+ padding: 0.5em 0;
+ }
+
+ ul.alt li:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+
+ ul.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.icons li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+ }
+
+ ul.icons li:last-child {
+ padding-right: 0;
+ }
+
+ ul.icons li .icon:before {
+ font-size: 1.5rem;
+ }
+
+ ul.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+ }
+
+ ul.actions li {
+ display: inline-block;
+ padding: 0 0.625em 0 0;
+ vertical-align: middle;
+ }
+
+ ul.actions li:last-child {
+ padding-right: 0;
+ }
+
+ ul.actions.small li {
+ padding: 0 0.3125em 0 0;
+ }
+
+ ul.actions.vertical li {
+ display: block;
+ padding: 0.625em 0 0 0;
+ }
+
+ ul.actions.vertical li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.vertical li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.vertical.small li {
+ padding: 0.3125em 0 0 0;
+ }
+
+ ul.actions.vertical.small li:first-child {
+ padding-top: 0;
+ }
+
+ ul.actions.fit {
+ display: table;
+ margin-left: -0.625em;
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + 0.625em);
+ }
+
+ ul.actions.fit li {
+ display: table-cell;
+ padding: 0 0 0 0.625em;
+ }
+
+ ul.actions.fit li > * {
+ margin-bottom: 0;
+ }
+
+ ul.actions.fit.small {
+ margin-left: -0.3125em;
+ width: calc(100% + 0.3125em);
+ }
+
+ ul.actions.fit.small li {
+ padding: 0 0 0 0.3125em;
+ }
+
+ dl {
+ margin: 0 0 1.25em 0;
+ }
+
+ dl dt {
+ display: block;
+ font-weight: 400;
+ margin: 0 0 0.625em 0;
+ }
+
+ dl dd {
+ margin-left: 1.25em;
+ }
+
+/* Main */
+
+ #main {
+ -moz-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s;
+ -webkit-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s;
+ -ms-transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s;
+ transition: opacity 0.75s ease, right 0.75s ease, left 0.75s ease, visibility 0.75s;
+ -webkit-overflow-scrolling: touch;
+ position: fixed;
+ top: 0;
+ width: 22.5em;
+ height: 100%;
+ background: #fff;
+ outline: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ text-align: right;
+ visibility: visible;
+ z-index: 10000;
+ right: 0;
+ }
+
+ #main .toggle {
+ -webkit-tap-highlight-color: transparent;
+ position: absolute;
+ top: 0;
+ width: 4em;
+ height: 4em;
+ background-image: url("images/close-small-alt.svg");
+ background-repeat: no-repeat;
+ background-size: 32px 32px;
+ cursor: pointer;
+ display: none;
+ z-index: 1;
+ background-position: 0.5em 0.5em;
+ left: 0;
+ }
+
+ body.fullscreen #main {
+ visibility: hidden;
+ right: -22.5em;
+ }
+
+ body.is-loading-1 #main {
+ opacity: 0;
+ right: -2em;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #main {
+ width: 19em;
+ }
+
+ body.fullscreen #main {
+ right: -19em;
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #main {
+ background: rgba(255, 255, 255, 0.925);
+ }
+
+ #main .toggle {
+ display: block;
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #main {
+ -moz-transition: opacity 0.5s ease, visibility 0.5s;
+ -webkit-transition: opacity 0.5s ease, visibility 0.5s;
+ -ms-transition: opacity 0.5s ease, visibility 0.5s;
+ transition: opacity 0.5s ease, visibility 0.5s;
+ width: 100%;
+ background: #fff;
+ text-align: center;
+ }
+
+ body.is-loading-1 #main {
+ left: auto !important;
+ right: auto !important;
+ }
+
+ body.fullscreen #main {
+ left: auto !important;
+ right: auto !important;
+ opacity: 0;
+ }
+
+ #main .toggle {
+ display: none;
+ }
+
+ }
+
+/* Header */
+
+ #header {
+ padding: 3em 2.25em 1.75em 2.25em ;
+ }
+
+ #header h1 {
+ font-size: 2.25em;
+ font-weight: 700;
+ }
+
+/* Footer */
+
+ #footer {
+ padding: 2.25em 2.25em 1em 2.25em ;
+ }
+
+ #footer .copyright {
+ list-style: none;
+ padding: 0;
+ }
+
+ #footer .copyright li {
+ display: inline-block;
+ font-size: 0.8em;
+ margin-left: 0.35em;
+ padding: 0;
+ }
+
+ #footer .copyright li:first-child {
+ margin-left: 0;
+ }
+
+/* Thumbnails */
+
+ #thumbnails {
+ display: -moz-flex;
+ display: -webkit-flex;
+ display: -ms-flex;
+ display: flex;
+ -moz-flex-wrap: wrap;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0 0.75em;
+ }
+
+ #thumbnails article {
+ position: relative;
+ width: 50%;
+ background: #101010;
+ outline: 0;
+ }
+
+ #thumbnails article .thumbnail {
+ -webkit-tap-highlight-color: transparent;
+ display: block;
+ position: relative;
+ border: 0;
+ outline: 0;
+ }
+
+ #thumbnails article .thumbnail img {
+ display: block;
+ width: 100%;
+ }
+
+ #thumbnails article .thumbnail:before {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ -moz-transition: opacity 0.25s ease;
+ -webkit-transition: opacity 0.25s ease;
+ -ms-transition: opacity 0.25s ease;
+ transition: opacity 0.25s ease;
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ box-shadow: inset 0 0 0 2px #00D3B7, inset 0 0 0px 3px rgba(0, 0, 0, 0.15);
+ opacity: 0;
+ z-index: 1;
+ }
+
+ #thumbnails article .thumbnail:focus:before {
+ opacity: 0.5;
+ }
+
+ #thumbnails article h2, #thumbnails article p {
+ display: none;
+ }
+
+ #thumbnails article.active .thumbnail:before {
+ opacity: 1;
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #thumbnails article .thumbnail:before {
+ display: none;
+ }
+
+ }
+
+/* Viewer */
+
+ @-moz-keyframes spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-webkit-keyframes spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @-ms-keyframes spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ @keyframes spinner {
+ 0% {
+ -moz-transform: rotate(0deg);
+ -webkit-transform: rotate(0deg);
+ -ms-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ -moz-transform: rotate(360deg);
+ -webkit-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+ }
+
+ #viewer {
+ -moz-transition: opacity 0.75s ease, width 0.75s ease;
+ -webkit-transition: opacity 0.75s ease, width 0.75s ease;
+ -ms-transition: opacity 0.75s ease, width 0.75s ease;
+ transition: opacity 0.75s ease, width 0.75s ease;
+ position: absolute;
+ top: 0;
+ width: calc(100% - 22.5em);
+ height: 100%;
+ left: 0;
+ }
+
+ #viewer .inner {
+ -moz-pointer-events: none;
+ -webkit-pointer-events: none;
+ -ms-pointer-events: none;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ }
+
+ #viewer .inner > * {
+ -moz-pointer-events: auto;
+ -webkit-pointer-events: auto;
+ -ms-pointer-events: auto;
+ pointer-events: auto;
+ }
+
+ #viewer .inner:before {
+ background-image: -moz-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -moz-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0));
+ background-image: -webkit-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -webkit-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0));
+ background-image: -ms-linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), -ms-linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0));
+ background-image: linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0)), linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0));
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ #viewer .inner .toggle {
+ -webkit-tap-highlight-color: transparent;
+ position: absolute;
+ top: 0;
+ width: 4em;
+ height: 4em;
+ background-image: url("images/close.svg");
+ background-repeat: no-repeat;
+ background-size: 64px 64px;
+ cursor: pointer;
+ z-index: 1;
+ right: 0;
+ background-position: calc(100% - 0.75em) 0.75em;
+ }
+
+ #viewer .inner .nav-next,
+ #viewer .inner .nav-previous {
+ -webkit-tap-highlight-color: transparent;
+ position: absolute;
+ top: 50%;
+ width: 6em;
+ height: 6em;
+ margin-top: -3em;
+ background-image: url("images/arrow.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ cursor: pointer;
+ }
+
+ #viewer .inner .nav-previous {
+ -moz-transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ -ms-transform: scaleX(-1);
+ transform: scaleX(-1);
+ left: 0;
+ }
+
+ #viewer .inner .nav-next {
+ right: 0;
+ }
+
+ #viewer .slide {
+ -moz-transition: opacity 0.5s ease-in-out;
+ -webkit-transition: opacity 0.5s ease-in-out;
+ -ms-transition: opacity 0.5s ease-in-out;
+ transition: opacity 0.5s ease-in-out;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ z-index: 1;
+ }
+
+ #viewer .slide .caption {
+ background-image: -moz-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0));
+ background-image: -webkit-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0));
+ background-image: -ms-linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0));
+ background-image: linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0));
+ padding: 2em 2em 0.75em 2em ;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ color: rgba(255, 255, 255, 0.5);
+ z-index: 1;
+ }
+
+ #viewer .slide .caption h2, #viewer .slide .caption h3, #viewer .slide .caption h4, #viewer .slide .caption h5, #viewer .slide .caption h6 {
+ color: #fff;
+ }
+
+ #viewer .slide .image {
+ -moz-transition: opacity 0.5s ease-in-out;
+ -webkit-transition: opacity 0.5s ease-in-out;
+ -ms-transition: opacity 0.5s ease-in-out;
+ transition: opacity 0.5s ease-in-out;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0;
+ }
+
+ #viewer .slide:before {
+ -moz-animation: spinner 1s linear infinite;
+ -webkit-animation: spinner 1s linear infinite;
+ -ms-animation: spinner 1s linear infinite;
+ animation: spinner 1s linear infinite;
+ -moz-transition: opacity 0.5s ease-in-out;
+ -webkit-transition: opacity 0.5s ease-in-out;
+ -ms-transition: opacity 0.5s ease-in-out;
+ transition: opacity 0.5s ease-in-out;
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 3em;
+ height: 3em;
+ background-image: url("images/spinner.svg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ margin: -1.5em 0 0 -1.5em;
+ opacity: 0;
+ }
+
+ #viewer .slide.loading:before {
+ opacity: 1;
+ }
+
+ #viewer .slide.active .image {
+ opacity: 1;
+ }
+
+ body.fullscreen #viewer {
+ width: 100%;
+ }
+
+ body.fullscreen #viewer .inner .toggle {
+ background-image: url("images/open.svg");
+ }
+
+ body.is-loading-1 #viewer {
+ opacity: 0;
+ }
+
+ body.is-loading-2 #viewer .slide {
+ opacity: 0;
+ }
+
+ @media screen and (max-width: 1280px) {
+
+ #viewer {
+ width: calc(100% - 19em);
+ }
+
+ }
+
+ @media screen and (max-width: 980px) {
+
+ #viewer {
+ width: 100%;
+ }
+
+ #viewer .inner .toggle {
+ -moz-transition: opacity 0.75s ease;
+ -webkit-transition: opacity 0.75s ease;
+ -ms-transition: opacity 0.75s ease;
+ transition: opacity 0.75s ease;
+ background-image: url("images/open.svg");
+ opacity: 0;
+ right: 0;
+ }
+
+ body.fullscreen #viewer .inner .toggle {
+ opacity: 1;
+ }
+
+ }
+
+ @media screen and (max-width: 736px) {
+
+ #viewer .inner .toggle {
+ background-size: 32px 32px;
+ }
+
+ #viewer .inner .nav-next,
+ #viewer .inner .nav-previous {
+ background-image: url("images/arrow-small.svg");
+ background-size: 32px 32px;
+ }
+
+ body.fullscreen #viewer .inner .toggle {
+ background-image: url("images/open-small.svg");
+ }
+
+ }
+
+ @media screen and (max-width: 480px) {
+
+ #viewer {
+ -moz-transition: opacity 0.5s ease;
+ -webkit-transition: opacity 0.5s ease;
+ -ms-transition: opacity 0.5s ease;
+ transition: opacity 0.5s ease;
+ -moz-transition-delay: 0s;
+ -webkit-transition-delay: 0s;
+ -ms-transition-delay: 0s;
+ transition-delay: 0s;
+ opacity: 0;
+ }
+
+ #viewer .inner .toggle {
+ background-image: url("images/close-small.svg") !important;
+ background-size: 32px 32px;
+ }
+
+ body.fullscreen #viewer {
+ -moz-transition-delay: 0.5s;
+ -webkit-transition-delay: 0.5s;
+ -ms-transition-delay: 0.5s;
+ transition-delay: 0.5s;
+ opacity: 1;
+ }
+
+ }
\ No newline at end of file
diff --git a/lens/assets/css/noscript.css b/lens/assets/css/noscript.css
new file mode 100644
index 0000000..9dc479e
--- /dev/null
+++ b/lens/assets/css/noscript.css
@@ -0,0 +1,29 @@
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Main */
+
+ #main {
+ opacity: 1 !important;
+ right: 0 !important;
+ }
+
+ body:before {
+ content: 'Javascript is disabled :(';
+ display: block;
+ position: absolute;
+ top: 50%;
+ width: calc(100% - 22.5em * 0.333333333);
+ height: 4em;
+ margin-top: -2em;
+ color: #272727;
+ cursor: default;
+ font-size: 3em;
+ line-height: 4em;
+ text-align: center;
+ white-space: nowrap;
+ left: 0;
+ }
\ No newline at end of file
diff --git a/lens/assets/fonts/FontAwesome.otf b/lens/assets/fonts/FontAwesome.otf
new file mode 100644
index 0000000..d4de13e
Binary files /dev/null and b/lens/assets/fonts/FontAwesome.otf differ
diff --git a/lens/assets/fonts/fontawesome-webfont.eot b/lens/assets/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..c7b00d2
Binary files /dev/null and b/lens/assets/fonts/fontawesome-webfont.eot differ
diff --git a/lens/assets/fonts/fontawesome-webfont.svg b/lens/assets/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..8b66187
--- /dev/null
+++ b/lens/assets/fonts/fontawesome-webfont.svg
@@ -0,0 +1,685 @@
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/lens/assets/fonts/fontawesome-webfont.ttf b/lens/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/lens/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/lens/assets/fonts/fontawesome-webfont.woff b/lens/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/lens/assets/fonts/fontawesome-webfont.woff differ
diff --git a/lens/assets/fonts/fontawesome-webfont.woff2 b/lens/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/lens/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/lens/assets/js/ie/PIE.htc b/lens/assets/js/ie/PIE.htc
new file mode 100644
index 0000000..ca3b547
--- /dev/null
+++ b/lens/assets/js/ie/PIE.htc
@@ -0,0 +1,96 @@
+
+
+
+
diff --git a/lens/assets/js/ie/html5shiv.js b/lens/assets/js/ie/html5shiv.js
new file mode 100644
index 0000000..dcf351c
--- /dev/null
+++ b/lens/assets/js/ie/html5shiv.js
@@ -0,0 +1,8 @@
+/*
+ HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
+a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x";
+c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="
";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
+for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d
#mq-test-1 { width: 42px; }',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;ba?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/lens/assets/js/main.js b/lens/assets/js/main.js
new file mode 100644
index 0000000..86112fb
--- /dev/null
+++ b/lens/assets/js/main.js
@@ -0,0 +1,770 @@
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+var main = (function($) { var _ = {
+
+ /**
+ * Settings.
+ * @var {object}
+ */
+ settings: {
+
+ // Preload all images.
+ preload: false,
+
+ // Slide duration (must match "duration.slide" in _vars.scss).
+ slideDuration: 500,
+
+ // Layout duration (must match "duration.layout" in _vars.scss).
+ layoutDuration: 750,
+
+ // Thumbnails per "row" (must match "misc.thumbnails-per-row" in _vars.scss).
+ thumbnailsPerRow: 2,
+
+ // Side of main wrapper (must match "misc.main-side" in _vars.scss).
+ mainSide: 'right'
+
+ },
+
+ /**
+ * Window.
+ * @var {jQuery}
+ */
+ $window: null,
+
+ /**
+ * Body.
+ * @var {jQuery}
+ */
+ $body: null,
+
+ /**
+ * Main wrapper.
+ * @var {jQuery}
+ */
+ $main: null,
+
+ /**
+ * Thumbnails.
+ * @var {jQuery}
+ */
+ $thumbnails: null,
+
+ /**
+ * Viewer.
+ * @var {jQuery}
+ */
+ $viewer: null,
+
+ /**
+ * Toggle.
+ * @var {jQuery}
+ */
+ $toggle: null,
+
+ /**
+ * Nav (next).
+ * @var {jQuery}
+ */
+ $navNext: null,
+
+ /**
+ * Nav (previous).
+ * @var {jQuery}
+ */
+ $navPrevious: null,
+
+ /**
+ * Slides.
+ * @var {array}
+ */
+ slides: [],
+
+ /**
+ * Current slide index.
+ * @var {integer}
+ */
+ current: null,
+
+ /**
+ * Lock state.
+ * @var {bool}
+ */
+ locked: false,
+
+ /**
+ * Keyboard shortcuts.
+ * @var {object}
+ */
+ keys: {
+
+ // Escape: Toggle main wrapper.
+ 27: function() {
+ _.toggle();
+ },
+
+ // Up: Move up.
+ 38: function() {
+ _.up();
+ },
+
+ // Down: Move down.
+ 40: function() {
+ _.down();
+ },
+
+ // Space: Next.
+ 32: function() {
+ _.next();
+ },
+
+ // Right Arrow: Next.
+ 39: function() {
+ _.next();
+ },
+
+ // Left Arrow: Previous.
+ 37: function() {
+ _.previous();
+ }
+
+ },
+
+ /**
+ * Initialize properties.
+ */
+ initProperties: function() {
+
+ // Window, body.
+ _.$window = $(window);
+ _.$body = $('body');
+
+ // Thumbnails.
+ _.$thumbnails = $('#thumbnails');
+
+ // Viewer.
+ _.$viewer = $(
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
' +
+ '
'
+ ).appendTo(_.$body);
+
+ // Nav.
+ _.$navNext = _.$viewer.find('.nav-next');
+ _.$navPrevious = _.$viewer.find('.nav-previous');
+
+ // Main wrapper.
+ _.$main = $('#main');
+
+ // Toggle.
+ $('
')
+ .appendTo(_.$main);
+
+ _.$toggle = $('.toggle');
+
+ // IE<9: Fix viewer width (no calc support).
+ if (skel.vars.IEVersion < 9)
+ _.$window
+ .on('resize', function() {
+ window.setTimeout(function() {
+ _.$viewer.css('width', _.$window.width() - _.$main.width());
+ }, 100);
+ })
+ .trigger('resize');
+
+ },
+
+ /**
+ * Initialize events.
+ */
+ initEvents: function() {
+
+ // Window.
+
+ // Remove is-loading-* classes on load.
+ _.$window.on('load', function() {
+
+ _.$body.removeClass('is-loading-0');
+
+ window.setTimeout(function() {
+ _.$body.removeClass('is-loading-1');
+ }, 100);
+
+ window.setTimeout(function() {
+ _.$body.removeClass('is-loading-2');
+ }, 100 + Math.max(_.settings.layoutDuration - 150, 0));
+
+ });
+
+ // Disable animations/transitions on resize.
+ var resizeTimeout;
+
+ _.$window.on('resize', function() {
+
+ _.$body.addClass('is-loading-0');
+ window.clearTimeout(resizeTimeout);
+
+ resizeTimeout = window.setTimeout(function() {
+ _.$body.removeClass('is-loading-0');
+ }, 100);
+
+ });
+
+ // Viewer.
+
+ // Hide main wrapper on tap (<= medium only).
+ _.$viewer.on('touchend', function() {
+
+ if (skel.breakpoint('medium').active)
+ _.hide();
+
+ });
+
+ // Touch gestures.
+ _.$viewer
+ .on('touchstart', function(event) {
+
+ // Record start position.
+ _.$viewer.touchPosX = event.originalEvent.touches[0].pageX;
+ _.$viewer.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+ .on('touchmove', function(event) {
+
+ // No start position recorded? Bail.
+ if (_.$viewer.touchPosX === null
+ || _.$viewer.touchPosY === null)
+ return;
+
+ // Calculate stuff.
+ var diffX = _.$viewer.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = _.$viewer.touchPosY - event.originalEvent.touches[0].pageY;
+ boundary = 20,
+ delta = 50;
+
+ // Swipe left (next).
+ if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta) )
+ _.next();
+
+ // Swipe right (previous).
+ else if ( (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)) )
+ _.previous();
+
+ // Overscroll fix.
+ var th = _.$viewer.outerHeight(),
+ ts = (_.$viewer.get(0).scrollHeight - _.$viewer.scrollTop());
+
+ if ((_.$viewer.scrollTop() <= 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+
+ // Main.
+
+ // Touch gestures.
+ _.$main
+ .on('touchstart', function(event) {
+
+ // Bail on xsmall.
+ if (skel.breakpoint('xsmall').active)
+ return;
+
+ // Record start position.
+ _.$main.touchPosX = event.originalEvent.touches[0].pageX;
+ _.$main.touchPosY = event.originalEvent.touches[0].pageY;
+
+ })
+ .on('touchmove', function(event) {
+
+ // Bail on xsmall.
+ if (skel.breakpoint('xsmall').active)
+ return;
+
+ // No start position recorded? Bail.
+ if (_.$main.touchPosX === null
+ || _.$main.touchPosY === null)
+ return;
+
+ // Calculate stuff.
+ var diffX = _.$main.touchPosX - event.originalEvent.touches[0].pageX,
+ diffY = _.$main.touchPosY - event.originalEvent.touches[0].pageY;
+ boundary = 20,
+ delta = 50,
+ result = false;
+
+ // Swipe to close.
+ switch (_.settings.mainSide) {
+
+ case 'left':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta);
+ break;
+
+ case 'right':
+ result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta));
+ break;
+
+ default:
+ break;
+
+ }
+
+ if (result)
+ _.hide();
+
+ // Overscroll fix.
+ var th = _.$main.outerHeight(),
+ ts = (_.$main.get(0).scrollHeight - _.$main.scrollTop());
+
+ if ((_.$main.scrollTop() <= 0 && diffY < 0)
+ || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) {
+
+ event.preventDefault();
+ event.stopPropagation();
+
+ }
+
+ });
+ // Toggle.
+ _.$toggle.on('click', function() {
+ _.toggle();
+ });
+
+ // Prevent event from bubbling up to "hide event on tap" event.
+ _.$toggle.on('touchend', function(event) {
+ event.stopPropagation();
+ });
+
+ // Nav.
+ _.$navNext.on('click', function() {
+ _.next();
+ });
+
+ _.$navPrevious.on('click', function() {
+ _.previous();
+ });
+
+ // Keyboard shortcuts.
+
+ // Ignore shortcuts within form elements.
+ _.$body.on('keydown', 'input,select,textarea', function(event) {
+ event.stopPropagation();
+ });
+
+ _.$window.on('keydown', function(event) {
+
+ // Ignore if xsmall is active.
+ if (skel.breakpoint('xsmall').active)
+ return;
+
+ // Check keycode.
+ if (event.keyCode in _.keys) {
+
+ // Stop other events.
+ event.stopPropagation();
+ event.preventDefault();
+
+ // Call shortcut.
+ (_.keys[event.keyCode])();
+
+ }
+
+ });
+
+ },
+
+ /**
+ * Initialize viewer.
+ */
+ initViewer: function() {
+
+ // Bind thumbnail click event.
+ _.$thumbnails
+ .on('click', '.thumbnail', function(event) {
+
+ var $this = $(this);
+
+ // Stop other events.
+ event.preventDefault();
+ event.stopPropagation();
+
+ // Locked? Blur.
+ if (_.locked)
+ $this.blur();
+
+ // Switch to this thumbnail's slide.
+ _.switchTo($this.data('index'));
+
+ });
+
+ // Create slides from thumbnails.
+ _.$thumbnails.children()
+ .each(function() {
+
+ var $this = $(this),
+ $thumbnail = $this.children('.thumbnail'),
+ s;
+
+ // Slide object.
+ s = {
+ $parent: $this,
+ $slide: null,
+ $slideImage: null,
+ $slideCaption: null,
+ url: $thumbnail.attr('href'),
+ loaded: false
+ };
+
+ // Parent.
+ $this.attr('tabIndex', '-1');
+
+ // Slide.
+
+ // Create elements.
+ s.$slide = $('
');
+
+ // Image.
+ s.$slideImage = s.$slide.children('.image');
+
+ // Set background stuff.
+ s.$slideImage
+ .css('background-image', '')
+ .css('background-position', ($thumbnail.data('position') || 'center'));
+
+ // Caption.
+ s.$slideCaption = s.$slide.find('.caption');
+
+ // Move everything *except* the thumbnail itself to the caption.
+ $this.children().not($thumbnail)
+ .appendTo(s.$slideCaption);
+
+ // Preload?
+ if (_.settings.preload) {
+
+ // Force image to download.
+ var $img = $('
');
+
+ // Set slide's background image to it.
+ s.$slideImage
+ .css('background-image', 'url(' + s.url + ')');
+
+ // Mark slide as loaded.
+ s.$slide.addClass('loaded');
+ s.loaded = true;
+
+ }
+
+ // Add to slides array.
+ _.slides.push(s);
+
+ // Set thumbnail's index.
+ $thumbnail.data('index', _.slides.length - 1);
+
+ });
+
+ },
+
+ /**
+ * Initialize stuff.
+ */
+ init: function() {
+
+ // IE<10: Zero out transition delays.
+ if (skel.vars.IEVersion < 10) {
+
+ _.settings.slideDuration = 0;
+ _.settings.layoutDuration = 0;
+
+ }
+
+ // Skel.
+ skel.breakpoints({
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ });
+
+ // Everything else.
+ _.initProperties();
+ _.initViewer();
+ _.initEvents();
+
+ // Initial slide.
+ window.setTimeout(function() {
+
+ // Show first slide if xsmall isn't active or it just deactivated.
+ skel.on('-xsmall !xsmall', function() {
+
+ if (_.current === null)
+ _.switchTo(0, true);
+
+ });
+
+ }, 0);
+
+ },
+
+ /**
+ * Switch to a specific slide.
+ * @param {integer} index Index.
+ */
+ switchTo: function(index, noHide) {
+
+ // Already at index and xsmall isn't active? Bail.
+ if (_.current == index
+ && !skel.breakpoint('xsmall').active)
+ return;
+
+ // Locked? Bail.
+ if (_.locked)
+ return;
+
+ // Lock.
+ _.locked = true;
+
+ // Hide main wrapper if medium is active.
+ if (!noHide
+ && skel.breakpoint('medium').active
+ && skel.vars.IEVersion > 8)
+ _.hide();
+
+ // Get slides.
+ var oldSlide = (_.current !== null ? _.slides[_.current] : null),
+ newSlide = _.slides[index];
+
+ // Update current.
+ _.current = index;
+
+ // Deactivate old slide (if there is one).
+ if (oldSlide) {
+
+ // Thumbnail.
+ oldSlide.$parent
+ .removeClass('active');
+
+ // Slide.
+ oldSlide.$slide.removeClass('active');
+
+ }
+
+ // Activate new slide.
+
+ // Thumbnail.
+ newSlide.$parent
+ .addClass('active')
+ .focus();
+
+ // Slide.
+ var f = function() {
+
+ // Old slide exists? Detach it.
+ if (oldSlide)
+ oldSlide.$slide.detach();
+
+ // Attach new slide.
+ newSlide.$slide.appendTo(_.$viewer);
+
+ // New slide not yet loaded?
+ if (!newSlide.loaded) {
+
+ window.setTimeout(function() {
+
+ // Mark as loading.
+ newSlide.$slide.addClass('loading');
+
+ // Wait for it to load.
+ $('
').on('load', function() {
+ //window.setTimeout(function() {
+
+ // Set background image.
+ newSlide.$slideImage
+ .css('background-image', 'url(' + newSlide.url + ')');
+
+ // Mark as loaded.
+ newSlide.loaded = true;
+ newSlide.$slide.removeClass('loading');
+
+ // Mark as active.
+ newSlide.$slide.addClass('active');
+
+ // Unlock.
+ window.setTimeout(function() {
+ _.locked = false;
+ }, 100);
+
+ //}, 1000);
+ });
+
+ }, 100);
+
+ }
+
+ // Otherwise ...
+ else {
+
+ window.setTimeout(function() {
+
+ // Mark as active.
+ newSlide.$slide.addClass('active');
+
+ // Unlock.
+ window.setTimeout(function() {
+ _.locked = false;
+ }, 100);
+
+ }, 100);
+
+ }
+
+ };
+
+ // No old slide? Switch immediately.
+ if (!oldSlide)
+ (f)();
+
+ // Otherwise, wait for old slide to disappear first.
+ else
+ window.setTimeout(f, _.settings.slideDuration);
+
+ },
+
+ /**
+ * Switches to the next slide.
+ */
+ next: function() {
+
+ // Calculate new index.
+ var i, c = _.current, l = _.slides.length;
+
+ if (c >= l - 1)
+ i = 0;
+ else
+ i = c + 1;
+
+ // Switch.
+ _.switchTo(i);
+
+ },
+
+ /**
+ * Switches to the previous slide.
+ */
+ previous: function() {
+
+ // Calculate new index.
+ var i, c = _.current, l = _.slides.length;
+
+ if (c <= 0)
+ i = l - 1;
+ else
+ i = c - 1;
+
+ // Switch.
+ _.switchTo(i);
+
+ },
+
+ /**
+ * Switches to slide "above" current.
+ */
+ up: function() {
+
+ // Fullscreen? Bail.
+ if (_.$body.hasClass('fullscreen'))
+ return;
+
+ // Calculate new index.
+ var i, c = _.current, l = _.slides.length, tpr = _.settings.thumbnailsPerRow;
+
+ if (c <= (tpr - 1))
+ i = l - (tpr - 1 - c) - 1;
+ else
+ i = c - tpr;
+
+ // Switch.
+ _.switchTo(i);
+
+ },
+
+ /**
+ * Switches to slide "below" current.
+ */
+ down: function() {
+
+ // Fullscreen? Bail.
+ if (_.$body.hasClass('fullscreen'))
+ return;
+
+ // Calculate new index.
+ var i, c = _.current, l = _.slides.length, tpr = _.settings.thumbnailsPerRow;
+
+ if (c >= l - tpr)
+ i = c - l + tpr;
+ else
+ i = c + tpr;
+
+ // Switch.
+ _.switchTo(i);
+
+ },
+
+ /**
+ * Shows the main wrapper.
+ */
+ show: function() {
+
+ // Already visible? Bail.
+ if (!_.$body.hasClass('fullscreen'))
+ return;
+
+ // Show main wrapper.
+ _.$body.removeClass('fullscreen');
+
+ // Focus.
+ _.$main.focus();
+
+ },
+
+ /**
+ * Hides the main wrapper.
+ */
+ hide: function() {
+
+ // Already hidden? Bail.
+ if (_.$body.hasClass('fullscreen'))
+ return;
+
+ // Hide main wrapper.
+ _.$body.addClass('fullscreen');
+
+ // Blur.
+ _.$main.blur();
+
+ },
+
+ /**
+ * Toggles main wrapper.
+ */
+ toggle: function() {
+
+ if (_.$body.hasClass('fullscreen'))
+ _.show();
+ else
+ _.hide();
+
+ },
+
+}; return _; })(jQuery); main.init();
\ No newline at end of file
diff --git a/lens/assets/js/skel.min.js b/lens/assets/js/skel.min.js
new file mode 100644
index 0000000..0e7633a
--- /dev/null
+++ b/lens/assets/js/skel.min.js
@@ -0,0 +1,2 @@
+/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
+var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e
r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML=' ",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
diff --git a/lens/assets/sass/base/_page.scss b/lens/assets/sass/base/_page.scss
new file mode 100644
index 0000000..02b00e3
--- /dev/null
+++ b/lens/assets/sass/base/_page.scss
@@ -0,0 +1,38 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Basic */
+
+ // MSIE: Required for IEMobile.
+ /*
+ @-ms-viewport {
+ width: device-width;
+ }
+ */
+
+ // Ensures page width is always >=320px.
+ @include breakpoint(xsmall) {
+ html, body {
+ min-width: 320px;
+ }
+ }
+
+ // Prevents animation/transition flicker on load.
+ body.is-loading-0 {
+ *, *:before, *:after {
+ @include vendor('animation', 'none !important');
+ @include vendor('transition', 'none !important');
+ }
+ }
+
+ html, body {
+ background-color: _palette(page-bg);
+ overflow: hidden;
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/base/_typography.scss b/lens/assets/sass/base/_typography.scss
new file mode 100644
index 0000000..31c4ffc
--- /dev/null
+++ b/lens/assets/sass/base/_typography.scss
@@ -0,0 +1,157 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Type */
+
+ html {
+ font-size: 16pt;
+
+ @include breakpoint(xlarge) {
+ font-size: 12pt;
+ }
+
+ @include breakpoint(large) {
+ font-size: 11pt;
+ }
+ }
+
+ body {
+ background-color: _palette(bg);
+ color: _palette(fg);
+ }
+
+ body, input, select, textarea {
+ font-family: _font(family);
+ font-weight: _font(weight);
+ line-height: 1.65;
+ font-size: 1em;
+ color: _palette(fg);
+ }
+
+ a {
+ @include vendor('transition', ('color #{_duration(transition)} ease', 'border-bottom-color #{_duration(transition)} ease'));
+ border-bottom: dotted 1px;
+ color: inherit;
+ text-decoration: none;
+
+ &:hover {
+ border-bottom-color: transparent;
+ color: _palette(accent);
+ }
+ }
+
+ strong, b {
+ font-weight: _font(weight);
+ color: _palette(fg-bold);
+ }
+
+ em, i {
+ font-style: italic;
+ }
+
+ p {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ h1, h2, h3, h4, h5, h6 {
+ font-weight: _font(weight);
+ line-height: 1.25;
+ margin: 0 0 (_size(element-margin) * 0.4) 0;
+ color: _palette(fg-bold);
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ }
+ }
+
+ h2 {
+ font-size: 1.25em;
+ }
+
+ h3 {
+ font-size: 1em;
+ }
+
+ h4 {
+ font-size: 0.9em;
+ }
+
+ h5 {
+ font-size: 0.8em;
+ }
+
+ h6 {
+ font-size: 0.7em;
+ }
+
+ sub {
+ font-size: 0.8em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ sup {
+ font-size: 0.8em;
+ position: relative;
+ top: -0.5em;
+ }
+
+ blockquote {
+ border-left: solid (_size(border-width) * 4) _palette(border);
+ font-style: italic;
+ margin: 0 0 _size(element-margin) 0;
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
+ }
+
+ code {
+ border-radius: _size(border-radius);
+ border: solid _size(border-width);
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0.25em;
+ padding: 0.25em 0.65em;
+ border-color: _palette(border);
+ }
+
+ pre {
+ -webkit-overflow-scrolling: touch;
+ font-family: _font(family-fixed);
+ font-size: 0.9em;
+ margin: 0 0 _size(element-margin) 0;
+
+ code {
+ display: block;
+ padding: 1em 1.5em;
+ overflow-x: auto;
+ }
+ }
+
+ hr {
+ border: 0;
+ border-bottom: solid _size(border-width) _palette(border);
+ margin: _size(element-margin) 0;
+
+ &.major {
+ margin: (_size(element-margin) * 1.5) 0;
+ }
+ }
+
+ .align-left {
+ text-align: left;
+ }
+
+ .align-center {
+ text-align: center;
+ }
+
+ .align-right {
+ text-align: right;
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/components/_button.scss b/lens/assets/sass/components/_button.scss
new file mode 100644
index 0000000..c1526dc
--- /dev/null
+++ b/lens/assets/sass/components/_button.scss
@@ -0,0 +1,72 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Button */
+
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+ button,
+ .button {
+ @include vendor('appearance', 'none');
+ @include vendor('transition', (
+ 'background-color #{_duration(transition)} ease-in-out',
+ 'border-color #{_duration(transition)} ease-in-out',
+ 'color #{_duration(transition)} ease-in-out'
+ ));
+ background-color: transparent;
+ border-radius: _size(border-radius);
+ border: solid 1px _palette(border);
+ color: _palette(fg-bold);
+ cursor: pointer;
+ display: inline-block;
+ line-height: 1;
+ padding: 0.75em 1.5em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+
+ &:hover {
+ border-color: _palette(accent);
+ color: _palette(accent);
+
+ &:active {
+ background-color: transparentize(_palette(accent), 0.85);
+ }
+ }
+
+ &.icon {
+ padding-left: 1.35em;
+
+ &:before {
+ margin-right: 0.5em;
+ }
+ }
+
+ &.fit {
+ display: block;
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ width: 100%;
+ }
+
+ &.small {
+ font-size: 0.8em;
+ }
+
+ &.big {
+ font-size: 1.35em;
+ }
+
+ &.disabled,
+ &:disabled {
+ @include vendor('pointer-events', 'none');
+ opacity: 0.25;
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/components/_form.scss b/lens/assets/sass/components/_form.scss
new file mode 100644
index 0000000..547a1ec
--- /dev/null
+++ b/lens/assets/sass/components/_form.scss
@@ -0,0 +1,182 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Form */
+
+ form {
+ margin: 0 0 _size(element-margin) 0;
+ }
+
+ label {
+ color: _palette(fg-bold);
+ display: block;
+ font-size: 0.9em;
+ font-weight: _font(weight);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select,
+ textarea {
+ @include vendor('appearance', 'none');
+ background-color: transparent;
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 0.75em;
+ text-decoration: none;
+ width: 100%;
+
+ &:invalid {
+ box-shadow: none;
+ }
+
+ &:focus {
+ border-color: _palette(accent);
+ }
+ }
+
+ .select-wrapper {
+ @include icon;
+ display: block;
+ position: relative;
+
+ &:before {
+ color: _palette(border);
+ content: '\f107';
+ display: block;
+ height: _size(element-height);
+ line-height: _size(element-height);
+ pointer-events: none;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ top: 0;
+ width: _size(element-height);
+ }
+
+ select::-ms-expand {
+ display: none;
+ }
+ }
+
+ input[type="text"],
+ input[type="password"],
+ input[type="email"],
+ select {
+ height: _size(element-height);
+ }
+
+ textarea {
+ padding: 0.75em 1em;
+ }
+
+ input[type="checkbox"],
+ input[type="radio"], {
+ @include vendor('appearance', 'none');
+ display: block;
+ float: left;
+ margin-right: -2em;
+ opacity: 0;
+ width: 1em;
+ z-index: -1;
+
+ & + label {
+ @include icon;
+ color: _palette(fg);
+ cursor: pointer;
+ display: inline-block;
+ font-size: 1em;
+ font-weight: _font(weight);
+ margin: 0;
+ padding-left: (_size(element-height) * 0.6) + 0.75em;
+ padding-right: 0.75em;
+ position: relative;
+
+ &:before {
+ background: transparent;
+ border-radius: _size(border-radius);
+ border: solid _size(border-width) _palette(border);
+ content: '';
+ display: inline-block;
+ height: (_size(element-height) * 0.6);
+ left: 0;
+ line-height: (_size(element-height) * 0.575);
+ position: absolute;
+ text-align: center;
+ top: 0;
+ width: (_size(element-height) * 0.6);
+ }
+ }
+
+ &:checked + label {
+ &:before {
+ background-color: _palette(fg-bold);
+ border-color: _palette(fg-bold);
+ color: _palette(bg);
+ content: '\f00c';
+ }
+ }
+
+ &:focus + label {
+ &:before {
+ border-color: _palette(accent);
+ }
+ }
+ }
+
+ input[type="checkbox"] {
+ & + label {
+ &:before {
+ border-radius: _size(border-radius);
+ }
+ }
+ }
+
+ input[type="radio"] {
+ & + label {
+ &:before {
+ border-radius: 100%;
+ }
+ }
+ }
+
+ ::-webkit-input-placeholder {
+ opacity: 1.0;
+ color: _palette(fg-light) !important;
+ }
+
+ :-moz-placeholder {
+ opacity: 1.0;
+ color: _palette(fg-light) !important;
+ }
+
+ ::-moz-placeholder {
+ opacity: 1.0;
+ color: _palette(fg-light) !important;
+ }
+
+ :-ms-input-placeholder {
+ opacity: 1.0;
+ color: _palette(fg-light) !important;
+ }
+
+ .formerize-placeholder {
+ opacity: 1.0;
+ color: _palette(fg-light) !important;
+ }
+
+ .field {
+ margin: 0 0 _size(element-margin) 0;
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/components/_icon.scss b/lens/assets/sass/components/_icon.scss
new file mode 100644
index 0000000..34a9d94
--- /dev/null
+++ b/lens/assets/sass/components/_icon.scss
@@ -0,0 +1,21 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Icon */
+
+ .icon {
+ @include icon;
+ border-bottom: none;
+ position: relative;
+
+ > .label {
+ display: none;
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/components/_list.scss b/lens/assets/sass/components/_list.scss
new file mode 100644
index 0000000..ac68645
--- /dev/null
+++ b/lens/assets/sass/components/_list.scss
@@ -0,0 +1,154 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* List */
+
+ ol {
+ list-style: decimal;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1.25em;
+
+ li {
+ padding-left: 0.25em;
+ }
+ }
+
+ ul {
+ list-style: disc;
+ margin: 0 0 _size(element-margin) 0;
+ padding-left: 1em;
+
+ li {
+ padding-left: 0.5em;
+ }
+
+ &.alt {
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ border-top: solid _size(border-width) _palette(border);
+ padding: 0.5em 0;
+
+ &:first-child {
+ border-top: 0;
+ padding-top: 0;
+ }
+ }
+ }
+
+ &.icons {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 1em 0 0;
+
+ &:last-child {
+ padding-right: 0;
+ }
+
+ .icon {
+ &:before {
+ font-size: 1.5rem;
+ }
+ }
+ }
+ }
+
+ &.actions {
+ cursor: default;
+ list-style: none;
+ padding-left: 0;
+
+ li {
+ display: inline-block;
+ padding: 0 (_size(element-margin) * 0.5) 0 0;
+ vertical-align: middle;
+
+ &:last-child {
+ padding-right: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: 0 (_size(element-margin) * 0.25) 0 0;
+ }
+ }
+
+ &.vertical {
+ li {
+ display: block;
+ padding: (_size(element-margin) * 0.5) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ li {
+ padding: (_size(element-margin) * 0.25) 0 0 0;
+
+ &:first-child {
+ padding-top: 0;
+ }
+ }
+ }
+ }
+
+ &.fit {
+ display: table;
+ margin-left: (_size(element-margin) * -0.5);
+ padding: 0;
+ table-layout: fixed;
+ width: calc(100% + #{(_size(element-margin) * 0.5)});
+
+ li {
+ display: table-cell;
+ padding: 0 0 0 (_size(element-margin) * 0.5);
+
+ > * {
+ margin-bottom: 0;
+ }
+ }
+
+ &.small {
+ margin-left: (_size(element-margin) * -0.25);
+ width: calc(100% + #{(_size(element-margin) * 0.25)});
+
+ li {
+ padding: 0 0 0 (_size(element-margin) * 0.25);
+ }
+ }
+ }
+ }
+ }
+
+ dl {
+ margin: 0 0 _size(element-margin) 0;
+
+ dt {
+ display: block;
+ font-weight: _font(weight);
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
+ }
+
+ dd {
+ margin-left: _size(element-margin);
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/ie8.scss b/lens/assets/sass/ie8.scss
new file mode 100644
index 0000000..52fe48a
--- /dev/null
+++ b/lens/assets/sass/ie8.scss
@@ -0,0 +1,16 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Viewer */
+
+ #viewer {
+ width: 100%;
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/ie9.scss b/lens/assets/sass/ie9.scss
new file mode 100644
index 0000000..9f5a66f
--- /dev/null
+++ b/lens/assets/sass/ie9.scss
@@ -0,0 +1,42 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Thumbnails */
+
+ #thumbnails {
+ &:after {
+ content: '';
+ display: block;
+ clear: both;
+ }
+
+ article {
+ float: left;
+ }
+ }
+
+/* Viewer */
+
+ #viewer {
+ .inner {
+ box-shadow: inset 0 0 9em 2em rgba(16,16,16,0.2);
+
+ &:before {
+ display: none;
+ }
+ }
+
+ .slide {
+ .caption {
+ background-color: rgba(16,16,16,0.5);
+ }
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/layout/_footer.scss b/lens/assets/sass/layout/_footer.scss
new file mode 100644
index 0000000..2b810cb
--- /dev/null
+++ b/lens/assets/sass/layout/_footer.scss
@@ -0,0 +1,31 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Footer */
+
+ #footer {
+ @include padding(2.25em, 2.25em);
+
+ .copyright {
+ list-style: none;
+ padding: 0;
+
+ li {
+ display: inline-block;
+ font-size: 0.8em;
+ margin-left: 0.35em;
+ padding: 0;
+
+ &:first-child {
+ margin-left: 0;
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/layout/_header.scss b/lens/assets/sass/layout/_header.scss
new file mode 100644
index 0000000..e934f37
--- /dev/null
+++ b/lens/assets/sass/layout/_header.scss
@@ -0,0 +1,20 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Header */
+
+ #header {
+ @include padding(3em, 2.25em);
+
+ h1 {
+ font-size: 2.25em;
+ font-weight: _font(weight-bold);
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/layout/_main.scss b/lens/assets/sass/layout/_main.scss
new file mode 100644
index 0000000..e327246
--- /dev/null
+++ b/lens/assets/sass/layout/_main.scss
@@ -0,0 +1,122 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Main */
+
+ #main {
+ @include vendor('transition', ('opacity #{_duration(layout)} ease', 'right #{_duration(layout)} ease', 'left #{_duration(layout)} ease', 'visibility #{_duration(layout)}'));
+ -webkit-overflow-scrolling: touch;
+ position: fixed;
+ top: 0;
+ width: _size(main);
+ height: 100%;
+ background: _palette(bg);
+ outline: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ text-align: _misc(main-align);
+ visibility: visible;
+ z-index: _misc(z-index-base);
+
+ @if _misc(main-side) == 'left' {
+ left: 0;
+ }
+ @else {
+ right: 0;
+ }
+
+ .toggle {
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ position: absolute;
+ top: 0;
+ width: 4em;
+ height: 4em;
+ background-image: url('images/close-small-alt.svg');
+ background-repeat: no-repeat;
+ background-size: 32px 32px;
+ cursor: pointer;
+ display: none;
+ z-index: 1;
+
+ @if _misc(main-side) == 'left' {
+ background-position: calc(100% - 0.5em) 0.5em;
+ right: 0;
+ }
+ @else {
+ background-position: 0.5em 0.5em;
+ left: 0;
+ }
+ }
+
+ body.fullscreen & {
+ visibility: hidden;
+
+ @if _misc(main-side) == 'left' {
+ left: (_size(main) * -1);
+ }
+ @else {
+ right: (_size(main) * -1);
+ }
+ }
+
+ body.is-loading-1 & {
+ opacity: 0;
+
+ @if _misc(main-side) == 'left' {
+ left: -2em;
+ }
+ @else {
+ right: -2em;
+ }
+ }
+
+ @include breakpoint(large) {
+ width: _size(main-alt);
+
+ body.fullscreen & {
+ @if _misc(main-side) == 'left' {
+ left: (_size(main-alt) * -1);
+ }
+ @else {
+ right: (_size(main-alt) * -1);
+ }
+ }
+ }
+
+ @include breakpoint(medium) {
+ background: transparentize(_palette(bg), 0.075);
+
+ .toggle {
+ display: block;
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ @include vendor('transition', ('opacity #{_duration(layout-alt)} ease', 'visibility #{_duration(layout-alt)}'));
+ width: 100%;
+ background: _palette(bg);
+ text-align: center;
+
+ body.is-loading-1 & {
+ left: auto !important;
+ right: auto !important;
+ }
+
+ body.fullscreen & {
+ left: auto !important;
+ right: auto !important;
+ opacity: 0;
+ }
+
+ .toggle {
+ display: none;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/layout/_thumbnails.scss b/lens/assets/sass/layout/_thumbnails.scss
new file mode 100644
index 0000000..238d540
--- /dev/null
+++ b/lens/assets/sass/layout/_thumbnails.scss
@@ -0,0 +1,79 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Thumbnails */
+
+ #thumbnails {
+ @include vendor('display', 'flex');
+ @include vendor('flex-wrap', 'wrap');
+ padding: 0 0.75em;
+
+ article {
+ position: relative;
+ width: #{100% / _misc(thumbnails-per-row)};
+ background: #101010;
+ outline: 0;
+
+ .thumbnail {
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ display: block;
+ position: relative;
+ border: 0;
+ outline: 0;
+
+ img {
+ display: block;
+ width: 100%;
+ }
+
+ &:before {
+ @include vendor('pointer-events', 'none');
+ @include vendor('transition', 'opacity 0.25s ease');
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ box-shadow: inset 0 0 0 2px _palette(accent), inset 0 0 0px 3px rgba(0,0,0,0.15);
+ opacity: 0;
+ z-index: 1;
+ }
+
+ &:focus {
+ &:before {
+ opacity: 0.5;
+ }
+ }
+ }
+
+ h2, p {
+ display: none;
+ }
+
+ &.active {
+ .thumbnail {
+ &:before {
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ article {
+ .thumbnail {
+ &:before {
+ display: none;
+ }
+ }
+ }
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/layout/_viewer.scss b/lens/assets/sass/layout/_viewer.scss
new file mode 100644
index 0000000..9a02a56
--- /dev/null
+++ b/lens/assets/sass/layout/_viewer.scss
@@ -0,0 +1,271 @@
+@import '../libs/vars';
+@import '../libs/functions';
+@import '../libs/mixins';
+
+///
+/// Lens by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Viewer */
+
+ @include keyframes(spinner) {
+ 0% {
+ @include vendor('transform', 'rotate(0deg)');
+ }
+
+ 100% {
+ @include vendor('transform', 'rotate(360deg)');
+ }
+ }
+
+ #viewer {
+ @include vendor('transition', ('opacity #{_duration(layout)} ease', 'width #{_duration(layout)} ease'));
+ position: absolute;
+ top: 0;
+ width: calc(100% - #{_size(main)});
+ height: 100%;
+
+ @if _misc(main-side) == 'left' {
+ right: 0;
+ }
+ @else {
+ left: 0;
+ }
+
+ .inner {
+ @include vendor('pointer-events', 'none');
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+
+ > * {
+ @include vendor('pointer-events', 'auto');
+ }
+
+ &:before {
+ @include vendor('background-image', (
+ 'linear-gradient(left, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))',
+ 'linear-gradient(right, rgba(16,16,16,0.2), rgba(16,16,16,0) 10em, rgba(16,16,16,0))'
+ ));
+ content: '';
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+
+ .toggle {
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ position: absolute;
+ top: 0;
+ width: 4em;
+ height: 4em;
+ background-image: url('images/close.svg');
+ background-repeat: no-repeat;
+ background-size: 64px 64px;
+ cursor: pointer;
+ z-index: 1;
+
+ @if _misc(main-side) == 'left' {
+ left: 0;
+ background-position: 0.75em 0.75em;
+ }
+ @else {
+ right: 0;
+ background-position: calc(100% - 0.75em) 0.75em;
+ }
+ }
+
+ .nav-next,
+ .nav-previous {
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ position: absolute;
+ top: 50%;
+ width: 6em;
+ height: 6em;
+ margin-top: -3em;
+ background-image: url('images/arrow.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ cursor: pointer;
+ }
+
+ .nav-previous {
+ @include vendor('transform', 'scaleX(-1)');
+ left: 0;
+ }
+
+ .nav-next {
+ right: 0;
+ }
+ }
+
+ .slide {
+ @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out');
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 1;
+ z-index: 1;
+
+ .caption {
+ @include vendor('background-image', (
+ 'linear-gradient(bottom, rgba(16,16,16,0.75), rgba(16,16,16,0.25) 80%, rgba(16,16,16,0))',
+ ));
+ @include padding(2em, 2em);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ color: rgba(255,255,255,0.5);
+ z-index: 1;
+
+ h2, h3, h4, h5, h6 {
+ color: #fff;
+ }
+ }
+
+ .image {
+ @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out');
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-repeat: no-repeat;
+ background-size: cover;
+ opacity: 0;
+ }
+
+ &:before {
+ @include vendor('animation', 'spinner #{_duration(spinner)} linear infinite');
+ @include vendor('transition', 'opacity #{_duration(slide)} ease-in-out');
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 3em;
+ height: 3em;
+ background-image: url('images/spinner.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ margin: -1.5em 0 0 -1.5em;
+ opacity: 0;
+ }
+
+ &.loading {
+ &:before {
+ opacity: 1;
+ }
+ }
+
+ &.active {
+ .image {
+ opacity: 1;
+ }
+ }
+ }
+
+ body.fullscreen & {
+ width: 100%;
+
+ .inner {
+ .toggle {
+ background-image: url('images/open.svg');
+ }
+ }
+ }
+
+ body.is-loading-1 & {
+ opacity: 0;
+ }
+
+ body.is-loading-2 & {
+ .slide {
+ opacity: 0;
+ }
+ }
+
+ @include breakpoint(large) {
+ width: calc(100% - #{_size(main-alt)});
+ }
+
+ @include breakpoint(medium) {
+ width: 100%;
+
+ .inner {
+ .toggle {
+ @include vendor('transition', 'opacity #{_duration(layout)} ease');
+ background-image: url('images/open.svg');
+ opacity: 0;
+
+ @if _misc(main-side) == 'left' {
+ left: 0;
+ }
+ @else {
+ right: 0;
+ }
+ }
+ }
+
+ body.fullscreen & {
+ .inner {
+ .toggle {
+ opacity: 1;
+ }
+ }
+ }
+ }
+
+ @include breakpoint(small) {
+ .inner {
+ .toggle {
+ background-size: 32px 32px;
+ }
+
+ .nav-next,
+ .nav-previous {
+ background-image: url('images/arrow-small.svg');
+ background-size: 32px 32px;
+ }
+ }
+
+ body.fullscreen & {
+ .inner {
+ .toggle {
+ background-image: url('images/open-small.svg');
+ }
+ }
+ }
+ }
+
+ @include breakpoint(xsmall) {
+ @include vendor('transition', ('opacity #{_duration(layout-alt)} ease'));
+ @include vendor('transition-delay', '0s');
+ opacity: 0;
+
+ .inner {
+ .toggle {
+ background-image: url('images/close-small.svg') !important;
+ background-size: 32px 32px;
+ }
+ }
+
+ body.fullscreen & {
+ @include vendor('transition-delay', '#{_duration(layout-alt)}');
+ opacity: 1;
+ }
+ }
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/libs/_functions.scss b/lens/assets/sass/libs/_functions.scss
new file mode 100644
index 0000000..0e08c1a
--- /dev/null
+++ b/lens/assets/sass/libs/_functions.scss
@@ -0,0 +1,34 @@
+/// Gets a duration value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _duration($keys...) {
+ @return val($duration, $keys...);
+}
+
+/// Gets a font value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _font($keys...) {
+ @return val($font, $keys...);
+}
+
+/// Gets a misc value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _misc($keys...) {
+ @return val($misc, $keys...);
+}
+
+/// Gets a palette value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _palette($keys...) {
+ @return val($palette, $keys...);
+}
+
+/// Gets a size value.
+/// @param {string} $keys Key(s).
+/// @return {string} Value.
+@function _size($keys...) {
+ @return val($size, $keys...);
+}
\ No newline at end of file
diff --git a/lens/assets/sass/libs/_mixins.scss b/lens/assets/sass/libs/_mixins.scss
new file mode 100644
index 0000000..3325df0
--- /dev/null
+++ b/lens/assets/sass/libs/_mixins.scss
@@ -0,0 +1,56 @@
+/// Makes an element's :before pseudoelement a FontAwesome icon.
+/// @param {string} $content Optional content value to use.
+/// @param {string} $where Optional pseudoelement to target (before or after).
+@mixin icon($content: false, $where: before) {
+
+ text-decoration: none;
+
+ &:#{$where} {
+
+ @if $content {
+ content: $content;
+ }
+
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: normal;
+ text-transform: none !important;
+
+ }
+
+}
+
+/// Applies padding to an element, taking the current element-margin value into account.
+/// @param {mixed} $tb Top/bottom padding.
+/// @param {mixed} $lr Left/right padding.
+/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left)
+/// @param {bool} $important If true, adds !important.
+@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) {
+
+ @if $important {
+ $important: '!important';
+ }
+
+ padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important};
+
+}
+
+/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp).
+/// @param {string} $svg SVG data URL.
+/// @return {string} Encoded SVG data URL.
+@function svg-url($svg) {
+
+ $svg: str-replace($svg, '"', '\'');
+ $svg: str-replace($svg, '<', '%3C');
+ $svg: str-replace($svg, '>', '%3E');
+ $svg: str-replace($svg, '&', '%26');
+ $svg: str-replace($svg, '#', '%23');
+ $svg: str-replace($svg, '{', '%7B');
+ $svg: str-replace($svg, '}', '%7D');
+ $svg: str-replace($svg, ';', '%3B');
+
+ @return url("data:image/svg+xml;charset=utf8,#{$svg}");
+
+}
\ No newline at end of file
diff --git a/lens/assets/sass/libs/_skel.scss b/lens/assets/sass/libs/_skel.scss
new file mode 100644
index 0000000..438b147
--- /dev/null
+++ b/lens/assets/sass/libs/_skel.scss
@@ -0,0 +1,585 @@
+// skel.scss v3.0.1 | (c) skel.io | MIT licensed */
+
+// Vars.
+
+ /// Breakpoints.
+ /// @var {list}
+ $breakpoints: () !global;
+
+ /// Vendor prefixes.
+ /// @var {list}
+ $vendor-prefixes: (
+ '-moz-',
+ '-webkit-',
+ '-ms-',
+ ''
+ );
+
+ /// Properties that should be vendorized.
+ /// @var {list}
+ $vendor-properties: (
+ 'align-content',
+ 'align-items',
+ 'align-self',
+ 'animation',
+ 'animation-delay',
+ 'animation-direction',
+ 'animation-duration',
+ 'animation-fill-mode',
+ 'animation-iteration-count',
+ 'animation-name',
+ 'animation-play-state',
+ 'animation-timing-function',
+ 'appearance',
+ 'backface-visibility',
+ 'box-sizing',
+ 'filter',
+ 'flex',
+ 'flex-basis',
+ 'flex-direction',
+ 'flex-flow',
+ 'flex-grow',
+ 'flex-shrink',
+ 'flex-wrap',
+ 'justify-content',
+ 'order',
+ 'perspective',
+ 'pointer-events',
+ 'transform',
+ 'transform-origin',
+ 'transform-style',
+ 'transition',
+ 'transition-delay',
+ 'transition-duration',
+ 'transition-property',
+ 'transition-timing-function',
+ 'user-select'
+ );
+
+ /// Values that should be vendorized.
+ /// @var {list}
+ $vendor-values: (
+ 'filter',
+ 'flex',
+ 'linear-gradient',
+ 'radial-gradient',
+ 'transform'
+ );
+
+// Functions.
+
+ /// Removes a specific item from a list.
+ /// @author Hugo Giraudel
+ /// @param {list} $list List.
+ /// @param {integer} $index Index.
+ /// @return {list} Updated list.
+ @function remove-nth($list, $index) {
+
+ $result: null;
+
+ @if type-of($index) != number {
+ @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+ }
+ @else if $index == 0 {
+ @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+ }
+ @else if abs($index) > length($list) {
+ @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+ }
+ @else {
+
+ $result: ();
+ $index: if($index < 0, length($list) + $index + 1, $index);
+
+ @for $i from 1 through length($list) {
+
+ @if $i != $index {
+ $result: append($result, nth($list, $i));
+ }
+
+ }
+
+ }
+
+ @return $result;
+
+ }
+
+ /// Replaces a substring within another string.
+ /// @author Hugo Giraudel
+ /// @param {string} $string String.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {string} Updated string.
+ @function str-replace($string, $search, $replace: '') {
+
+ $index: str-index($string, $search);
+
+ @if $index {
+ @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+ }
+
+ @return $string;
+
+ }
+
+ /// Replaces a substring within each string in a list.
+ /// @param {list} $strings List of strings.
+ /// @param {string} $search Substring.
+ /// @param {string} $replace Replacement.
+ /// @return {list} Updated list of strings.
+ @function str-replace-all($strings, $search, $replace: '') {
+
+ @each $string in $strings {
+ $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace));
+ }
+
+ @return $strings;
+
+ }
+
+ /// Gets a value from a map.
+ /// @author Hugo Giraudel
+ /// @param {map} $map Map.
+ /// @param {string} $keys Key(s).
+ /// @return {string} Value.
+ @function val($map, $keys...) {
+
+ @if nth($keys, 1) == null {
+ $keys: remove-nth($keys, 1);
+ }
+
+ @each $key in $keys {
+ $map: map-get($map, $key);
+ }
+
+ @return $map;
+
+ }
+
+// Mixins.
+
+ /// Sets the global box model.
+ /// @param {string} $model Model (default is content).
+ @mixin boxModel($model: 'content') {
+
+ $x: $model + '-box';
+
+ *, *:before, *:after {
+ -moz-box-sizing: #{$x};
+ -webkit-box-sizing: #{$x};
+ box-sizing: #{$x};
+ }
+
+ }
+
+ /// Wraps @content in a @media block using a given breakpoint.
+ /// @param {string} $breakpoint Breakpoint.
+ /// @param {map} $queries Additional queries.
+ @mixin breakpoint($breakpoint: null, $queries: null) {
+
+ $query: 'screen';
+
+ // Breakpoint.
+ @if $breakpoint and map-has-key($breakpoints, $breakpoint) {
+ $query: $query + ' and ' + map-get($breakpoints, $breakpoint);
+ }
+
+ // Queries.
+ @if $queries {
+ @each $k, $v in $queries {
+ $query: $query + ' and (' + $k + ':' + $v + ')';
+ }
+ }
+
+ @media #{$query} {
+ @content;
+ }
+
+ }
+
+ /// Wraps @content in a @media block targeting a specific orientation.
+ /// @param {string} $orientation Orientation.
+ @mixin orientation($orientation) {
+ @media screen and (orientation: #{$orientation}) {
+ @content;
+ }
+ }
+
+ /// Utility mixin for containers.
+ /// @param {mixed} $width Width.
+ @mixin containers($width) {
+
+ // Locked?
+ $lock: false;
+
+ @if length($width) == 2 {
+ $width: nth($width, 1);
+ $lock: true;
+ }
+
+ // Modifiers.
+ .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; }
+ .container.\37 5\25 { width: $width * 0.75; }
+ .container.\35 0\25 { width: $width * 0.5; }
+ .container.\32 5\25 { width: $width * 0.25; }
+
+ // Main class.
+ .container {
+ @if $lock {
+ width: $width !important;
+ }
+ @else {
+ width: $width;
+ }
+ }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Column and row gutters (default is 40px).
+ /// @param {string} $breakpointName Optional breakpoint name.
+ @mixin grid($gutters: 40px, $breakpointName: null) {
+
+ // Gutters.
+ @include grid-gutters($gutters);
+ @include grid-gutters($gutters, \32 00\25, 2);
+ @include grid-gutters($gutters, \31 50\25, 1.5);
+ @include grid-gutters($gutters, \35 0\25, 0.5);
+ @include grid-gutters($gutters, \32 5\25, 0.25);
+
+ // Cells.
+ $x: '';
+
+ @if $breakpointName {
+ $x: '\\28' + $breakpointName + '\\29';
+ }
+
+ .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; }
+ .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; }
+ .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; }
+ .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; }
+ .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; }
+ .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; }
+ .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; }
+ .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; }
+ .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; }
+ .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; }
+ .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; }
+ .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; }
+
+ .\31 2u\24#{$x} + *,
+ .\31 1u\24#{$x} + *,
+ .\31 0u\24#{$x} + *,
+ .\39 u\24#{$x} + *,
+ .\38 u\24#{$x} + *,
+ .\37 u\24#{$x} + *,
+ .\36 u\24#{$x} + *,
+ .\35 u\24#{$x} + *,
+ .\34 u\24#{$x} + *,
+ .\33 u\24#{$x} + *,
+ .\32 u\24#{$x} + *,
+ .\31 u\24#{$x} + * {
+ clear: left;
+ }
+
+ .\-11u#{$x} { margin-left: 91.6666666667% }
+ .\-10u#{$x} { margin-left: 83.3333333333% }
+ .\-9u#{$x} { margin-left: 75% }
+ .\-8u#{$x} { margin-left: 66.6666666667% }
+ .\-7u#{$x} { margin-left: 58.3333333333% }
+ .\-6u#{$x} { margin-left: 50% }
+ .\-5u#{$x} { margin-left: 41.6666666667% }
+ .\-4u#{$x} { margin-left: 33.3333333333% }
+ .\-3u#{$x} { margin-left: 25% }
+ .\-2u#{$x} { margin-left: 16.6666666667% }
+ .\-1u#{$x} { margin-left: 8.3333333333% }
+
+ }
+
+ /// Utility mixin for grid.
+ /// @param {list} $gutters Gutters.
+ /// @param {string} $class Optional class name.
+ /// @param {integer} $multiplier Multiplier (default is 1).
+ @mixin grid-gutters($gutters, $class: null, $multiplier: 1) {
+
+ // Expand gutters if it's not a list.
+ @if length($gutters) == 1 {
+ $gutters: ($gutters, 0);
+ }
+
+ // Get column and row gutter values.
+ $c: nth($gutters, 1);
+ $r: nth($gutters, 2);
+
+ // Get class (if provided).
+ $x: '';
+
+ @if $class {
+ $x: '.' + $class;
+ }
+
+ // Default.
+ .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); }
+ .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ // Uniform.
+ .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); }
+ .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); }
+
+ }
+
+ /// Wraps @content in vendorized keyframe blocks.
+ /// @param {string} $name Name.
+ @mixin keyframes($name) {
+
+ @-moz-keyframes #{$name} { @content; }
+ @-webkit-keyframes #{$name} { @content; }
+ @-ms-keyframes #{$name} { @content; }
+ @keyframes #{$name} { @content; }
+
+ }
+
+ ///
+ /// Sets breakpoints.
+ /// @param {map} $x Breakpoints.
+ ///
+ @mixin skel-breakpoints($x: ()) {
+ $breakpoints: $x !global;
+ }
+
+ ///
+ /// Initializes layout module.
+ /// @param {map} config Config.
+ ///
+ @mixin skel-layout($config: ()) {
+
+ // Config.
+ $configPerBreakpoint: ();
+
+ $z: map-get($config, 'breakpoints');
+
+ @if $z {
+ $configPerBreakpoint: $z;
+ }
+
+ // Reset.
+ $x: map-get($config, 'reset');
+
+ @if $x {
+
+ /* Reset */
+
+ @include reset($x);
+
+ }
+
+ // Box model.
+ $x: map-get($config, 'boxModel');
+
+ @if $x {
+
+ /* Box Model */
+
+ @include boxModel($x);
+
+ }
+
+ // Containers.
+ $containers: map-get($config, 'containers');
+
+ @if $containers {
+
+ /* Containers */
+
+ .container {
+ margin-left: auto;
+ margin-right: auto;
+ }
+
+ // Use default is $containers is just "true".
+ @if $containers == true {
+ $containers: 960px;
+ }
+
+ // Apply base.
+ @include containers($containers);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'containers');
+
+ // Setting exists? Use it.
+ @if $y {
+ $containers: $y;
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include containers($containers);
+ }
+
+ }
+
+ }
+
+ // Grid.
+ $grid: map-get($config, 'grid');
+
+ @if $grid {
+
+ /* Grid */
+
+ // Use defaults if $grid is just "true".
+ @if $grid == true {
+ $grid: ();
+ }
+
+ // Sub-setting: Gutters.
+ $grid-gutters: 40px;
+ $x: map-get($grid, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ // Rows.
+ .row {
+ border-bottom: solid 1px transparent;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row > * {
+ float: left;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+
+ .row:after, .row:before {
+ content: '';
+ display: block;
+ clear: both;
+ height: 0;
+ }
+
+ .row.uniform > * > :first-child {
+ margin-top: 0;
+ }
+
+ .row.uniform > * > :last-child {
+ margin-bottom: 0;
+ }
+
+ // Gutters (0%).
+ @include grid-gutters($grid-gutters, \30 \25, 0);
+
+ // Apply base.
+ @include grid($grid-gutters);
+
+ // Apply per-breakpoint.
+ @each $name in map-keys($breakpoints) {
+
+ // Get/use breakpoint setting if it exists.
+ $x: map-get($configPerBreakpoint, $name);
+
+ // Per-breakpoint config exists?
+ @if $x {
+ $y: map-get($x, 'grid');
+
+ // Setting exists?
+ @if $y {
+
+ // Sub-setting: Gutters.
+ $x: map-get($y, 'gutters');
+
+ @if $x {
+ $grid-gutters: $x;
+ }
+
+ }
+
+ }
+
+ // Create @media block.
+ @media screen and #{map-get($breakpoints, $name)} {
+ @include grid($grid-gutters, $name);
+ }
+
+ }
+
+ }
+
+ }
+
+ /// Resets browser styles.
+ /// @param {string} $mode Mode (default is 'normalize').
+ @mixin reset($mode: 'normalize') {
+
+ @if $mode == 'normalize' {
+
+ // normalize.css v3.0.2 | 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,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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+
+ }
+ @else if $mode == 'full' {
+
+ // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain)
+ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
+
+ }
+
+ }
+
+ /// Vendorizes a declaration's property and/or value(s).
+ /// @param {string} $property Property.
+ /// @param {mixed} $value String/list of value(s).
+ @mixin vendor($property, $value) {
+
+ // Determine if property should expand.
+ $expandProperty: index($vendor-properties, $property);
+
+ // Determine if value should expand (and if so, add '-prefix-' placeholder).
+ $expandValue: false;
+
+ @each $x in $value {
+ @each $y in $vendor-values {
+ @if $y == str-slice($x, 1, str-length($y)) {
+
+ $value: set-nth($value, index($value, $x), '-prefix-' + $x);
+ $expandValue: true;
+
+ }
+ }
+ }
+
+ // Expand property?
+ @if $expandProperty {
+ @each $vendor in $vendor-prefixes {
+ #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Expand just the value?
+ @elseif $expandValue {
+ @each $vendor in $vendor-prefixes {
+ #{$property}: #{str-replace-all($value, '-prefix-', $vendor)};
+ }
+ }
+
+ // Neither? Treat them as a normal declaration.
+ @else {
+ #{$property}: #{$value};
+ }
+
+ }
\ No newline at end of file
diff --git a/lens/assets/sass/libs/_vars.scss b/lens/assets/sass/libs/_vars.scss
new file mode 100644
index 0000000..7e2444c
--- /dev/null
+++ b/lens/assets/sass/libs/_vars.scss
@@ -0,0 +1,45 @@
+// Misc.
+ $misc: (
+ z-index-base: 10000,
+ main-side: right,
+ main-align: right,
+ thumbnails-per-row: 2
+ );
+
+// Duration.
+ $duration: (
+ transition: 0.25s,
+ layout: 0.75s,
+ layout-alt: 0.5s,
+ slide: 0.5s,
+ spinner: 1s
+ );
+
+// Size.
+ $size: (
+ border-radius: 4px,
+ border-width: 1px,
+ element-height: 2.75em,
+ element-margin: 1.25em,
+ main: 22.5em,
+ main-alt: 19em
+ );
+
+// Font.
+ $font: (
+ family: ('Roboto', Helvetica, sans-serif),
+ family-fixed: ('Courier New', monospace),
+ weight: 400,
+ weight-bold: 700
+ );
+
+// Palette.
+ $palette: (
+ page-bg: #101010,
+ bg: #fff,
+ fg: #aaa,
+ fg-bold: #555,
+ fg-light: #ccc,
+ border: #ccc,
+ accent: #00D3B7
+ );
\ No newline at end of file
diff --git a/lens/assets/sass/main.scss b/lens/assets/sass/main.scss
new file mode 100644
index 0000000..851a420
--- /dev/null
+++ b/lens/assets/sass/main.scss
@@ -0,0 +1,45 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+@import 'font-awesome.min.css';
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
+
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+ @include skel-breakpoints((
+ xlarge: '(max-width: 1680px)',
+ large: '(max-width: 1280px)',
+ medium: '(max-width: 980px)',
+ small: '(max-width: 736px)',
+ xsmall: '(max-width: 480px)'
+ ));
+
+ @include skel-layout((
+ reset: 'full',
+ boxModel: 'border'
+ ));
+
+// Base.
+
+ @import 'base/page';
+ @import 'base/typography';
+
+// Component.
+
+ @import 'components/button';
+ @import 'components/form';
+ @import 'components/icon';
+ @import 'components/list';
+
+// Layout.
+
+ @import 'layout/main';
+ @import 'layout/header';
+ @import 'layout/footer';
+ @import 'layout/thumbnails';
+ @import 'layout/viewer';
\ No newline at end of file
diff --git a/lens/assets/sass/noscript.scss b/lens/assets/sass/noscript.scss
new file mode 100644
index 0000000..c4787b9
--- /dev/null
+++ b/lens/assets/sass/noscript.scss
@@ -0,0 +1,46 @@
+@import 'libs/vars';
+@import 'libs/functions';
+@import 'libs/mixins';
+@import 'libs/skel';
+
+/*
+ Lens by HTML5 UP
+ html5up.net | @ajlkn
+ Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+*/
+
+/* Main */
+
+ #main {
+ opacity: 1 !important;
+
+ @if _misc(main-side) == 'left' {
+ left: 0 !important;
+ }
+ @else {
+ right: 0 !important;
+ }
+ }
+
+ body:before {
+ content: 'Javascript is disabled :(';
+ display: block;
+ position: absolute;
+ top: 50%;
+ width: calc(100% - #{_size(main)} * 0.333333333);
+ height: 4em;
+ margin-top: -2em;
+ color: mix(_palette(page-bg), #fff, 90%);
+ cursor: default;
+ font-size: 3em;
+ line-height: 4em;
+ text-align: center;
+ white-space: nowrap;
+
+ @if _misc(main-side) == 'left' {
+ right: 0;
+ }
+ @else {
+ left: 0;
+ }
+ }
\ No newline at end of file
diff --git a/lens/images/fulls/01.jpg b/lens/images/fulls/01.jpg
new file mode 100644
index 0000000..190dd5b
Binary files /dev/null and b/lens/images/fulls/01.jpg differ
diff --git a/lens/images/fulls/02.jpg b/lens/images/fulls/02.jpg
new file mode 100644
index 0000000..bcf89d7
Binary files /dev/null and b/lens/images/fulls/02.jpg differ
diff --git a/lens/images/fulls/03.jpg b/lens/images/fulls/03.jpg
new file mode 100644
index 0000000..578b003
Binary files /dev/null and b/lens/images/fulls/03.jpg differ
diff --git a/lens/images/fulls/04.jpg b/lens/images/fulls/04.jpg
new file mode 100644
index 0000000..d978d7e
Binary files /dev/null and b/lens/images/fulls/04.jpg differ
diff --git a/lens/images/fulls/05.jpg b/lens/images/fulls/05.jpg
new file mode 100644
index 0000000..3afbcba
Binary files /dev/null and b/lens/images/fulls/05.jpg differ
diff --git a/lens/images/fulls/06.jpg b/lens/images/fulls/06.jpg
new file mode 100644
index 0000000..0533753
Binary files /dev/null and b/lens/images/fulls/06.jpg differ
diff --git a/lens/images/fulls/07.jpg b/lens/images/fulls/07.jpg
new file mode 100644
index 0000000..a39666c
Binary files /dev/null and b/lens/images/fulls/07.jpg differ
diff --git a/lens/images/fulls/08.jpg b/lens/images/fulls/08.jpg
new file mode 100644
index 0000000..4e5112b
Binary files /dev/null and b/lens/images/fulls/08.jpg differ
diff --git a/lens/images/fulls/09.jpg b/lens/images/fulls/09.jpg
new file mode 100644
index 0000000..d96aebb
Binary files /dev/null and b/lens/images/fulls/09.jpg differ
diff --git a/lens/images/fulls/10.jpg b/lens/images/fulls/10.jpg
new file mode 100644
index 0000000..d4209a9
Binary files /dev/null and b/lens/images/fulls/10.jpg differ
diff --git a/lens/images/fulls/11.jpg b/lens/images/fulls/11.jpg
new file mode 100644
index 0000000..d290e9a
Binary files /dev/null and b/lens/images/fulls/11.jpg differ
diff --git a/lens/images/fulls/12.jpg b/lens/images/fulls/12.jpg
new file mode 100644
index 0000000..b6b6245
Binary files /dev/null and b/lens/images/fulls/12.jpg differ
diff --git a/lens/images/thumbs/01.jpg b/lens/images/thumbs/01.jpg
new file mode 100644
index 0000000..7fcb5ab
Binary files /dev/null and b/lens/images/thumbs/01.jpg differ
diff --git a/lens/images/thumbs/02.jpg b/lens/images/thumbs/02.jpg
new file mode 100644
index 0000000..af3a728
Binary files /dev/null and b/lens/images/thumbs/02.jpg differ
diff --git a/lens/images/thumbs/03.jpg b/lens/images/thumbs/03.jpg
new file mode 100644
index 0000000..b09d40d
Binary files /dev/null and b/lens/images/thumbs/03.jpg differ
diff --git a/lens/images/thumbs/04.jpg b/lens/images/thumbs/04.jpg
new file mode 100644
index 0000000..372f14e
Binary files /dev/null and b/lens/images/thumbs/04.jpg differ
diff --git a/lens/images/thumbs/05.jpg b/lens/images/thumbs/05.jpg
new file mode 100644
index 0000000..84b8e15
Binary files /dev/null and b/lens/images/thumbs/05.jpg differ
diff --git a/lens/images/thumbs/06.jpg b/lens/images/thumbs/06.jpg
new file mode 100644
index 0000000..c952265
Binary files /dev/null and b/lens/images/thumbs/06.jpg differ
diff --git a/lens/images/thumbs/07.jpg b/lens/images/thumbs/07.jpg
new file mode 100644
index 0000000..a2eb9f6
Binary files /dev/null and b/lens/images/thumbs/07.jpg differ
diff --git a/lens/images/thumbs/08.jpg b/lens/images/thumbs/08.jpg
new file mode 100644
index 0000000..e3214d4
Binary files /dev/null and b/lens/images/thumbs/08.jpg differ
diff --git a/lens/images/thumbs/09.jpg b/lens/images/thumbs/09.jpg
new file mode 100644
index 0000000..85bb514
Binary files /dev/null and b/lens/images/thumbs/09.jpg differ
diff --git a/lens/images/thumbs/10.jpg b/lens/images/thumbs/10.jpg
new file mode 100644
index 0000000..c67807f
Binary files /dev/null and b/lens/images/thumbs/10.jpg differ
diff --git a/lens/images/thumbs/11.jpg b/lens/images/thumbs/11.jpg
new file mode 100644
index 0000000..ebe4a03
Binary files /dev/null and b/lens/images/thumbs/11.jpg differ
diff --git a/lens/images/thumbs/12.jpg b/lens/images/thumbs/12.jpg
new file mode 100644
index 0000000..76bea7f
Binary files /dev/null and b/lens/images/thumbs/12.jpg differ
diff --git a/lens/index.html b/lens/index.html
new file mode 100644
index 0000000..0c8a05b
--- /dev/null
+++ b/lens/index.html
@@ -0,0 +1,115 @@
+
+
+
+
+ Lens by HTML5 UP
+
+
+
+
+
+
+
+
+ Diam tempus accumsan
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+
+ Vivamus convallis libero
+ Sed velit lacus, laoreet at venenatis convallis in lorem tincidunt.
+
+
+ Nec accumsan enim felis
+ Maecenas eleifend tellus ut turpis eleifend, vitae pretium faucibus.
+
+
+ Donec maximus nisi eget
+ Tristique in nulla vel congue. Sed sociis natoque parturient nascetur.
+
+
+ Nullam vitae nunc vulputate
+ In pellentesque cursus velit id posuere. Donec vehicula nulla.
+
+
+ Phasellus magna faucibus
+ Nulla dignissim libero maximus tellus varius dictum ut posuere magna.
+
+
+ Proin quis mauris
+ Etiam ultricies, lorem quis efficitur porttitor, facilisis ante orci urna.
+
+
+ Gravida quis varius enim
+ Nunc egestas congue lorem. Nullam dictum placerat ex sapien tortor mattis.
+
+
+ Morbi eget vitae adipiscing
+ In quis vulputate dui. Maecenas metus elit, dictum praesent lacinia lacus.
+
+
+ Habitant tristique senectus
+ Vestibulum ante ipsum primis in faucibus orci luctus ac tincidunt dolor.
+
+
+ Pharetra ex non faucibus
+ Ut sed magna euismod leo laoreet congue. Fusce congue enim ultricies.
+
+
+ Mattis lorem sodales
+ Feugiat auctor leo massa, nec vestibulum nisl erat faucibus, rutrum nulla.
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/massively/assets/fonts/fontawesome-webfont.ttf b/massively/assets/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..f221e50
Binary files /dev/null and b/massively/assets/fonts/fontawesome-webfont.ttf differ
diff --git a/massively/assets/fonts/fontawesome-webfont.woff b/massively/assets/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..6e7483c
Binary files /dev/null and b/massively/assets/fonts/fontawesome-webfont.woff differ
diff --git a/massively/assets/fonts/fontawesome-webfont.woff2 b/massively/assets/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..7eb74fd
Binary files /dev/null and b/massively/assets/fonts/fontawesome-webfont.woff2 differ
diff --git a/massively/assets/js/jquery.min.js b/massively/assets/js/jquery.min.js
new file mode 100644
index 0000000..0f60b7b
--- /dev/null
+++ b/massively/assets/js/jquery.min.js
@@ -0,0 +1,5 @@
+/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
+!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="b;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&"parentNode"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||"*",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[" "],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:" "===a[i-2].type?"*":""})).replace(R,"$1"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q="0",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG("*",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+" "];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n="function"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&"ID"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split("").sort(B).join("")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement("div"))}),ja(function(a){return a.innerHTML="h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},W=/^(?:checkbox|radio)$/i;!function(){var a=y.createElement("input"),b=y.createElement("div"),c=y.createDocumentFragment();if(b.innerHTML=" a \s*$/g,ra={option:[1,""," "],legend:[1,""," "],area:[1,""," "],param:[1,""," "],thead:[1,""],tr:[2,""],col:[2,""],td:[3,""],_default:k.htmlSerialize?[0,"",""]:[1,"X","
"]},sa=da(y),ta=sa.appendChild(y.createElement("div"));ra.optgroup=ra.option,ra.tbody=ra.tfoot=ra.colgroup=ra.caption=ra.thead,ra.th=ra.td;function ua(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==K?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==K?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||m.nodeName(d,b)?f.push(d):m.merge(f,ua(d,b));return void 0===b||b&&m.nodeName(a,b)?m.merge([a],f):f}function va(a){W.test(a.type)&&(a.defaultChecked=a.checked)}function wa(a,b){return m.nodeName(a,"table")&&m.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function xa(a){return a.type=(null!==m.find.attr(a,"type"))+"/"+a.type,a}function ya(a){var b=pa.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function za(a,b){for(var c,d=0;null!=(c=a[d]);d++)m._data(c,"globalEval",!b||m._data(b[d],"globalEval"))}function Aa(a,b){if(1===b.nodeType&&m.hasData(a)){var c,d,e,f=m._data(a),g=m._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)m.event.add(b,c,h[c][d])}g.data&&(g.data=m.extend({},g.data))}}function Ba(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!k.noCloneEvent&&b[m.expando]){e=m._data(b);for(d in e.events)m.removeEvent(b,d,e.handle);b.removeAttribute(m.expando)}"script"===c&&b.text!==a.text?(xa(b).text=a.text,ya(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),k.html5Clone&&a.innerHTML&&!m.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&W.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}m.extend({clone:function(a,b,c){var d,e,f,g,h,i=m.contains(a.ownerDocument,a);if(k.html5Clone||m.isXMLDoc(a)||!ga.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ta.innerHTML=a.outerHTML,ta.removeChild(f=ta.firstChild)),!(k.noCloneEvent&&k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||m.isXMLDoc(a)))for(d=ua(f),h=ua(a),g=0;null!=(e=h[g]);++g)d[g]&&Ba(e,d[g]);if(b)if(c)for(h=h||ua(a),d=d||ua(f),g=0;null!=(e=h[g]);g++)Aa(e,d[g]);else Aa(a,f);return d=ua(f,"script"),d.length>0&&za(d,!i&&ua(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,l,n=a.length,o=da(b),p=[],q=0;n>q;q++)if(f=a[q],f||0===f)if("object"===m.type(f))m.merge(p,f.nodeType?[f]:f);else if(la.test(f)){h=h||o.appendChild(b.createElement("div")),i=(ja.exec(f)||["",""])[1].toLowerCase(),l=ra[i]||ra._default,h.innerHTML=l[1]+f.replace(ia,"<$1>")+l[2],e=l[0];while(e--)h=h.lastChild;if(!k.leadingWhitespace&&ha.test(f)&&p.push(b.createTextNode(ha.exec(f)[0])),!k.tbody){f="table"!==i||ka.test(f)?""!==l[1]||ka.test(f)?0:h:h.firstChild,e=f&&f.childNodes.length;while(e--)m.nodeName(j=f.childNodes[e],"tbody")&&!j.childNodes.length&&f.removeChild(j)}m.merge(p,h.childNodes),h.textContent="";while(h.firstChild)h.removeChild(h.firstChild);h=o.lastChild}else p.push(b.createTextNode(f));h&&o.removeChild(h),k.appendChecked||m.grep(ua(p,"input"),va),q=0;while(f=p[q++])if((!d||-1===m.inArray(f,d))&&(g=m.contains(f.ownerDocument,f),h=ua(o.appendChild(f),"script"),g&&za(h),c)){e=0;while(f=h[e++])oa.test(f.type||"")&&c.push(f)}return h=null,o},cleanData:function(a,b){for(var d,e,f,g,h=0,i=m.expando,j=m.cache,l=k.deleteExpando,n=m.event.special;null!=(d=a[h]);h++)if((b||m.acceptData(d))&&(f=d[i],g=f&&j[f])){if(g.events)for(e in g.events)n[e]?m.event.remove(d,e):m.removeEvent(d,e,g.handle);j[f]&&(delete j[f],l?delete d[i]:typeof d.removeAttribute!==K?d.removeAttribute(i):d[i]=null,c.push(f))}}}),m.fn.extend({text:function(a){return V(this,function(a){return void 0===a?m.text(this):this.empty().append((this[0]&&this[0].ownerDocument||y).createTextNode(a))},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=wa(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?m.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||m.cleanData(ua(c)),c.parentNode&&(b&&m.contains(c.ownerDocument,c)&&za(ua(c,"script")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++){1===a.nodeType&&m.cleanData(ua(a,!1));while(a.firstChild)a.removeChild(a.firstChild);a.options&&m.nodeName(a,"select")&&(a.options.length=0)}return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return m.clone(this,a,b)})},html:function(a){return V(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a)return 1===b.nodeType?b.innerHTML.replace(fa,""):void 0;if(!("string"!=typeof a||ma.test(a)||!k.htmlSerialize&&ga.test(a)||!k.leadingWhitespace&&ha.test(a)||ra[(ja.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(ia,"<$1>");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(m.cleanData(ua(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,m.cleanData(ua(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,n=this,o=l-1,p=a[0],q=m.isFunction(p);if(q||l>1&&"string"==typeof p&&!k.checkClone&&na.test(p))return this.each(function(c){var d=n.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(i=m.buildFragment(a,this[0].ownerDocument,!1,this),c=i.firstChild,1===i.childNodes.length&&(i=c),c)){for(g=m.map(ua(i,"script"),xa),f=g.length;l>j;j++)d=i,j!==o&&(d=m.clone(d,!0,!0),f&&m.merge(g,ua(d,"script"))),b.call(this[j],d,j);if(f)for(h=g[g.length-1].ownerDocument,m.map(g,ya),j=0;f>j;j++)d=g[j],oa.test(d.type||"")&&!m._data(d,"globalEval")&&m.contains(h,d)&&(d.src?m._evalUrl&&m._evalUrl(d.src):m.globalEval((d.text||d.textContent||d.innerHTML||"").replace(qa,"")));i=c=null}return this}}),m.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){m.fn[a]=function(a){for(var c,d=0,e=[],g=m(a),h=g.length-1;h>=d;d++)c=d===h?this:this.clone(!0),m(g[d])[b](c),f.apply(e,c.get());return this.pushStack(e)}});var Ca,Da={};function Ea(b,c){var d,e=m(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:m.css(e[0],"display");return e.detach(),f}function Fa(a){var b=y,c=Da[a];return c||(c=Ea(a,b),"none"!==c&&c||(Ca=(Ca||m("")).appendTo(b.documentElement),b=(Ca[0].contentWindow||Ca[0].contentDocument).document,b.write(),b.close(),c=Ea(a,b),Ca.detach()),Da[a]=c),c}!function(){var a;k.shrinkWrapBlocks=function(){if(null!=a)return a;a=!1;var b,c,d;return c=y.getElementsByTagName("body")[0],c&&c.style?(b=y.createElement("div"),d=y.createElement("div"),d.style.cssText="position:absolute;border:0;width:0;height:0;top:0;left:-9999px",c.appendChild(d).appendChild(b),typeof b.style.zoom!==K&&(b.style.cssText="-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:1px;width:1px;zoom:1",b.appendChild(y.createElement("div")).style.width="5px",a=3!==b.offsetWidth),c.removeChild(d),a):void 0}}();var Ga=/^margin/,Ha=new RegExp("^("+S+")(?!px)[a-z%]+$","i"),Ia,Ja,Ka=/^(top|right|bottom|left)$/;a.getComputedStyle?(Ia=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c.getPropertyValue(b)||c[b]:void 0,c&&(""!==g||m.contains(a.ownerDocument,a)||(g=m.style(a,b)),Ha.test(g)&&Ga.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0===g?g:g+""}):y.documentElement.currentStyle&&(Ia=function(a){return a.currentStyle},Ja=function(a,b,c){var d,e,f,g,h=a.style;return c=c||Ia(a),g=c?c[b]:void 0,null==g&&h&&h[b]&&(g=h[b]),Ha.test(g)&&!Ka.test(b)&&(d=h.left,e=a.runtimeStyle,f=e&&e.left,f&&(e.left=a.currentStyle.left),h.left="fontSize"===b?"1em":g,g=h.pixelLeft+"px",h.left=d,f&&(e.left=f)),void 0===g?g:g+""||"auto"});function La(a,b){return{get:function(){var c=a();if(null!=c)return c?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d,e,f,g,h;if(b=y.createElement("div"),b.innerHTML=" a a ").append(m.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},m.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(a,b){m.fn[b]=function(a){return this.on(b,a)}}),m.expr.filters.animated=function(a){return m.grep(m.timers,function(b){return a===b.elem}).length};var cc=a.document.documentElement;function dc(a){return m.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}m.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=m.css(a,"position"),l=m(a),n={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=m.css(a,"top"),i=m.css(a,"left"),j=("absolute"===k||"fixed"===k)&&m.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),m.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(n.top=b.top-h.top+g),null!=b.left&&(n.left=b.left-h.left+e),"using"in b?b.using.call(a,n):l.css(n)}},m.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){m.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,m.contains(b,e)?(typeof e.getBoundingClientRect!==K&&(d=e.getBoundingClientRect()),c=dc(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===m.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),m.nodeName(a[0],"html")||(c=a.offset()),c.top+=m.css(a[0],"borderTopWidth",!0),c.left+=m.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-m.css(d,"marginTop",!0),left:b.left-c.left-m.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||cc;while(a&&!m.nodeName(a,"html")&&"static"===m.css(a,"position"))a=a.offsetParent;return a||cc})}}),m.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);m.fn[a]=function(d){return V(this,function(a,d,e){var f=dc(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?m(f).scrollLeft():e,c?e:m(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),m.each(["top","left"],function(a,b){m.cssHooks[b]=La(k.pixelPosition,function(a,c){return c?(c=Ja(a,b),Ha.test(c)?m(a).position()[b]+"px":c):void 0})}),m.each({Height:"height",Width:"width"},function(a,b){m.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){m.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return V(this,function(b,c,d){var e;return m.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?m.css(b,c,g):m.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),m.fn.size=function(){return this.length},m.fn.andSelf=m.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return m});var ec=a.jQuery,fc=a.$;return m.noConflict=function(b){return a.$===m&&(a.$=fc),b&&a.jQuery===m&&(a.jQuery=ec),m},typeof b===K&&(a.jQuery=a.$=m),m});
diff --git a/massively/assets/js/jquery.scrollex.min.js b/massively/assets/js/jquery.scrollex.min.js
new file mode 100644
index 0000000..a4727fe
--- /dev/null
+++ b/massively/assets/js/jquery.scrollex.min.js
@@ -0,0 +1,2 @@
+/* jquery.scrollex v0.2.1 | (c) @ajlkn | github.com/ajlkn/jquery.scrollex | MIT licensed */
+!function(t){function e(t,e,n){return"string"==typeof t&&("%"==t.slice(-1)?t=parseInt(t.substring(0,t.length-1))/100*e:"vh"==t.slice(-2)?t=parseInt(t.substring(0,t.length-2))/100*n:"px"==t.slice(-2)&&(t=parseInt(t.substring(0,t.length-2)))),t}var n=t(window),i=1,o={};n.on("scroll",function(){var e=n.scrollTop();t.map(o,function(t){window.clearTimeout(t.timeoutId),t.timeoutId=window.setTimeout(function(){t.handler(e)},t.options.delay)})}).on("load",function(){n.trigger("scroll")}),jQuery.fn.scrollex=function(l){var s=t(this);if(0==this.length)return s;if(this.length>1){for(var r=0;r
=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o 1) {
+
+ for (var i=0; i < this.length; i++)
+ $(this[i])._parallax(intensity);
+
+ return $this;
+
+ }
+
+ if (!intensity)
+ intensity = 0.25;
+
+ $this.each(function() {
+
+ var $t = $(this),
+ $bg = $('
').appendTo($t),
+ on, off;
+
+ on = function() {
+
+ $bg
+ .removeClass('fixed')
+ .css('transform', 'matrix(1,0,0,1,0,0)');
+
+ $window
+ .on('scroll._parallax', function() {
+
+ var pos = parseInt($window.scrollTop()) - parseInt($t.position().top);
+
+ $bg.css('transform', 'matrix(1,0,0,1,0,' + (pos * intensity) + ')');
+
+ });
+
+ };
+
+ off = function() {
+
+ $bg
+ .addClass('fixed')
+ .css('transform', 'none');
+
+ $window
+ .off('scroll._parallax');
+
+ };
+
+ // Disable parallax on ..
+ if (skel.vars.browser == 'ie' // IE
+ || skel.vars.browser == 'edge' // Edge
+ || window.devicePixelRatio > 1 // Retina/HiDPI (= poor performance)
+ || skel.vars.mobile) // Mobile devices
+ off();
+
+ // Enable everywhere else.
+ else {
+
+ skel.on('!large -large', on);
+ skel.on('+large', off);
+
+ }
+
+ });
+
+ $window
+ .off('load._parallax resize._parallax')
+ .on('load._parallax resize._parallax', function() {
+ $window.trigger('scroll');
+ });
+
+ return $(this);
+
+ };
+
+ $(function() {
+
+ var $window = $(window),
+ $body = $('body'),
+ $wrapper = $('#wrapper'),
+ $header = $('#header'),
+ $nav = $('#nav'),
+ $main = $('#main'),
+ $navPanelToggle, $navPanel, $navPanelInner;
+
+ // Disable animations/transitions until the page has loaded.
+ $window.on('load', function() {
+ window.setTimeout(function() {
+ $body.removeClass('is-loading');
+ }, 100);
+ });
+
+ // Prioritize "important" elements on medium.
+ skel.on('+medium -medium', function() {
+ $.prioritize(
+ '.important\\28 medium\\29',
+ skel.breakpoint('medium').active
+ );
+ });
+
+ // Scrolly.
+ $('.scrolly').scrolly();
+
+ // Background.
+ $wrapper._parallax(0.925);
+
+ // Nav Panel.
+
+ // Toggle.
+ $navPanelToggle = $(
+ 'Menu '
+ )
+ .appendTo($wrapper);
+
+ // Change toggle styling once we've scrolled past the header.
+ $header.scrollex({
+ bottom: '5vh',
+ enter: function() {
+ $navPanelToggle.removeClass('alt');
+ },
+ leave: function() {
+ $navPanelToggle.addClass('alt');
+ }
+ });
+
+ // Panel.
+ $navPanel = $(
+ '' +
+ '
' +
+ ' ' +
+ '
' +
+ '
r["max-width"]||null!==r["min-height"]&&cr["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML='
+
+ 
+ 
