@charset "UTF-8";
@import url("//hello.myfonts.net/count/264126");
/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em; }

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default; }

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

/**
 * Gridpak Beta SCSS 
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col, .single-column, .vimeo-container, .masthead-container, .browser, .testimonials .testimonial .testimonial-text, .testimonials .testimonial .testimonial-giver, .work-list .work-item, .site-navigation, .project-paragraph, .project-image, .blog-search {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important; }

/* 1. 8 Column Grid 0px - Infinity 
----------------------------------------------------------------------------- 

Span 1:    12.5%
Span 2:    25.0%
Span 3:    37.5%
Span 4:    50.0%
Span 5:    62.5%
Span 6:    75.0%
Span 7:    87.5%
Span 8:    100%

----------------------------------------------------------------------------- */
.col, .single-column, .vimeo-container, .masthead-container, .browser, .testimonials .testimonial .testimonial-text, .testimonials .testimonial .testimonial-giver, .work-list .work-item, .site-navigation, .project-paragraph, .project-image, .blog-search {
  margin-left: 0%;
  padding: 0 1.5%; }

/* --- Gridpak variables ---*/
.row .col:first-child, .container .col:first-child, .pagination .col:first-child, .row .single-column:first-child, .container .single-column:first-child, .pagination .single-column:first-child, .row .vimeo-container:first-child, .container .vimeo-container:first-child, .pagination .vimeo-container:first-child, .row .masthead-container:first-child, .container .masthead-container:first-child, .pagination .masthead-container:first-child, .row .browser:first-child, .container .browser:first-child, .pagination .browser:first-child, .row .testimonials .testimonial .testimonial-text:first-child, .testimonials .testimonial .row .testimonial-text:first-child, .container .testimonials .testimonial .testimonial-text:first-child, .testimonials .testimonial .container .testimonial-text:first-child, .pagination .testimonials .testimonial .testimonial-text:first-child, .testimonials .testimonial .pagination .testimonial-text:first-child, .row .testimonials .testimonial .testimonial-giver:first-child, .testimonials .testimonial .row .testimonial-giver:first-child, .container .testimonials .testimonial .testimonial-giver:first-child, .testimonials .testimonial .container .testimonial-giver:first-child, .pagination .testimonials .testimonial .testimonial-giver:first-child, .testimonials .testimonial .pagination .testimonial-giver:first-child, .row .work-list .work-item:first-child, .work-list .row .work-item:first-child, .container .work-list .work-item:first-child, .work-list .container .work-item:first-child, .pagination .work-list .work-item:first-child, .work-list .pagination .work-item:first-child, .row .site-navigation:first-child, .container .site-navigation:first-child, .pagination .site-navigation:first-child, .row .project-paragraph:first-child, .container .project-paragraph:first-child, .pagination .project-paragraph:first-child, .row .project-image:first-child, .container .project-image:first-child, .pagination .project-image:first-child, .row .blog-search:first-child, .container .blog-search:first-child, .pagination .blog-search:first-child {
  margin-left: 0; }

.span_1 {
  width: 8.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_2 {
  width: 16.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_3 {
  width: 25%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_4 {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_5 {
  width: 41.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_6 {
  width: 50%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_7 {
  width: 58.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }

.span_8 {
  margin-left: 0;
  width: 100%; }

@font-face {
  font-family: 'hoverstudio';
  src: url("../font/hoverstudio.eot?74371518");
  src: url("../font/hoverstudio.eot?74371518#iefix") format("embedded-opentype"), url("../font/hoverstudio.svg?74371518#hoverstudio") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'hoverstudio';
  src: url("data:application/octet-stream;base64,d09GRgABAAAAAA9AABAAAAAAF1QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABbAAAABoAAAAcZREPyEdERUYAAAGIAAAAHwAAACAAOgAGT1MvMgAAAagAAABIAAAAVlaR8zFjbWFwAAAB8AAAAKkAAAIMfXbWGWN2dCAAAAKcAAAAFgAAACAGPwY+ZnBnbQAAArQAAAT5AAAJkYoKeDxnYXNwAAAHsAAAAAgAAAAIAAAAEGdseWYAAAe4AAAFKgAABowdq6qZaGVhZAAADOQAAAAwAAAANv8l5DVoaGVhAAANFAAAACAAAAAkCC4D6mhtdHgAAA00AAAAKAAAADIkwgAAbG9jYQAADVwAAAAcAAAAHAdwCVZtYXhwAAANeAAAACAAAAAgARsKBG5hbWUAAA2YAAAA6gAAAbZHMpGJcG9zdAAADoQAAABiAAAAgh8f+ERwcmVwAAAO6AAAAFYAAABWkqGbAHicY2BgYGQAgpOd+YYg+uzhC94wGgBJSwdKAAB4nGNgZGBg4ANiCQYQYGJgZGBm4AGSLGAeAwAE6ABBAHicY2BkbmacwMDKwMHUxbSHgYGhB0IzPmAwZGRiYGBiYGVmgAFGIQYECEhzTWFwYEj7/5856H8WQxRzEMOMBqAakBwABSgNAXicrY/NDcIwDIW/NEn5q4ANeuTCEMzAEB2DM1swTzeJxCVSxbm8xJUQ91r64tiKn1+ACHhxFUE8cDpxrbqu9j372g/clY9saWh1G1LIMY9TP89lQjW/en7B2Z9u3dv0qoZF0PSBjXS7Wj+XfnkxLMhVwiiukjPK3tQY0iB5Q2qkYJTf5GjIK3k02MHUG9rlPpcKxYV+u9hULtoN/+FYKeJaQqvHF2gQJ9EAAAB4nGNgQANGDEbMQcxB/zMgJAAcJgSHAAB4nJ1V2XbTVhSVPGRwEjpkoKAO19w4UOvKhCkYMGkqxXYhHRwIrQQdpAx05J3HPutrjkK7Vh/5tO59PSS0dK22LJbPvkdbZ9g650YcIyp9Gohr1KGSlwOprD2WSvdJXNd1L4+VDAZxXbYST0mbqJ0kSmrd7FAu8VjrKlknWCfj5SBWT1WeZ6AM4hQeZUlEG0QbqZcmSeKJ4yeJFmcQHyVJICWjEKfSyFBCNRrEUtWhTOnQq9cTcdNAykajHnVYVPdDxSfHNafUrANGKlc5whXr1Ua+G6cDL3uQxDrBs62HMR54rH6UKpCKkenIP3ZKTpSGgVRx1KFW4ugwk1/3kUwqzUCmjGJFpe6BuN39dNsWMT10Or4uypVGqrq5ziia7dHxqIMoD9nG6aTc0Nn28OUZU1SrXXGz7UBmDVxKyWx0n0QAHSZS4+kBTjWcAqkZ9UfF2efPARLJXJSqPFUyh3oDmTM7e3Ex7W4nq7JwpJ8HMm92duOdh0OnV4d/0foXTOHMR4/iYn4+QvpQan4iTiSlRljM8qeGH3FXIEK5MYgLF8rgU4Q5dEXa2WZd47Ux9obP+UqpYT0J2uij+H4K/U4kKxxnUaP1SJzNY9d1rdxnUEu1uxc7Mq9DlSLu7wsLrjPnhGGeFgtVX5753gU0/waIZ/xA3jSFS/uWKUq0b5uiTLtoigrtElSlXTbFFO2KKaZpz5pihvYdU8zSnjMy4//L3OeR+xze8ZCb9l3kpn0PuWnfR27aD5CbViE3bR25aS8gN61GbtpVozp2BBoGaRdSFUHQNLL6YdxWm/VA1ow0fGlg8i5iyPrqREedtbXKH8V/deILB3Jpoqe7Iheb4i6v2xY+PN3uq4+aRt2w1fjGkfIwHkZ6HJrQWfnN4b/tTd0umu4yqjLoARVMCsAAZe1AAtM62wmk9Zqn+PIHYFyGeM5KQ7VUnzuGpu/leV/3sTnxvsftxi63XHd5CVnWDXJj9vDfUmSq6x/lLa1UJ0esKyePVWsYQyq8KLq+kpR7tLUbvyipsvJelNbK55OQmz2DG0Jbtu5hsCNMacolHl5TpSg91FKOskMsbynKPOCUiwtahsS4DnUPamvE6aF6GBsLIYahtL0QcEgpXRXftMp38R6ra9jo+MUV4el6chIRn+Iq+1HwVNdG/egO2rxm3TKDKVWqp/uMT7Gv2/ZRWWmkjrMXt1QH1zTrGjkV00/ka+B0bzho3QM9VHw0QSNVNcfoxihjNJY15d8EdDFWfsNo1WL7PdxPnaRVrLlLmOybE/fgtLv9Kvu1nFtG1v3XBr1t5IqfIzG/LQr8Owdit2QN1DuTgRgLyFnQGMYWJncYroNtxG32Pyan/9+GhUVyVzsau3nqw9WTUSV32fK4y012WdejNkfVThr7CI0tDzfm2OFyLLbEYEG2/sH/Me4Bd2lRAuDQyGWYiNp0oZ7q4eoeq7FtOFcSAXbNseN0AHoALkHfHLvW8wmA9dwj5y7AfXIIdsgh+JQcgs/IuQXwOTkEX5BDMCCHYJecOwAPyCF4SA7BHjkEj8jZBPiSHIKvyCGIySFIyLkN8JgcgifkEHxNDsE3Rq5OZP6WB9kA+s6im0CpnRoc2jhkRq5N2Ps8WPaBRWQfWkTqkZHrE+pTHiz1e4tI/cEiUn80cmNC/YkHS/3ZIlJ/sYjUZ8aXmSMprw6e844O/gSgRK1fAAAAAAEAAf//AA94nH1UTWwTVxCeeW+9/tvY3vX+xRDjn7AOduQk6z8STDBpUmipQkgCyg+tAoLYhJaiSr1AURFUqASBkMOFnFJBUQ89VKCek1bcqCCtqgr1gHrogUoV6oFLpXTprKkq9UDXu+OZfc/P38x88wEHeHGC/8bHIQAapMCu9QRRYDgEDARgwix4vZ4J8HgCrwEAHhA5Q5RwWFWVaJSMz8hpxbKta6qYskpyyRYULV3MWGlOLrg+szrTo6dG6b6HvXfXLi9+gw/wA5RW1s7/7Pz0eaQyOlrZTg+Ord511u99e3kRJ9dWnOfOtQe3sfvxefpXwtgQPuYHYDf01fK7k8DxJUIEhg1Age554LyFkYwgSMJwvHNbNuNRc/Ig34Xlgm3EPUYcC3a5Ui4RQIKY8pJPC7pB8L0hwSum8pixWCbPQuitnBqvRWRJikZiKVMNKGKiSzcPFWLMnw22pXv10wenJWl+qyIqjTPXG5nsm0P5sLIio6jHemNsaPd8OSEKTAzY1cm9U5vOLZye6821BYptQuzC/ir6xi27IzH/4+3mVLuZLcctFlCZIIq6/jLfE2wT9USF7tq2Vn5DHEFEwQPCNDCGE4BIiXo8kmdYluVoMi179ZxcKpSK5R2opVNiBxa0tEyf5U/nbt4Mm2tra8vYvzrXaK6mzKOrTh8+omJRDeHFYy6xXyEI7WDU1KjAoNautXkF2EXrRxQZwzmMYwd6qSZYKWPFyuQxnQkj1c1gDxPxDefJMxtTG2VnxmS2npdCurJZMSX2RaIWiWw4vxT/wMSG9Nd2s9vWY8wciyimCf/kyZ9SX4Mg3vMx7Mr50evHjB8rfjTYNZxZdu44d5ZxpmUoxLf/Ezp3yLjnwAney6YgBHItFOSUAdLLI6rJ5FzVPazFTzpXTCl4CS8pnbbirDvrin21KOMl54zSHutUsM95pNBZ7kz8yWfYfQjDFuiBaq2/K8E8ghlhnPmIcsCHaDg8TPDMUgE5MD5L2SDsd5Oi1gDusdyrU9RyO7FYriRt3SAE3mTK4qX/j/UQV8Iq6qGNZ62vV0Yde1puy2L3qwK3xwLls0AzfgC8YEAGqtCoHQ8jZ3wBRJ/HJ3oaEQwR7BANk8+LHvB5ptuCRA0MAM6C388mBGSMCBcISJMg0TXc1eXzdVW7qgP95UJvTy67NdURiypyONQW8PkMn7GFAiUHRSslqrodTbqMTLrTliwVrbShijlMWW5xdiCpB2/JR7GSlFW9kLTLJTmpa+zwwNjAwNh3jlRfwvdrb7y1E48v1esR6VBQbpn3rty/YjhPlur4vL7kPDUwO97fP97P5pr1ke7ukXrzd3fjQdc4N48uLh4t550v681mHSf7Ci+5f5Lf4hLESPlo0mJBEhEhitTmIbduHEj/qL1UqlloyV7USGdVV1SKg8yOM5INQ1fFdKoHyeRZqazqg1jM4+BCc6W5MDiyqmU74urqsbNjFF1trjeb63jB9WnD2Nljq9pAVlsdcYPjD2+w6z9cZy3+SS8+5J/xILSRJvfBdE3uS+gkvElqGROJfnxo31fW2FRNd7ERXNJA+hW6NAQJhjfVOv5doPcngTzcTxnwCZJOvmf6ayvXYwrRnFGs0GgbNBY9aBH4OJaLlkhNMYiQuhpGzRhkBbslj+hNWRVJw4/0yYpzURvQd2gX9c26vhl9zUZir+n333qXj78u+AJtsU9G6zfQG6fNlUmdNmtVNV6Mq8yMmQy/pzVFFlXxnXNVZndJPn3rvsPYbPwNZbgwPwAAeJxjYGRgYABin36TnHh+m68M3MwvgCIMZw9f8EbQ/zNY6pmDgFwOBiaQKABJyAuyeJxjYGRgYA76n8EQxVLFwPD/N0s9A1AEBfAAAH5qBSB4nGN+wQAGjL4MDMxANksVAwOTFJDNA+EzGwBxJJS9AKiQBwCXdgXiAAAAAAAAAAAAUgDKAQABPgFiAYoB8gJ+AsoDRgABAAAADQBCAAQAAAAAAAIAIgAvAG4AAAB5CZEAAAAAeJyNjjFOw0AQRZ8TJwgFUSFEuUUkKlv2hjQRtUuKFOkjZeVYimzJsXMKak7CMTgAx+AAFHyHKSgostJq3sy82R3ghjcihhMx48F4xBVPxmMeeTWO5XwYT8RfxlNm0Z3MKL5W5f48NfCIW+bGY154No7lvBtPxJ/GU/E3expOBFqOdPTsqFRh35xCe+z6XaVkrX6p3oGtPNah7A9bQSGz1tQQWxkBhyclU1zp/v/2b8+zIGGp6+XnyiiauiuatgzOp5lbuT87KPOLZJn4LJd4yc4b61fnHZ1+GPZiI6Nqapen2UXv/AD0ZkhWAAB4nH2KUQ6DIBAFeagr2PQoPdR2sypRwEC115cTOMn8TMZY88y7CWNh0aHHAMIIB48Jr67UOlwhanYzi35z3ujQJGEn4SS6j+fxya30UdPpQ6o/XgpHqspFVvqXNq83hb0ZaQAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoDByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAA==") format("woff"), url("data:application/octet-stream;base64,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") format("truetype"); }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'hoverstudio';
    src: url('../font/hoverstudio.svg?74371518#hoverstudio') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "hoverstudio";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-rss:before {
  content: '\e804'; }

/* '' */
.icon-vimeo:before {
  content: '\e800'; }

/* '' */
.icon-facebook:before {
  content: '\66'; }

/* 'f' */
.icon-pencil:before {
  content: '\e801'; }

/* '' */
.icon-cancel:before {
  content: '\e803'; }

/* '' */
.icon-up-open:before {
  content: '\f005'; }

/* '' */
.icon-menu:before {
  content: '\f0c9'; }

/* '' */
.icon-instagram:before {
  content: '\f31f'; }

/* '' */
.icon-search:before {
  content: '\e802'; }

/* '' */
.icon-wrench:before {
  content: '🔧'; }

/* '\1f527' */
/* ==========================================================================
   Hover Studio Type, colours etc
   ========================================================================== */
/*
VideoJS Default Styles (http://videojs.com)
Version GENERATED_AT_BUILD
*/
/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/ }

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */ }

.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute;
  /* IE6 Full-window (underscore hack) */ }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

/* Poster Styles */
.vjs-poster {
  display: none; }

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em;
  right: 1em;
  font-family: Arial, sans-serif; }

/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  color: #fff;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: black;
  background: rgba(0, 0, 0, 0.5); }

.video-js .vjs-subtitles {
  color: #fff; }

.video-js .vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important;
  /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;
  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear; }

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */
/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-control-bar {
  position: absolute;
  bottom: 0;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0;
  right: 0;
  /* 100% width of div */
  margin: 0;
  padding: 0;
  /* Controls are absolutely position, so no padding necessary */
  height: 2.6em;
  /* Including any margin you want above or below control items */
  color: #fff;
  border-top: 1px solid #404040;
  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424;
  /* Old browsers */
  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0; }

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 2.6em;
  width: 2.6em; }

.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when this is set to 0 */
  /*  background-color: #555;*/ }

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer !important; }

/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: transparent;
  margin: 0.5em auto 0; }

.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: transparent -25px 0;
  margin: 0.5em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control {
  width: 5em;
  cursor: pointer !important; }

.vjs-default-skin .vjs-rewind-control div {
  width: 19px;
  height: 16px;
  background: transparent;
  margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-fullscreen-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-mute-control {
  display: none; }

.vjs-controls {
  position: absolute;
  z-index: 10;
  bottom: -9em;
  width: 100%; }

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 25%;
  right: 25%;
  height: 5px;
  width: auto;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .vjs-default-skin div.vjs-progress-control.is-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); }

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  /*overflow: hidden;*/
  padding: 0;
  margin: 0;
  /* Placement within the progress control item */
  height: 5px;
  background: #e9e9e9; }

.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  /* Progress Bars */
  position: absolute;
  display: block;
  height: 5px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  /*Needed for IE6*/
  /*width: 0;*/ }

.vjs-default-skin .vjs-play-progress {
  background: #01da90; }

.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;
  background: #dddddd; }

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 5px;
  height: 5px;
  left: 0;
  top: 0;
  /*Needed for IE6*/
  background: #01da90; }

.vjs-default-skin .vjs-duration {
  right: 0;
  display: none; }

.vjs-default-skin .vjs-remaining-time {
  right: 0; }

.vjs-time-divider {
  display: none; }

.vjs-default-skin .vjs-time-control {
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  font-family: Arial, sans-serif; }

.vjs-default-skin .vjs-time-control span {
  line-height: 25px;
  /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls {
  float: right; }

.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer !important;
  float: right; }

.vjs-default-skin .vjs-fullscreen-control div {
  width: 16px;
  height: 16px;
  background: transparent -50px 0;
  margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
  background: transparent -75px 0; }

/* Big Play Button (at start)
---------------------------------------------------------*/
/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none!important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear; }

@-webkit-keyframes rotatethis {
  0% {
    -webkit-transform: scale(0.6) rotate(0deg); }

  12.5% {
    -webkit-transform: scale(0.6) rotate(0deg); }

  12.51% {
    -webkit-transform: scale(0.6) rotate(45deg); }

  25% {
    -webkit-transform: scale(0.6) rotate(45deg); }

  25.01% {
    -webkit-transform: scale(0.6) rotate(90deg); }

  37.5% {
    -webkit-transform: scale(0.6) rotate(90deg); }

  37.51% {
    -webkit-transform: scale(0.6) rotate(135deg); }

  50% {
    -webkit-transform: scale(0.6) rotate(135deg); }

  50.01% {
    -webkit-transform: scale(0.6) rotate(180deg); }

  62.5% {
    -webkit-transform: scale(0.6) rotate(180deg); }

  62.51% {
    -webkit-transform: scale(0.6) rotate(225deg); }

  75% {
    -webkit-transform: scale(0.6) rotate(225deg); }

  75.01% {
    -webkit-transform: scale(0.6) rotate(270deg); }

  87.5% {
    -webkit-transform: scale(0.6) rotate(270deg); }

  87.51% {
    -webkit-transform: scale(0.6) rotate(315deg); }

  100% {
    -webkit-transform: scale(0.6) rotate(315deg); } }

@-moz-keyframes rotatethis {
  0% {
    -moz-transform: scale(0.6) rotate(0deg); }

  12.5% {
    -moz-transform: scale(0.6) rotate(0deg); }

  12.51% {
    -moz-transform: scale(0.6) rotate(45deg); }

  25% {
    -moz-transform: scale(0.6) rotate(45deg); }

  25.01% {
    -moz-transform: scale(0.6) rotate(90deg); }

  37.5% {
    -moz-transform: scale(0.6) rotate(90deg); }

  37.51% {
    -moz-transform: scale(0.6) rotate(135deg); }

  50% {
    -moz-transform: scale(0.6) rotate(135deg); }

  50.01% {
    -moz-transform: scale(0.6) rotate(180deg); }

  62.5% {
    -moz-transform: scale(0.6) rotate(180deg); }

  62.51% {
    -moz-transform: scale(0.6) rotate(225deg); }

  75% {
    -moz-transform: scale(0.6) rotate(225deg); }

  75.01% {
    -moz-transform: scale(0.6) rotate(270deg); }

  87.5% {
    -moz-transform: scale(0.6) rotate(270deg); }

  87.51% {
    -moz-transform: scale(0.6) rotate(315deg); }

  100% {
    -moz-transform: scale(0.6) rotate(315deg); } }

/* Each circle */
div.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball4 {
  opacity: 0.50;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 15px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

div.vjs-loading-spinner .ball8 {
  opacity: 1.00;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  border: 1px solid #cccccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 0.2em 0.5em 0 0;
  padding: 0;
  width: 3em;
  height: 2em;
  cursor: pointer !important;
  border: 1px solid #111111;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear, top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%; }

/* Button Icon */
.vjs-default-skin .vjs-menu-button div {
  background: transparent 0px -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0; }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
  display: none;
  /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333333;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 1em;
  border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 black;
  -moz-box-shadow: 0 2px 4px 0 black;
  box-shadow: 0 2px 4px 0 black;
  overflow: auto; }

/*.vjs-default-skin .vjs-menu-button:focus ul,*/
/* This is not needed because keyboard accessibility for the caption button is not handled with the focus any more. */
.vjs-default-skin .vjs-menu-button:hover ul {
  display: block;
  list-style: none; }

.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: Arial, sans-serif;
  text-align: left; }

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
  background: transparent -125px -50px no-repeat; }

.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0; }

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
  background: -moz-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(50%, #3f3f3f), color-stop(50%, #333333), color-stop(100%, #252525));
  background: -webkit-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -o-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -ms-linear-gradient(top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: linear, top, #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%; }

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div {
  background-position: -25px -75px; }

.vjs-default-skin .vjs-chapters-button div {
  background-position: -100px -75px; }

.vjs-default-skin .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
  /* Width of menu - width of button / 2 */ }

.page-title {
  font-size: 2.22222em;
  line-height: 1.55556em; }

.running-heading, .project-type-radio, .project-type-label, .single-column .project-type-label, .blog-item .blog-item-title {
  font-family: 'BrandonText-Bold';
  font-weight: normal;
  font-style: normal;
  font-size: 0.88889em;
  line-height: 1.33333em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin: 3em 0 3em;
  text-align: center; }

.site-header, .banner-message, .site-footer, .blog-page .blog-item-poster, .blog-item .blog-item-information {
  font-size: 0.88889em;
  line-height: 1.33333em; }

.page-title {
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal;
  padding-left: 2%;
  padding-right: 2%;
  margin-bottom: 1em; }
  @media only screen and (max-width: 1047px) {
    .page-title {
      font-size: 1.76471em;
      line-height: 1.64706em; } }
  @media only screen and (max-width: 600px) {
    .page-title {
      font-size: 1.125em;
      line-height: 1.5em; } }

@media only screen and (max-width: 600px) {
  .running-heading {
    margin: 1em 0 2em; } }

.feature-section.homepage-video-background {
  background: url("../video/rsb-short.jpg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.homepage-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  background: #444444;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
  filter: alpha(opacity=20);
  z-index: 5; }

/*@import url("//hello.myfonts.net/count/27ab86");

@font-face {
    font-family: 'BrandonText-Bold';
    src: url('../font/27AB86_0_0.eot');
    src: url('../font/27AB86_0_0.eot?#iefix') format('embedded-opentype'),
    url('../font/27AB86_0_0.woff') format('woff'),
    url('../font/27AB86_0_0.ttf') format('truetype');
}
 
@font-face {
    font-family: 'BrandonText-Regular';
    src: url('../font/27AB86_1_0.eot');
    src: url('../font/27AB86_1_0.eot?#iefix') format('embedded-opentype'),
    url('../font/27AB86_1_0.woff') format('woff'),
    url('../font/27AB86_1_0.ttf') format('truetype');
}*/
html,
button,
input,
select,
textarea {
  color: #444444;
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal; }

html {
  height: 100%; }

body {
  color: #444444;
  margin: 0;
  background: #eeeeee;
  font-size: 1.125em;
  line-height: 1.55556em; }
  @media only screen and (max-width: 1047px) {
    body {
      font-size: 1.0625em;
      line-height: 1.44444em; } }
  @media only screen and (max-width: 1047px) {
    body {
      font-size: 1em;
      line-height: 1.66667em; } }

img {
  width: 100%;
  max-width: 100%;
  vertical-align: middle; }

::-moz-selection {
  background: #f3f3f3;
  color: #01da90;
  text-shadow: none; }

::selection {
  background: #f3f3f3;
  color: #01da90;
  text-shadow: none; }

textarea {
  resize: vertical; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

a,
a:visited {
  -webkit-transition: border-color 0.15s, color 0.15s;
  -moz-transition: border-color 0.15s, color 0.15s;
  -ms-transition: border-color 0.15s, color 0.15s;
  -o-transition: border-color 0.15s, color 0.15s;
  transition: border-color 0.15s, color 0.15s;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #444444;
  text-decoration: none;
  border-bottom: 2px solid #01da90; }
  a:hover,
  a:visited:hover {
    color: #01da90;
    border-bottom-color: transparent;
    outline: 0; }
  a:active,
  a:visited:active {
    outline: 0; }
  a:focus,
  a:visited:focus {
    outline: thin dotted; }

p {
  margin-top: 0; }

hr {
  height: 2px;
  border: none;
  border-top: 2px solid #e1e1e1;
  margin: 2em 0; }

.light {
  position: relative;
  z-index: 20;
  color: rgba(68, 68, 68, 0.4); }

h1, h2, h3, h4, h5 {
  font-size: 1em;
  margin: 0;
  padding: 0;
  font-family: 'BrandonText-Bold';
  font-weight: normal;
  font-style: normal;
  font-weight: normal; }

h2 {
  text-transform: uppercase;
  letter-spacing: 0.1em; }

h5 {
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal; }

.main {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
  filter: alpha(opacity=0); }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

.required, .type {
  margin: -1em 0 1em;
  color: #f00; }

.contact-blurb {
  margin: 1em 0 3em;
  text-align: center; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"] {
  display: block;
  width: 100%;
  outline: none;
  border: none;
  background: #fff;
  padding: 0.3em;
  margin: 0 0 1em;
  border-radius: 0px; }

label.radio-group-heading {
  margin: 3em 0 2em !important;
  display: block;
  text-align: left!important; }

textarea {
  height: 10em; }

input[type="radio"] {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 1em; }

.project-type-radio {
  text-align: left;
  margin: 0; }

.project-type-label {
  color: #444444; }

.btn {
  display: inline-block;
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #444444;
  box-shadow: none;
  color: #444444;
  background: transparent;
  padding: 9px 20px 9px; }
  .btn:hover {
    color: #fff;
    background: #2a2d33;
    border: 2px solid #2a2d33 !important; }
  .btn:visited {
    border: 2px solid #444444; }
    .btn:visited:hover {
      color: #fff;
      background: #2a2d33;
      border: 2px solid #2a2d33; }
  .btn.btn-solid {
    background: #01da90;
    border: 2px solid #01da90 !important;
    text-shadow: none; }
    .btn.btn-solid:hover {
      background: #01c17f;
      border: 2px solid #01c17f !important; }
  .btn.btn-icon {
    padding-right: 10px; }
    .btn.btn-icon .icon {
      margin-left: 5px; }
  .btn .icon {
    padding-right: 7px; }
  .btn .icon-pencil {
    padding-right: 0;
    margin-left: 5px;
    margin-right: 0px; }
  .btn .icon-wrench {
    padding-right: 0;
    margin-right: 7px; }

.center-these-buttons {
  text-align: center;
  margin-bottom: 5em; }

.container {
  margin: 0 auto;
  padding: 0 2em;
  position: relative;
  width: 100%; }
  @media only screen and (max-width: 600px) {
    .container {
      padding: 0 1em; } }

.single-column {
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 50%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-bottom: 5em; }
  @media only screen and (max-width: 1047px) {
    .single-column {
      width: 75%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 600px) {
    .single-column {
      margin-left: 0;
      width: 100%; }
      .single-column .project-type-label {
        font-family: 'BrandonText-Regular';
        font-weight: normal;
        font-style: normal;
        font-size: 1em;
        letter-spacing: 0em;
        text-transform: none; } }

.site-header {
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  -ms-transition: background 0.2s;
  -o-transition: background 0.2s;
  transition: background 0.2s;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  -ms-transition: border-color 0.2s;
  -o-transition: border-color 0.2s;
  transition: border-color 0.2s;
  position: absolute;
  z-index: 1000;
  top: 35px;
  left: 0px;
  width: 100%;
  padding: 1.5em 0 1.75em;
  margin: 0 0 1em; }
  .site-header.is-opaque {
    background: #eeeeee;
    background: rgba(238, 238, 238, 0.9);
    border-bottom: 1px solid #dddddd; }
  .site-header.is-fixed {
    position: fixed;
    top: 0; }
  @media only screen and (max-width: 600px) {
    .site-header.is-solid {
      background: #fff; } }

.banner-message {
  text-align: center;
  position: absolute;
  padding-top: 10px;
  line-height: 1.5em;
  top: -100px;
  left: 0;
  width: 100%;
  background: #111;
  color: #fff;
  z-index: 100000; }
  .banner-message a {
    color: #fff;
    border-color: #fff;
    border-width: 1px; }
    .banner-message a:hover {
      border-color: transparent; }
  .banner-message .icon-cancel {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 0.8em;
    font-weight: normal;
    cursor: pointer;
    padding-right: 1.5%; }
  @media only screen and (max-width: 600px) {
    .banner-message .message {
      padding: 0 5%; } }

.mobile-nav-trigger {
  display: none;
  position: absolute;
  right: 0px;
  top: -50px;
  height: 100px;
  margin: 12px 0 0;
  padding: 50px 15px;
  font-size: 1.5em;
  text-align: center;
  border: none;
  color: #444444; }
  .mobile-nav-trigger:active, .mobile-nav-trigger:hover {
    color: #444444; }
  .mobile-nav-trigger.is-touched {
    color: #444444;
    font-size: 1.2em;
    padding-top: 55px; }
  @media only screen and (max-width: 600px) {
    .mobile-nav-trigger {
      display: inline-block; } }

.is-white .mobile-nav-trigger {
  color: white; }
  .is-white .mobile-nav-trigger:active, .is-white .mobile-nav-trigger:hover {
    color: white; }
  .is-white .mobile-nav-trigger.is-touched {
    color: #444444; }

.mobile-navigation {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 73px;
  margin-top: 0;
  border-bottom: 1px solid #cccccc; }
  .mobile-navigation .nav-item {
    margin: 0;
    padding: 10px 15px;
    float: none;
    display: block;
    border: none;
    border-top: 1px solid #cccccc; }
    .mobile-navigation .nav-item:active {
      background: #01da90 !important;
      color: #fff!important; }
    .mobile-navigation .nav-item:last-child {
      border-bottom: none; }
  @media only screen and (max-width: 600px) {
    .mobile-navigation.is-active {
      display: block; } }

.homepage-cta-container {
  position: absolute;
  top: 11em;
  width: 100%;
  text-align: center;
  z-index: 100;
  text-shadow: 1px 1px 1px #444444; }
  .homepage-cta-container .btn {
    -webkit-transition: opacity 1s ease-out, margin 1s ease-out;
    -moz-transition: opacity 1s ease-out, margin 1s ease-out;
    -ms-transition: opacity 1s ease-out, margin 1s ease-out;
    -o-transition: opacity 1s ease-out, margin 1s ease-out;
    transition: opacity 1s ease-out, margin 1s ease-out;
    display: inline-block;
    margin-top: 2px;
    color: #fff;
    border-color: #fff;
    opacity: 1; }
    .homepage-cta-container .btn .icon {
      padding-right: 7px; }
    .homepage-cta-container .btn.is-loading {
      margin-top: 3em;
      opacity: 0; }
  @media only screen and (max-width: 1047px) {
    .homepage-cta-container {
      top: 7em; } }
  @media only screen and (max-width: 600px) {
    .homepage-cta-container {
      top: 8em; } }

.about-person {
  margin-bottom: 2em; }
  .about-person > .about-role {
    color: rgba(68, 68, 68, 0.4); }
  .about-person .about-name {
    *zoom: 1; }
    .about-person .about-name:before, .about-person .about-name:after {
      content: " ";
      display: table; }
    .about-person .about-name:after {
      clear: both; }
  .about-person .socialite {
    margin: 0.4em 0 0 0; }
  .about-person > .about-twitter {
    margin: 0.5em 0 0; }

.about-cta-container {
  top: 13.5em; }
  @media only screen and (max-width: 600px) {
    .about-cta-container {
      display: none; } }

.feature-section {
  position: relative;
  background: #eeeeee;
  overflow: hidden;
  height: 30em; }
  .feature-section.studio-photo {
    height: 30em; }
    @media only screen and (max-width: 1047px) {
      .feature-section.studio-photo {
        height: 30em; } }
    @media only screen and (max-width: 600px) {
      .feature-section.studio-photo {
        height: 20em;
        margin-bottom: 2em; } }
  .feature-section.homepage-video-background {
    height: 30em; }
    .feature-section.homepage-video-background .video-js {
      position: absolute;
      top: 35px;
      left: 0;
      width: 100%; }
    @media only screen and (max-width: 1047px) {
      .feature-section.homepage-video-background {
        height: 20em; } }
    @media only screen and (max-width: 600px) {
      .feature-section.homepage-video-background {
        height: 20em; } }
  @media only screen and (max-width: 1047px) {
    .feature-section {
      height: 30em; } }
  @media only screen and (max-width: 600px) {
    .feature-section {
      height: 20em; } }

.video-container {
  -webkit-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  text-align: center; }
  .video-container.is-loading {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
    filter: alpha(opacity=0);
    margin-top: 1.5em; }
  .video-container.is-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
    filter: alpha(opacity=100);
    margin-top: 2em; }

.vimeo-container {
  position: relative;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  -webkit-box-shadow: 5px 5px 4px 0px #e9e9e9;
  box-shadow: 5px 5px 4px 0px #e9e9e9;
  margin: 0 auto 1em;
  padding: 0; }
  .vimeo-container .padding {
    padding-bottom: 56.4%; }
  .vimeo-container iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  .vimeo-container .vimeo-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
    .vimeo-container .vimeo-cover .play-btn {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #01da90;
      width: 120px;
      height: 70px;
      margin-top: -35px;
      margin-left: -60px;
      color: white;
      padding: 22px 0px 0px 0px;
      font-size: 1.5em;
      border-radius: 5px;
      -webkit-transition: 0.2s;
      -moz-transition: 0.2s;
      -ms-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      cursor: pointer; }
      .vimeo-container .vimeo-cover .play-btn:hover {
        background: #01a76e; }
      .vimeo-container .vimeo-cover .play-btn:active {
        background: #01744d; }
    .vimeo-container .vimeo-cover.is-playing {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
      filter: alpha(opacity=0);
      z-index: -1; }
    @media only screen and (max-width: 1047px) {
      .vimeo-container .vimeo-cover {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
        filter: alpha(opacity=0);
        z-index: -1; } }
  @media only screen and (max-width: 1047px) {
    .vimeo-container {
      width: 83.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 600px) {
    .vimeo-container {
      width: 100%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin-top: 2em; } }

.project-content {
  -webkit-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  margin-bottom: 5em; }
  .project-content.is-loading {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
    filter: alpha(opacity=0);
    margin-top: 2em; }
  .project-content.is-active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
    filter: alpha(opacity=100);
    margin-top: 1em; }

.masthead-container {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%; }
  @media only screen and (max-width: 600px) {
    .masthead-container {
      width: 75%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      padding: 0; } }

.masthead {
  font-family: 'BrandonText-Bold';
  font-weight: normal;
  font-style: normal;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 52px;
  height: 45px\9;
  color: #fff;
  background: #01da90;
  border: 3px solid #01da90;
  padding: 12px 20px 10px; }
  .masthead:hover {
    color: #fff; }
  .masthead:visited {
    border-color: #01da90 !important;
    color: #fff; }
    .masthead:visited:hover {
      color: #fff; }
  .masthead .l {
    float: left;
    display: inline;
    font-style: normal;
    margin-right: 0.05em; }
    .masthead .l.spacer {
      margin-right: 0.45em; }
  @media only screen and (max-width: 1047px) {
    .masthead {
      height: 47px;
      padding-top: 11px; } }
  @media only screen and (max-width: 1047px) {
    .masthead .l {
      margin-right: -1px; } }

@-webkit-keyframes spinning {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spinning {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@keyframes spinning {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

.is-spinning {
  -webkit-animation-name: spinning;
  -moz-animation-name: spinning;
  animation-name: spinning;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: liner;
  -moz-animation-timing-function: liner;
  animation-timing-function: liner;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.page-status {
  position: fixed;
  top: 0;
  left: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  text-align: center; }
  .page-status .loading-icon {
    font-family: 'BrandonText-Bold';
    font-weight: normal;
    font-style: normal;
    width: 40px;
    left: 50%;
    margin-top: -100px;
    margin-left: -20px;
    position: absolute;
    top: 50%; }
  .page-status .animade-loading-icon {
    font-family: 'BrandonText-Bold';
    font-weight: normal;
    font-style: normal;
    width: 120px;
    left: 50%;
    margin-top: -100px;
    margin-left: -70px;
    position: absolute;
    top: 50%; }
  @media only screen and (max-width: 600px) {
    .page-status {
      margin-top: 100px; }
      .page-status .loading-icon {
        width: 20px;
        margin-left: -10px; } }

.abs-positioned-element, .browser .placeholder, .browser .placeholder video {
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 100%; }
  .abs-positioned-element > .video-js, .browser .placeholder > .video-js, .browser .placeholder video > .video-js {
    max-width: 100%;
    width: 100%; }

.vjs-paused video {
  cursor: url("../img/hoverstudio-cursor-play.png"), default; }

.vjs-playing video {
  cursor: url("../img/hoverstudio-cursor-pause.png"), default; }

.browser {
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  -webkit-box-shadow: 5px 5px 4px 0px #e9e9e9;
  box-shadow: 5px 5px 4px 0px #e9e9e9;
  margin-bottom: 3em;
  padding: 0; }
  .browser > .fallback {
    position: relative;
    float: left; }
  .browser .placeholder video {
    max-width: 100%;
    width: 100%; }
  .browser .video-placeholder {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0); }
  @media only screen and (min-width: 2100px) {
    .browser {
      width: 58.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      padding: 0; } }
  @media only screen and (max-width: 1047px) {
    .browser {
      width: 83.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      padding: 0; } }
  @media only screen and (max-width: 600px) {
    .browser {
      width: 100%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      padding: 0;
      margin-bottom: 1.5em; } }

.loading-text {
  margin: 2em 0 3em;
  text-align: center;
  color: rgba(68, 68, 68, 0.4); }
  @media only screen and (max-width: 1047px) {
    .loading-text {
      display: none; } }

.twitter-icon {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 25px; }

.abs-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#testimonial-container {
  overflow: hidden;
  visibility: hidden;
  position: relative; }

.testimonials {
  overflow: hidden;
  position: relative; }
  .testimonials .testimonial {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 0 1em; }
    .testimonials .testimonial .testimonial-text {
      position: relative;
      margin: 0 auto;
      padding: 0;
      float: none;
      margin-left: auto!important;
      margin-left: auto!important;
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin: 0 auto 1em;
      text-indent: -0.35em; }
      @media only screen and (min-width: 2100px) {
        .testimonials .testimonial .testimonial-text {
          width: 41.66667%;
          border-left-width: 0;
          padding: 0 1%;
          margin-left: 0%; } }
      @media only screen and (max-width: 1047px) {
        .testimonials .testimonial .testimonial-text {
          width: 66.66667%;
          border-left-width: 0;
          padding: 0 1%;
          margin-left: 0%; } }
      @media only screen and (max-width: 600px) {
        .testimonials .testimonial .testimonial-text {
          margin-left: 0;
          width: 100%;
          text-indent: 0; } }
    .testimonials .testimonial .testimonial-giver {
      font-family: 'BrandonText-Regular';
      font-weight: normal;
      font-style: normal;
      position: relative;
      margin: 0 auto;
      padding: 0;
      float: none;
      margin-left: auto!important;
      margin-left: auto!important;
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin: 0 auto 0em;
      color: rgba(68, 68, 68, 0.4); }
      @media only screen and (min-width: 2100px) {
        .testimonials .testimonial .testimonial-giver {
          width: 41.66667%;
          border-left-width: 0;
          padding: 0 1%;
          margin-left: 0%; } }
      @media only screen and (max-width: 1047px) {
        .testimonials .testimonial .testimonial-giver {
          width: 66.66667%;
          border-left-width: 0;
          padding: 0 1%;
          margin-left: 0%; } }
      @media only screen and (max-width: 600px) {
        .testimonials .testimonial .testimonial-giver {
          margin-left: 0;
          width: 100%; } }

.testimonial-nav {
  margin-bottom: 3em;
  text-align: center; }
  .testimonial-nav .nav-item {
    width: 9px;
    height: 9px;
    border-radius: 9px;
    background: #dddddd;
    display: inline-block;
    margin: 0 0.25em;
    cursor: pointer; }
    .testimonial-nav .nav-item.is-active {
      background: #444444; }

.work-list {
  margin-top: 6em;
  margin-bottom: 3em; }
  .work-list .work-item {
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%;
    margin-top: 1em;
    margin-bottom: 2em;
    opacity: 0; }
    .work-list .work-item .work-list-heading {
      -webkit-transition: margin 0.3s;
      -moz-transition: margin 0.3s;
      -ms-transition: margin 0.3s;
      -o-transition: margin 0.3s;
      transition: margin 0.3s;
      font-family: 'BrandonText-Regular';
      font-weight: normal;
      font-style: normal;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
      filter: alpha(opacity=0);
      position: absolute;
      top: 35%;
      width: 100%;
      text-align: center;
      text-transform: none;
      letter-spacing: 0;
      color: white;
      z-index: 100; }
    .work-list .work-item .mobile-work-list-heading {
      display: none; }
    .work-list .work-item .work-list-subheading {
      -webkit-transition: margin 0.3s;
      -moz-transition: margin 0.3s;
      -ms-transition: margin 0.3s;
      -o-transition: margin 0.3s;
      transition: margin 0.3s;
      display: block;
      color: rgba(255, 255, 255, 0.8); }
    .work-list .work-item .work-list-link {
      -webkit-box-shadow: 2px 2px 3px 0px #dddddd;
      box-shadow: 2px 2px 3px 0px #dddddd;
      display: block;
      position: relative;
      padding-bottom: 50.25%;
      /* 16:9 */
      border: none!important;
      overflow: hidden; }
      .work-list .work-item .work-list-link.is-light {
        color: #fff; }
      .work-list .work-item .work-list-link .overlay {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: block;
        text-decoration: none; }
      .work-list .work-item .work-list-link img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%; }
      .work-list .work-item .work-list-link:hover .work-list-subheading,
      .work-list .work-item .work-list-link:hover .work-list-heading {
        margin-top: 0;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
        filter: alpha(opacity=100); }
      .work-list .work-item .work-list-link:hover .overlay {
        background: #01da90;
        background: rgba(1, 218, 144, 0.9); }
  @media only screen and (min-width: 2100px) {
    .work-list .work-item .work-list-heading {
      font-size: 1.5em;
      line-height: 1.65em; } }
  @media only screen and (max-width: 1047px) {
    .work-list .work-item {
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; }
      .work-list .work-item .work-list-link:hover .overlay {
        display: none!important; }
      .work-list .work-item .work-list-link .work-list-heading {
        display: none; }
      .work-list .work-item .mobile-work-list-heading {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount * 100)";
        filter: alpha(opacity=100);
        display: block;
        position: relative;
        color: #444444;
        margin: 1em 0 1em; }
        .work-list .work-item .mobile-work-list-heading .work-list-subheading {
          color: rgba(68, 68, 68, 0.4); } }
  @media only screen and (max-width: 600px) {
    .work-list {
      margin-top: 3em; }
      .work-list .work-item {
        width: 100%;
        border-left-width: 0;
        padding: 0 1%;
        margin-left: 0%; } }

.newsletter-subscribe input {
  float: left;
  background: transparent;
  border-bottom: 2px solid #444444;
  padding-left: 0px;
  padding-right: 0px;
  display: inline-block;
  width: 73%;
  margin: 0.5em 2% 0 0; }
.newsletter-subscribe button {
  float: left;
  width: 22%; }
@media only screen and (max-width: 600px) {
  .newsletter-subscribe input {
    display: block;
    margin-bottom: 1em;
    float: none;
    width: 100%; }
  .newsletter-subscribe button {
    background: #444444;
    color: #fff;
    display: block;
    float: none;
    width: 100%; } }

.videoBG > video {
  margin-top: 35px;
  z-index: 1000!important; }

.header-line {
  display: block; }
  @media only screen and (max-width: 600px) {
    .header-line {
      display: inline; } }

.cta-title {
  -webkit-transition: opacity 1s ease-out, margin 1s ease-out;
  -moz-transition: opacity 1s ease-out, margin 1s ease-out;
  -ms-transition: opacity 1s ease-out, margin 1s ease-out;
  -o-transition: opacity 1s ease-out, margin 1s ease-out;
  transition: opacity 1s ease-out, margin 1s ease-out;
  color: #fff;
  margin-bottom: 1em;
  opacity: 1; }
  .cta-title.is-loading {
    margin-top: -0.5em;
    opacity: 0; }

.homepage-testimonials {
  padding-top: 2em; }

html,
body,
.site-wrapper {
  height: 100%; }

body > .site-wrapper {
  height: auto;
  min-height: 100%; }

.site-content {
  padding-bottom: 180px; }
  @media only screen and (max-width: 600px) {
    .site-content {
      padding-bottom: 0; } }

.site-footer {
  margin-left: 0;
  width: 100%;
  position: relative;
  margin-top: -180px;
  height: 180px;
  clear: both;
  padding-top: 4em;
  text-align: center; }
  .site-footer .nav-item {
    display: inline-block;
    margin: 0 1em;
    border: none;
    color: rgba(68, 68, 68, 0.4); }
  .site-footer .mobile-nav-item {
    display: none; }
  .site-footer a:hover {
    color: #01da90; }
  @media only screen and (max-width: 600px) {
    .site-footer {
      height: auto;
      padding-top: 0;
      padding-bottom: 0.5em;
      margin-top: 0; }
      .site-footer .nav-item {
        display: block;
        background: #dddddd;
        padding: 10px;
        text-align: left;
        margin: 1em 0; }
        .site-footer .nav-item:active {
          background: #01da90;
          color: #fff; }
      .site-footer .mobile-nav-item {
        display: block; }
      .site-footer .desktop-nav-item {
        display: none; } }

.legal-text {
  width: 50%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  color: rgba(68, 68, 68, 0.4);
  margin-top: 2em;
  font-size: 0.9em; }
  .legal-text a,
  .legal-text a:visited {
    border-color: rgba(68, 68, 68, 0.4);
    border-width: 1px;
    color: rgba(68, 68, 68, 0.4); }
    .legal-text a:hover,
    .legal-text a:visited:hover {
      color: rgba(68, 68, 68, 0.4);
      border-color: transparent; }
  @media only screen and (min-width: 2100px) {
    .legal-text {
      width: 33.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 1047px) {
    .legal-text {
      margin-left: 0;
      width: 100%; } }

.icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px; }

.icon-up-open {
  margin-right: 5px; }

.site-navigation {
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-top: 18px;
  text-align: right; }
  .site-navigation > a {
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    float: right;
    margin-left: 1em;
    border: none; }
    .site-navigation > a:hover, .site-navigation > a.is-active {
      color: #01da90; }
    .site-navigation > a.twitter-icon {
      margin-top: -0.4em; }
  .site-navigation path {
    -webkit-transition: fill 0.2s;
    -moz-transition: fill 0.2s;
    -ms-transition: fill 0.2s;
    -o-transition: fill 0.2s;
    transition: fill 0.2s; }
    .site-navigation path:hover {
      fill: #01da90; }
  .site-navigation .icon {
    margin-top: -0.5em;
    font-size: 1.5em;
    line-height: 2em; }
    .site-navigation .icon.icon-facebook {
      margin-left: 10px;
      margin-right: -5px; }
    .site-navigation .icon.icon-vimeo {
      margin-left: 10px;
      margin-right: -2px; }
    .site-navigation .icon :hover {
      border: none!important; }
  .site-navigation.is-white path {
    fill: #fff; }
    .site-navigation.is-white path:hover {
      fill: #01da90; }
  .site-navigation.is-white a {
    color: #fff; }
    .site-navigation.is-white a:hover, .site-navigation.is-white a.is-active {
      color: #01da90; }
  @media only screen and (max-width: 600px) {
    .site-navigation {
      display: none; } }

.project-header .project-title {
  color: #444444;
  margin: 4em 0 2em;
  text-align: center; }
  @media only screen and (max-width: 1047px) {
    .project-header .project-title {
      margin: 5em 0 0.5em; } }
  @media only screen and (max-width: 600px) {
    .project-header .project-title {
      margin: 7em 0 0.2em; } }

.centered-paragraph {
  text-align: center; }

.project-paragraph {
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 50%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-bottom: 3em; }
  @media only screen and (min-width: 2100px) {
    .project-paragraph {
      width: 41.66667%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 1047px) {
    .project-paragraph {
      width: 66.66667%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 600px) {
    .project-paragraph {
      width: 100%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }

.project-image {
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-bottom: 3em; }
  @media only screen and (min-width: 2100px) {
    .project-image {
      width: 58.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 1047px) {
    .project-image {
      width: 83.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 600px) {
    .project-image {
      width: 100%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin-bottom: 1.5em; } }

.blog-search {
  position: relative;
  margin: 0 auto;
  padding: 0;
  float: none;
  margin-left: auto!important;
  margin-left: auto!important;
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  text-align: center;
  position: relative; }
  .blog-search input {
    background: transparent;
    border: 2px solid #444444; }
  .blog-search button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 6px 20px;
    border: none;
    background: transparent; }
  @media only screen and (min-width: 2100px) {
    .blog-search {
      width: 33.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; }
      .blog-search button {
        padding-right: 30px; } }
  @media only screen and (max-width: 1047px) {
    .blog-search {
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin-top: 2em; } }
  @media only screen and (max-width: 600px) {
    .blog-search {
      margin-left: 0;
      width: 100%;
      margin-top: 2em; }
      .blog-search button {
        padding-right: 15px; } }

.blog-entries {
  margin-top: 5em; }

.blog-page {
  margin-top: 11em; }
  .blog-page .blog-item-poster {
    color: rgba(68, 68, 68, 0.4);
    margin: 0em 0 1.5em; }
  .blog-page .blog-social-links {
    margin-bottom: 1em; }
    .blog-page .blog-social-links .socialite {
      float: left;
      margin: 0 1em 0 0; }
  .blog-page .blog-item-embed {
    position: relative;
    float: left;
    width: 66.66667%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
    .blog-page .blog-item-embed .cover-image {
      position: absolute;
      top: 0px;
      left: 0px;
      margin-left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      .blog-page .blog-item-embed .cover-image .play-btn {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #01da90;
        width: 120px;
        height: 70px;
        margin-top: -60px;
        margin-left: -35px; }
  .blog-page .blog-item-information {
    float: left;
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
    .blog-page .blog-item-information .running-heading {
      text-align: left;
      margin: 0 0 0.5em; }
    .blog-page .blog-item-information .project-paragraph {
      padding: 0;
      width: 100%; }
  @media only screen and (max-width: 600px) {
    .blog-page {
      margin-top: 7em; }
      .blog-page .blog-item-embed {
        margin-left: 0;
        width: 100%; }
      .blog-page .blog-item-information {
        margin-top: 1em;
        margin-left: 0;
        width: 100%; } }

.blog-related-entries {
  margin-top: 2em; }
  @media only screen and (max-width: 600px) {
    .blog-related-entries {
      margin-top: 0; } }

.homepage-blog-item:nth-child(6), .homepage-blog-item:nth-child(7) {
  display: none; }
  @media only screen and (min-width: 2100px) {
    .homepage-blog-item:nth-child(6), .homepage-blog-item:nth-child(7) {
      display: inline; } }
@media only screen and (max-width: 1047px) {
  .homepage-blog-item:nth-child(5) {
    display: none; } }
@media only screen and (max-width: 600px) {
  .homepage-blog-item:nth-child(5) {
    display: inline; } }

.blog-related-entries-heading {
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  font-family: 'BrandonText-Regular';
  font-weight: normal;
  font-style: normal;
  color: rgba(68, 68, 68, 0.4);
  text-align: left; }

.blog-item {
  float: left;
  width: 25%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-bottom: 2em; }
  .blog-item .blog-item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin: 1em 0 0.5em;
    text-align: left; }
    .blog-item .blog-item-title a {
      border-color: transparent; }
      .blog-item .blog-item-title a:visited {
        color: rgba(68, 68, 68, 0.8); }
      .blog-item .blog-item-title a:hover {
        color: #01da90; }
  .blog-item .blog-item-poster {
    color: rgba(68, 68, 68, 0.4); }
  @media only screen and (min-width: 2100px) {
    .blog-item {
      width: 16.66667%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 1047px) {
    .blog-item {
      width: 33.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; } }
  @media only screen and (max-width: 600px) {
    .blog-item {
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin-bottom: 1em; }
      .blog-item:nth-child(odd) {
        *zoom: 1; }
        .blog-item:nth-child(odd):before, .blog-item:nth-child(odd):after {
          content: " ";
          display: table; }
        .blog-item:nth-child(odd):after {
          clear: both; } }

.back-to-blog-link {
  display: none;
  width: 100%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin: 0 0 1em;
  color: rgba(68, 68, 68, 0.4);
  border: none; }

.pagination {
  text-align: center;
  margin: 2em 0 3em; }

.pagination-location {
  display: none; }

.pagination-links strong,
.pagination-links a {
  display: inline-block;
  padding: 3px 20px;
  margin: 0 0.2em;
  border: none;
  background: #e9e9e9; }
.pagination-links a:hover {
  color: #fff;
  background: #01da90; }
.pagination-links strong {
  color: #01da90; }
@media only screen and (max-width: 600px) {
  .pagination-links a,
  .pagination-links strong {
    padding: 2px 10px;
    margin-bottom: 0.5em; } }