@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.
 */
@import url("//hello.myfonts.net/count/26a97e");
@import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=latin,latin-ext);
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 #c0c0c0;
  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; }

/*
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: url("video-js.png");
  margin: 0.5em auto 0; }

.vjs-default-skin.vjs-playing .vjs-play-control div {
  width: 15px;
  height: 17px;
  background: url("video-js.png") -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: url("video-js.png");
  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: -7em;
  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: #00bc75; }

.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: #fff; }

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

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

.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: url("video-js.png") -50px 0;
  margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
  background: url("video-js.png") -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 #ccc; }

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 #ccc; }

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 #ccc; }

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 #ccc; }

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 #ccc; }

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 #ccc; }

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 #ccc; }

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 #ccc; }

/* 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 #111;
  -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: url("video-js.png") 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 #333;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 1em;
  border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
  -moz-box-shadow: 0 2px 4px 0 #000;
  box-shadow: 0 2px 4px 0 #000;
  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: url("video-js.png") -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 */ }

/**
 * Gridpak Beta SCSS 
 *
 * Generator - http://gridpak.com/
 * Created by @erskinedesign
 */
/* Reusable column setup */
.col, .single-column, .half-column, .triple-column {
  border: 0px solid transparent;
  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; }

/* @license
 * MyFonts Webfont Build ID 2533758, 2013-04-18T10:30:38-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: P22 Johnston Underground Bold by P22
 * URL: http://www.myfonts.com/fonts/p22/underground/p22-underground-bold/
 * 
 * Webfont: P22 Johnston Underground by P22
 * URL: http://www.myfonts.com/fonts/p22/underground/p22-underground/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2533758
 * Webfonts copyright: &#x00A9; 2007 by P22 type foundry, Inc. All rights reserved. Licensed from London Transport.
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'P22JohnstonUnderground-Bold';
  src: url("../fonts/26A97E_0_0.eot");
  src: url("../fonts/26A97E_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/26A97E_0_0.woff") format("woff"), url("../fonts/26A97E_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'P22JohnstonUnderground-Regular';
  src: url("../fonts/26A97E_1_0.eot");
  src: url("../fonts/26A97E_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/26A97E_1_0.woff") format("woff"), url("../fonts/26A97E_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'EBGaramondRegular';
  src: url("../fonts/EBGaramond-webfont.eot");
  src: url("../fonts/EBGaramond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/EBGaramond-webfont.woff") format("woff"), url("../fonts/EBGaramond-webfont.ttf") format("truetype"), url("../fonts/EBGaramond-webfont.svg#EBGaramondRegular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'EBGaramondSC';
  src: url("../fonts/EBGaramondSC-webfont.eot");
  src: url("../fonts/EBGaramondSC-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/EBGaramondSC-webfont.woff") format("woff"), url("../fonts/EBGaramondSC-webfont.ttf") format("truetype"), url("../fonts/EBGaramondSC-webfont.svg#EBGaramondSC") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bompas-parr-icons';
  src: url("../font/bompas-parr-icons.eot?41310612");
  src: url("../font/bompas-parr-icons.eot?41310612#iefix") format("embedded-opentype"), url("../font/bompas-parr-icons.svg?41310612#bompas-parr-icons") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'bompas-parr-icons';
  src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,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YmGwAiVGYTgjIDwjOBshICBGI0ewACsjYTghWbEmARQrLbA9LLAwKy6xJgEUKy2wPiywMSshIyAgPLAEI0IjOLEmARQrsARDLrAmKy2wPyywABUgR7AAI0KyAAEBFRQTLrAsKi2wQCywABUgR7AAI0KyAAEBFRQTLrAsKi2wQSyxAAEUE7AtKi2wQiywLyotsEMssAAWRSMgLiBGiiNhOLEmARQrLbBELLAII0KwQystsEUssgAAPCstsEYssgABPCstsEcssgEAPCstsEgssgEBPCstsEkssgAAPSstsEossgABPSstsEsssgEAPSstsEwssgEBPSstsE0ssgAAOSstsE4ssgABOSstsE8ssgEAOSstsFAssgEBOSstsFEssgAAOystsFIssgABOystsFMssgEAOystsFQssgEBOystsFUssgAAPistsFYssgABPistsFcssgEAPistsFgssgEBPistsFkssgAAOistsFossgABOistsFsssgEAOistsFwssgEBOistsF0ssDIrLrEmARQrLbBeLLAyK7A2Ky2wXyywMiuwNystsGAssAAWsDIrsDgrLbBhLLAzKy6xJgEUKy2wYiywMyuwNistsGMssDMrsDcrLbBkLLAzK7A4Ky2wZSywNCsusSYBFCstsGYssDQrsDYrLbBnLLA0K7A3Ky2waCywNCuwOCstsGkssDUrLrEmARQrLbBqLLA1K7A2Ky2wayywNSuwNystsGwssDUrsDgrLbBtLCuwCGWwAyRQeLABFTAtAAAAS7gAyFJYsQEBjlm5CAAIAGMgsAEjRLADI3CyBCgJRVJEsgoCByqxBgFEsSQBiFFYsECIWLEGA0SxJgGIUVi4BACIWLEGAURZWVlZuAH/hbAEjbEFAEQAAA==") 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: 'bompas-parr-icons';
    src: url('../font/bompas-parr-icons.svg?41310612#bompas-parr-icons') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "bompas-parr-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  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 */
  /* 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-right-dir:before {
  content: '\e802'; }

/* '' */
.icon-left-dir:before {
  content: '\e801'; }

/* '' */
.icon-search:before {
  content: '\e800'; }

/* '' */
/* ==========================================================================
   Variables
   ========================================================================== */
* {
  -webkit-backface-visibility: hidden; }

img {
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: visible;
  -ms-interpolation-mode: bicubic; }

html,
body {
  width: 100%;
  height: 100%;
  background: #fcfcfc; }

html,
button,
input,
select,
textarea {
  color: #222;
  outline: none;
  font-family: 'P22JohnstonUnderground-Regular'; }

body {
  color: #222;
  margin: 0;
  font-size: 1.125em;
  /*22/16*/
  line-height: 1.55556em; }
  @media only screen and (max-width: 1024px) {
    body {
      font-size: 1em; } }

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

::-moz-selection {
  background: #ccc;
  text-shadow: none; }

::selection {
  background: #ccc;
  text-shadow: none; }

textarea {
  resize: vertical; }

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

a,
a:visited {
  -webkit-tap-highlight-color: transparent;
  color: #ccc;
  text-decoration: none;
  border-bottom-color: #ccc;
  outline: 0 !important; }
  a:hover,
  a:visited:hover {
    color: #ccc;
    border-bottom-color: transparent;
    outline: 0; }
  a:active,
  a:visited:active {
    outline: 0;
    color: #b3b3b3; }
  a:focus,
  a:visited:focus {
    outline: thin dotted; }

p {
  margin-top: 0;
  font-family: 'EB Garamond', serif; }
  p.center {
    text-align: center; }
  p.caps {
    text-transform: uppercase; }

.light {
  position: relative;
  z-index: 20;
  color: #bbb; }

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

.running-heading {
  font-family: 'P22JohnstonUnderground-Bold';
  font-weight: normal;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 2em 0; }
  .running-heading.extra-margin {
    margin: 4em 0 2em; }
  .running-heading.top {
    margin-top: 0; }

.square-btn {
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border: solid 2px #222;
  color: #222;
  line-height: 2em;
  padding: 0.7em 1em 0.4em; }
  .square-btn.is-active, .square-btn:hover {
    color: #222;
    border: solid 2px #222; }

input.style {
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 0.5em 0.3em 0.3em;
  border: 0;
  text-align: center;
  background: #eeeeee;
  margin: 0.5em 0; }
  input.style:hover {
    background: #d5d5d5; }

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

.cart .wrap, .proceed-to-checkout .wrap, .checkout-group .wrap {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  box-shadow: 2px 2px 3px #bbb; }

.container {
  margin: 0 auto;
  padding: 0 2em;
  position: relative;
  width: 100%;
  *zoom: 1; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  .container.max {
    max-width: 1400px; }
  .container.extra-margin {
    margin-bottom: 3em; }
  @media only screen and (max-width: 800px) {
    .container {
      padding: 0; } }

.single-column {
  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: 2em auto; }
  @media only screen and (max-width: 1024px) {
    .single-column {
      width: 83.33333%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      margin-bottom: 0; } }
  @media only screen and (max-width: 800px) {
    .single-column {
      margin-left: 0;
      width: 100%; } }
  .single-column.col-1 {
    width: 50%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
  .single-column figure {
    display: inline-block; }
    .single-column figure p {
      font-size: 0.7em;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-align: center;
      margin: 2em 0 0; }
  .single-column.white {
    color: white; }
    .single-column.white p {
      color: white; }
  .single-column.wide {
    width: 100%;
    max-width: 1366px; }
  @media only screen and (max-width: 800px) {
    .single-column {
      margin: 0 auto; } }

.project-index {
  margin: 2em auto 0;
  padding: 0em 0 3em;
  margin-top: 9.33333em; }
  @media only screen and (max-width: 800px) {
    .project-index {
      margin-top: 1em;
      padding: 0em 1em 3em; } }

.page-status,
.page-loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  text-align: center; }
  .page-status .loading-icon,
  .page-loading-indicator .loading-icon {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    line-height: 0em;
    width: 200px;
    margin-left: -100px;
    left: 50%;
    position: absolute;
    top: 50%; }

html.no-js body .page-status,
html.no-js body .page-loading-indicator,
html.lt-ie9 body .page-status,
html.lt-ie9 body .page-loading-indicator {
  display: none !important; }

.page-unit:last-child .separator:last-child {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
  filter: alpha(opacity=0);
  margin-bottom: 0; }

.project-intro {
  font-family: 'P22JohnstonUnderground-Regular';
  text-align: left;
  font-size: 1.2em;
  line-height: 1.6em;
  margin-bottom: 1em; }
  .project-intro.center {
    text-align: center; }

.half-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: 2em; }
  .half-column img, .half-column p {
    padding: 0; }
  .half-column.left {
    float: left;
    padding-left: 0; }
  .half-column.right {
    float: right;
    padding-right: 0; }
  @media only screen and (max-width: 1024px) {
    .half-column {
      width: 75%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      float: none !important;
      margin-bottom: 0; }
      .half-column img {
        height: auto; } }
  @media only screen and (max-width: 800px) {
    .half-column {
      width: 100%;
      float: none !important;
      margin-bottom: 0; }
      .half-column img {
        height: auto; }
      .half-column p {
        font-size: 19px;
        line-height: 27px; } }

.triple-column {
  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%;
  float: left;
  margin-bottom: 2em; }
  .triple-column img, .triple-column p {
    padding: 0; }
  @media only screen and (max-width: 1024px) {
    .triple-column {
      width: 75%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      float: none !important;
      margin-bottom: 0; }
      .triple-column img {
        height: auto; } }
  @media only screen and (max-width: 800px) {
    .triple-column {
      width: 100%;
      float: none !important;
      margin-bottom: 0; }
      .triple-column img {
        height: auto; }
      .triple-column p {
        font-size: 20px;
        line-height: 27px; } }

.main {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
  filter: alpha(opacity=0);
  position: relative;
  background: #fcfcfc;
  padding-bottom: 5em; }
  .main.full {
    padding: 0;
    min-height: 100%;
    height: 100%; }
    .main.full .container {
      padding: 0;
      min-height: 100%;
      height: 100%; }
  .main.shop {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=100); }
  @media only screen and (max-width: 800px) {
    .main {
      padding-bottom: 0;
      margin-top: 0 !important; } }

.hero-image {
  position: relative;
  height: 670px;
  margin-bottom: 3em;
  background-size: cover;
  background-position: center; }
  .hero-image hgroup.is-hidden {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=0); }
  .hero-image.about-page {
    margin-top: -140px;
    margin-bottom: 5em; }

.slideshow {
  position: relative;
  overflow: hidden; }

.video-holder {
  position: relative;
  display: inline-block;
  width: 100%; }
  .video-holder .padding {
    padding-top: 56%; }
  .video-holder iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.btn {
  position: absolute;
  text-align: center;
  top: 60%;
  left: 50%;
  width: 250px;
  color: #fff;
  margin-left: -125px;
  padding: 10px 15px;
  text-transform: uppercase;
  border: 2px solid #fff; }
  .btn:hover, .btn:visited:hover {
    color: #222;
    background: #fff;
    border: 2px solid #fff; }
  .btn .icon {
    display: none;
    margin: 0 0.5em; }

.has-background {
  background-size: cover; }

.page {
  position: relative;
  width: 100%;
  height: 100%; }

.video {
  display: inline-block;
  width: 100%;
  position: relative; }
  .video .aside {
    padding-top: 56%; }
  .video .figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.related-posts {
  width: 100%;
  background: #fcfcfc;
  padding-bottom: 2em;
  *zoom: 1; }
  .related-posts:before, .related-posts:after {
    content: " ";
    display: table; }
  .related-posts:after {
    clear: both; }
  @media only screen and (max-width: 800px) {
    .related-posts {
      padding: 0 1em 2em; } }

.table {
  display: table;
  width: 100%;
  height: 100%; }
  .table .table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%; }

.project-thumb {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  float: left;
  margin-bottom: 1em;
  cursor: pointer;
  letter-spacing: 1px;
  overflow: hidden; }
  .project-thumb .project-link-container {
    overflow: hidden;
    position: relative;
    padding-bottom: 73%; }
  .project-thumb .project-thumb-link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
    .project-thumb .project-thumb-link img {
      width: 100%; }
  .project-thumb .project-cta {
    margin-top: -30px; }
  .project-thumb .project-title-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  .project-thumb .project-title {
    display: inline-block;
    width: 100%;
    font-size: 1em;
    line-height: 1.3em;
    padding: 0 3%;
    text-align: center;
    color: #fff;
    height: 1.5em;
    overflow: hidden; }
    .project-thumb .project-title h2 {
      font-size: 1.3em;
      line-height: 1.1em;
      text-shadow: 1px 1px 1px #444; }
    .project-thumb .project-title p {
      width: 70%;
      margin: 1em auto 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
      filter: alpha(opacity=0); }
  .project-thumb .overlay {
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }
  .project-thumb.huge {
    width: 100%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%;
    float: none; }
    .project-thumb.huge .project-title {
      height: 2em; }
    .project-thumb.huge .project-link-container {
      padding-bottom: 40%; }
      .project-thumb.huge .project-link-container .project-title {
        top: 50%; }
        .project-thumb.huge .project-link-container .project-title h2 {
          font-size: 2em; }
    .project-thumb.huge.hero-thumb {
      margin-bottom: 3em;
      padding: 0; }
      .project-thumb.huge.hero-thumb .project-link-container {
        padding-bottom: 37%; }
        @media only screen and (max-width: 800px) {
          .project-thumb.huge.hero-thumb .project-link-container {
            padding-bottom: 73%; }
            .project-thumb.huge.hero-thumb .project-link-container .slide-heading-group {
              margin-top: -1.5em; } }
  .project-thumb.big {
    width: 50%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
  .project-thumb.medium {
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
    .project-thumb.medium .project-title h2 {
      font-size: 1.25em; }
  .project-thumb.small {
    width: 25%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%; }
  .project-thumb.shop {
    width: 25%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%;
    margin: 0;
    padding: 0.5em; }
    .project-thumb.shop .project-link-container {
      padding-bottom: 100%; }
    .project-thumb.shop .project-title {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
      filter: alpha(opacity=0); }
    .project-thumb.shop:hover .project-title {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
      filter: alpha(opacity=100); }
    .project-thumb.shop img {
      width: 100%; }
    @media only screen and (max-width: 1024px) {
      .project-thumb.shop {
        width: 33.33333%;
        border-left-width: 0;
        padding: 0 1%;
        margin-left: 0%;
        margin: 0;
        padding: 0.5em; } }
  @media only screen and (max-width: 1024px) {
    .project-thumb {
      width: 50%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%; }
      .project-thumb .project-title h2 {
        line-height: 1em; }
      .project-thumb .project-title p {
        display: none !important; }
      .project-thumb.small {
        width: 50%;
        border-left-width: 0;
        padding: 0 1%;
        margin-left: 0%; } }
  @media only screen and (max-width: 800px) {
    .project-thumb {
      width: 100% !important; }
      .project-thumb .project-title h2 {
        font-size: 1.2em !important; }
      .project-thumb .project-title p {
        display: none !important; } }

.slide-heading-group {
  -webkit-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
  filter: alpha(opacity=100);
  position: absolute;
  color: white;
  letter-spacing: 1px;
  text-align: center;
  top: 50%;
  margin-top: -0.5em;
  width: 100%;
  z-index: 50; }
  .slide-heading-group .slide-title {
    font-size: 3em;
    text-shadow: 1px 1px 1px #444;
    margin-bottom: 0.5em;
    font-family: 'P22JohnstonUnderground-Bold'; }
  .slide-heading-group .slide-cta {
    margin-top: 2em;
    width: auto;
    text-align: center;
    color: #fff;
    padding: 12px 15px 10px;
    text-transform: uppercase;
    border: 2px solid #fff;
    text-shadow: 1px 1px 1px #444; }
    .slide-heading-group .slide-cta:hover, .slide-heading-group .slide-cta:visited:hover {
      text-shadow: none;
      color: #222;
      background: #fff;
      border: 2px solid #fff; }
  .slide-heading-group .slide-blurb {
    position: relative;
    margin: 1em auto 2em;
    width: 45%;
    line-height: 1.5em;
    text-shadow: 1px 1px 1px #444; }
  .slide-heading-group a {
    color: inherit; }
    .slide-heading-group a:hover {
      color: white; }
  .slide-heading-group .more-info {
    font-size: 2em; }
    .slide-heading-group .more-info:hover {
      color: #ccc; }
  .slide-heading-group.is-hidden {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=0); }
  @media only screen and (max-width: 1024px) {
    .slide-heading-group .slide-title {
      font-size: 2em; } }
  @media only screen and (max-width: 800px) {
    .slide-heading-group .slide-title {
      font-size: 1.3em; }
    .slide-heading-group .slide-cta {
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      width: auto;
      background: #ccc;
      font-size: 12px;
      border: 0; }
    .slide-heading-group .more-info {
      display: none; } }

.slide {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  background-size: cover; }

.separator {
  display: block;
  text-align: center;
  width: 5em;
  margin: 1em auto 3em; }
  .separator.blank {
    border: 0; }
  .separator.first {
    margin-top: 6em; }
  @media only screen and (max-width: 1024px) {
    .separator {
      margin: 3em auto; }
      .separator.first {
        margin-top: 6em; } }
  @media only screen and (max-width: 800px) {
    .separator {
      margin: 2em auto; }
      .separator.first {
        margin-top: 4em; } }

.site-header {
  border-bottom: solid 1px #ccc;
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 500;
  font-size: 0.77778em;
  background: #fcfcfc;
  height: 76px;
  *zoom: 1; }
  .site-header:before, .site-header:after {
    content: " ";
    display: table; }
  .site-header:after {
    clear: both; }
  .site-header.is-home {
    margin-top: -76px;
    position: absolute;
    top: 100%; }
  .site-header .header-nav {
    position: relative;
    margin: 0px auto;
    max-width: 960px;
    width: 100%;
    padding: 1.6em 0;
    text-align: center; }
    .site-header .header-nav .nav-item {
      font-size: 1.2em;
      display: inline-block;
      vertical-align: middle;
      line-height: 1.2em;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: #222;
      margin: 0 1em; }
    .site-header .header-nav .logo {
      margin: 0 3em; }
      .site-header .header-nav .logo img {
        width: 310px; }
  @media only screen and (max-width: 1024px) {
    .site-header {
      height: 69px; } }
  @media only screen and (max-width: 800px) {
    .site-header {
      position: relative;
      padding: 0;
      margin: 0; }
      .site-header.is-home {
        top: 0;
        position: relative;
        margin-top: 0; }
      .site-header .header-nav {
        padding: 0; }
        .site-header .header-nav .logo {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          text-align: center;
          margin: 0;
          padding: 12px 0; }
          .site-header .header-nav .logo img {
            width: 240px; }
        .site-header .header-nav > .nav-item {
          position: relative;
          display: inline-block;
          width: 25%;
          margin: 45px 0 0 -3px;
          padding: 6px 0 3px;
          border-top: solid 1px #ccc;
          font-size: 0.875em; } }

.site-search {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 30px; }
  .site-search input {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: -1.5em;
    text-align: left;
    width: 30px;
    padding: 0.5em 0.0em 0.35em 0.0em;
    background: transparent;
    border: none;
    -webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .site-search .icon-search {
    position: absolute;
    left: 0;
    top: -0.80em;
    text-align: center;
    padding: 0;
    width: 30px;
    border: none;
    background: transparent;
    -webkit-transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .site-search.is-focused input {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=100);
    border: none;
    border-bottom: 1px solid #222;
    width: 250px; }
  .site-search.is-focused .icon-search {
    left: 220px; }

.underline {
  display: block;
  border-bottom: double 4px #1F143D;
  height: 34px;
  -webkit-transition: all 0.15s ease-out 0;
  -moz-transition: all 0.15s ease-out 0;
  -ms-transition: all 0.15s ease-out 0;
  -o-transition: all 0.15s ease-out 0;
  transition: all 0.15s ease-out 0; }
  .underline:hover {
    height: 30px; }

hr.white-line {
  position: relative;
  z-index: 100;
  border-top: solid 1px white; }

.border {
  position: relative;
  z-index: 1000;
  border-style: solid;
  margin-top: -12px;
  border-bottom-width: 17px;
  -moz-border-image: url("/assets/img/border-test.png") 27 repeat;
  -webkit-border-image: url("/assets/img/border-test.png") 27 repeat;
  -o-border-image: url("/assets/img/border-test.png") 27 repeat;
  border-image: url("/assets/img/border-test.png") 27 fill repeat; }

.search-container {
  margin-top: 5em; }

.search-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 240px;
  min-height: 320px;
  padding: 1em;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  box-shadow: 2px 2px 3px #bbb;
  margin: 0 1em 1em 0;
  color: #222; }
  .search-item:visited {
    color: #222; }
  .search-item img {
    margin: 1em 0; }

.work-navigation {
  position: fixed;
  top: 76px;
  left: 0;
  width: 100%;
  padding: 0.5em 0 0.4em;
  text-align: center;
  background: #fcfcfc;
  background: #fcfcfc;
  z-index: 100;
  border-bottom: solid 1px #ccc; }
  .work-navigation .wrap {
    margin: 0 auto; }
  .work-navigation .menu-divider {
    display: none; }
  .work-navigation .nav-item {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #222;
    font-size: 0.77778em;
    margin: 0 1em; }
    .work-navigation .nav-item.is-active, .work-navigation .nav-item:hover {
      color: #ccc; }
    .work-navigation .nav-item:active {
      outline: 0;
      color: #b3b3b3; }
    .work-navigation .nav-item.open-mobile-menu {
      display: none; }
  .work-navigation.invert {
    z-index: 100;
    background: transparent; }
    .work-navigation.invert .nav-item {
      color: #fff;
      border-color: #fff; }
      .work-navigation.invert .nav-item.is-active, .work-navigation.invert .nav-item:hover {
        background: #ccc;
        border: solid 2px #ccc;
        color: white; }
  @media only screen and (max-width: 1024px) {
    .work-navigation {
      margin-top: 0px;
      top: 69px; } }
  @media only screen and (max-width: 800px) {
    .work-navigation {
      position: relative;
      top: 0;
      padding: 0;
      width: 100%;
      margin: 0px auto;
      overflow: hidden;
      height: 28px; }
      .work-navigation .wrap {
        width: 100%; }
        .work-navigation .wrap .nav-item {
          width: 100%;
          display: block;
          background: #fcfcfc;
          line-height: 2.5em;
          padding: 0;
          border: 0;
          margin: 0; }
          .work-navigation .wrap .nav-item.open-mobile-menu {
            display: block; }
            .work-navigation .wrap .nav-item.open-mobile-menu span {
              color: black;
              display: inline-block;
              margin-left: 5px; }
      .work-navigation.is-open {
        height: auto;
        z-index: 10000; } }

.scroll-nav-test {
  position: absolute;
  top: -191px;
  width: 100%;
  height: 1px; }

.category-description {
  width: 50%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  position: relative;
  margin: 0px auto 3em;
  text-align: center; }

.legal-footer {
  color: #bbb;
  text-align: center;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  z-index: 100;
  width: 100%;
  background: #fcfcfc;
  border: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .legal-footer.duck {
    bottom: -71px; }
  .legal-footer.apply-border {
    border-top: solid 1px #ccc; }
  @media only screen and (max-width: 800px) {
    .legal-footer {
      position: relative;
      padding: 0;
      margin: 0; }
      .legal-footer .container {
        padding: 0; } }

.social-header {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 0.8em 0 0.6em; }
  .social-header .nav-item {
    display: inline-block;
    margin: 0 1em;
    font-size: 0.7em;
    font-family: 'P22JohnstonUnderground-Regular';
    color: #222;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s; }
    .social-header .nav-item:hover {
      color: #ccc; }
  .social-header .separator {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=0);
    line-height: 0.2em;
    display: inline-block; }
  @media only screen and (max-width: 1024px) {
    .social-header {
      padding: 0.4em 0 0.2em; } }
  @media only screen and (max-width: 800px) {
    .social-header {
      background: #f7f7f7;
      font-size: 0.875em;
      padding: 0.35em 0 0.2em; }
      .social-header .nav-item {
        display: none; }
        .social-header .nav-item:first-child {
          display: block; }
      .social-header .site-search {
        display: none; } }

.is-foremost {
  z-index: 1000; }

.project-main-title {
  position: absolute;
  top: 50%;
  height: 6em;
  margin-top: -6em;
  text-align: center;
  width: 100%;
  z-index: 10; }
  .project-main-title h1 {
    display: inline-block;
    font-size: 4em;
    color: white;
    text-shadow: 1px 1px 1px #444; }
  .project-main-title .more-info {
    color: white;
    display: block;
    margin-top: 8em;
    font-size: 1.42em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
    filter: alpha(opacity=0); }
    .project-main-title .more-info span {
      display: block; }
    .project-main-title .more-info:hover {
      color: #ccc; }

.project-copy {
  margin-top: 1em;
  position: relative; }
  .project-copy .container {
    text-align: center; }
  .project-copy h3 {
    font-family: 'P22JohnstonUnderground-Regular';
    text-transform: normal;
    text-align: left;
    margin-bottom: 1.5em; }
  .project-copy p {
    position: relative;
    display: block;
    vertical-align: top;
    text-align: left; }
    .project-copy p img {
      width: 100%;
      height: auto; }
  @media only screen and (max-width: 1024px) {
    .project-copy {
      margin-top: 0; }
      .project-copy h3 {
        margin: 1em 0 1em; } }
  @media only screen and (max-width: 800px) {
    .project-copy {
      margin-top: 0;
      padding: 0 1em; }
      .project-copy h3 {
        margin: 1em 0 1em; } }

.news-index {
  margin-top: 5.3em; }

.latest-news,
.related-posts {
  *zoom: 1; }
  .latest-news:before, .latest-news:after,
  .related-posts:before,
  .related-posts:after {
    content: " ";
    display: table; }
  .latest-news:after,
  .related-posts:after {
    clear: both; }

.news-titles {
  position: relative;
  margin: 0 auto 2em;
  text-align: center; }
  .news-titles hgroup {
    display: inline-block;
    width: 66%; }
    .news-titles hgroup p {
      display: inline-block;
      width: 46%; }

.hero-news {
  margin-top: 76px; }
  .hero-news h1 {
    margin-bottom: 1em; }
  .hero-news .left {
    width: 66.66667%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%;
    float: left; }
  .hero-news .right {
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1%;
    margin-left: 0%;
    float: right; }
  .hero-news a:hover {
    border: 0; }

.news-item h1 {
  font-size: 1.8em;
  line-height: 1.2em; }
.news-item hgroup {
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  position: relative;
  text-align: center;
  margin: 0px auto 1em; }
  .news-item hgroup h1 {
    font-size: 1.8em;
    line-height: 1.2em; }
  .news-item hgroup h2 {
    margin-top: 1em;
    font-family: 'P22JohnstonUnderground-Regular'; }
  @media only screen and (max-width: 800px) {
    .news-item hgroup {
      width: 100%;
      margin-top: 1em; } }
.news-item .main-news-image {
  display: block;
  margin: 2em 0;
  text-align: center; }
  .news-item .main-news-image img {
    width: auto;
    max-height: 100%; }
.news-item .copy {
  width: 66.66667%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  position: relative;
  margin: 0px auto; }
  .news-item .copy figure {
    width: 100%;
    background: #eeeeee;
    margin: 2em 0; }
    .news-item .copy figure img {
      width: 50%; }
    .news-item .copy figure figcaption {
      display: none; }
  .news-item .copy a {
    border-bottom: solid 1px #ccc; }
  @media only screen and (max-width: 1024px) {
    .news-item .copy {
      width: 100%; } }
  @media only screen and (max-width: 800px) {
    .news-item .copy {
      width: 100%; }
      .news-item .copy blockquote {
        margin: 0;
        padding: 0 0.5em;
        color: #7b7b7b; }
      .news-item .copy figure img {
        width: 100%; } }

.shop-index {
  margin-top: 2em; }

.shop-gallery {
  position: relative;
  width: 100%;
  margin: 2em 0 4em; }
  .shop-gallery .shop-slideshow {
    position: relative;
    width: 65%;
    display: inline-block;
    vertical-align: top; }
    .shop-gallery .shop-slideshow .padding {
      padding-top: 64%; }
    .shop-gallery .shop-slideshow .inner-wrap {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      width: 100%;
      padding: 0 0.5em; }
      .shop-gallery .shop-slideshow .inner-wrap .slideshow {
        position: relative;
        width: 100%; }
        .shop-gallery .shop-slideshow .inner-wrap .slideshow .galleria-container {
          position: relative;
          width: 100%;
          background: transparent !important; }
  .shop-gallery .shop-product-info {
    width: 34.5%;
    padding: 0 0.5em;
    display: inline-block;
    vertical-align: top; }
    .shop-gallery .shop-product-info span {
      display: inline-block; }
    .shop-gallery .shop-product-info input[type=submit] {
      color: #222; }
  @media only screen and (max-width: 1024px) {
    .shop-gallery .shop-slideshow {
      display: block;
      width: 100%; }
    .shop-gallery .shop-product-info {
      display: block;
      width: 75%;
      margin: 2em auto; } }
  @media only screen and (max-width: 800px) {
    .shop-gallery .shop-product-info {
      width: 100%; } }

.cart {
  position: relative;
  width: 58.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  padding: 0 1%;
  text-align: center;
  display: inline-block; }
  .cart .cart-item {
    position: relative;
    display: inline-block;
    font-size: 0.75em;
    padding: 1em 0;
    text-align: left;
    border-bottom: solid 1px #ccc;
    width: 100%; }
    .cart .cart-item .info {
      display: inline-block;
      vertical-align: middle;
      color: #222;
      width: 19%;
      text-align: center;
      margin: 0; }
      .cart .cart-item .info.title {
        text-align: left;
        line-height: 1.5em; }
      .cart .cart-item .info.image {
        padding: 0 1em;
        text-align: left; }
      .cart .cart-item .info.actions {
        text-align: right;
        padding: 0 1em; }
        .cart .cart-item .info.actions span {
          margin: 0 4px; }
        .cart .cart-item .info.actions a {
          color: black; }
        .cart .cart-item .info.actions .update-btn {
          padding: 0;
          margin: 0;
          display: inline;
          background: none;
          border: 0; }
    .cart .cart-item .quantity {
      width: 2em;
      margin: 0 0.2em;
      text-align: center;
      background: white;
      display: inline-block; }
  @media only screen and (max-width: 1024px) {
    .cart {
      width: 100%; } }
  @media only screen and (max-width: 800px) {
    .cart .cart-item .info {
      display: block;
      width: 100%;
      text-align: center !important; }
      .cart .cart-item .info.image {
        display: none; } }

.proceed-to-checkout {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin: 0;
  padding: 0 1%;
  text-align: center; }
  .proceed-to-checkout .wrap {
    padding: 1em; }
  @media only screen and (max-width: 1024px) {
    .proceed-to-checkout {
      width: 100%;
      margin: 1em 0; } }

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

.checkout-group {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  float: left; }
  .checkout-group .wrap {
    padding: 1em;
    *zoom: 1; }
    .checkout-group .wrap:before, .checkout-group .wrap:after {
      content: " ";
      display: table; }
    .checkout-group .wrap:after {
      clear: both; }
  .checkout-group input {
    display: inline-block;
    float: left;
    background: white;
    border: solid 1px #ccc;
    text-align: left; }
    .checkout-group input.half {
      width: 49%; }
    .checkout-group input.right {
      float: right; }
    .checkout-group input.submit {
      background: #eee;
      border: 0;
      text-align: center; }
  @media only screen and (max-width: 1024px) {
    .checkout-group {
      width: 100%;
      border-left-width: 0;
      padding: 0 1%;
      margin-left: 0%;
      padding: 0 10%; } }

.jelly-index-container {
  max-width: 1024px; }

.jelly-header {
  margin-top: -5em; }

.jelly-services {
  text-align: center; }
  .jelly-services a {
    display: inline-block;
    font-size: 1.25em;
    border: solid 3px white;
    margin: 0 1%;
    padding: 0.75em 0.75em 0.5em;
    text-transform: uppercase;
    font-family: 'P22JohnstonUnderground-Regular'; }
    .jelly-services a:hover {
      background: white;
      color: black;
      border: solid 3px white; }

.jelly-section {
  position: relative;
  margin: 0px auto;
  width: 100%;
  height: 100%;
  padding: 0 1%;
  text-align: center; }
  .jelly-section article {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 48%;
    padding: 0 2%; }
    .jelly-section article a {
      border-bottom: solid 1px #ccc; }
      .jelly-section article a:hover {
        border: 0; }
    .jelly-section article.contact-card {
      max-width: 470px;
      text-align: center; }
    .jelly-section article .mobile-map {
      display: none; }
  .jelly-section.floats {
    *zoom: 1; }
    .jelly-section.floats:before, .jelly-section.floats:after {
      content: " ";
      display: table; }
    .jelly-section.floats:after {
      clear: both; }
    .jelly-section.floats .left {
      float: left; }
    .jelly-section.floats .right {
      float: right; }
  .jelly-section .cta-contact a {
    border-color: black; }
    .jelly-section .cta-contact a:hover {
      background: black;
      color: white; }
  @media only screen and (max-width: 1024px) {
    .jelly-section {
      margin-bottom: 2em; }
      .jelly-section article {
        width: 75%;
        float: none !important; }
        .jelly-section article .normal-map {
          display: none; }
        .jelly-section article .mobile-map {
          display: block;
          width: 100%;
          text-align: center; } }
  @media only screen and (max-width: 800px) {
    .jelly-section {
      margin-bottom: 2em; }
      .jelly-section article {
        width: 100% !important; }
        .jelly-section article p.image {
          margin: 1em 0; }
        .jelly-section article .press-item {
          padding: 1em;
          background: #eeeeee; }
        .jelly-section article .mobile-map {
          display: block;
          width: 100%;
          text-align: center; }
        .jelly-section article .normal-map {
          display: none; }
        .jelly-section article p {
          font-size: 18px;
          line-height: 24px; } }

.jelly-title-group {
  width: 100%;
  text-align: center;
  padding: 2em 2em 0;
  padding-top: 0; }
  .jelly-title-group h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
    line-height: 1.2em; }
  .jelly-title-group p {
    text-align: center; }

.about-links {
  padding: 1em 0;
  text-align: center; }
  .about-links a {
    text-transform: uppercase;
    margin: 0 1em; }

article.press-section {
  width: 75%;
  text-align: center; }

article.mailing-list {
  text-align: center;
  max-width: 650px; }
  article.mailing-list fieldset {
    margin-top: 0em;
    border: 0;
    width: 100%;
    position: relative;
    padding: 0; }
  article.mailing-list input {
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
    width: 65%;
    padding: 0.3em;
    border: 0;
    text-align: center;
    background: #EEE;
    margin: 0;
    border: solid 1px #EEE; }
    article.mailing-list input:hover {
      background: #d5d5d5; }
  article.mailing-list button {
    display: inline-block;
    vertical-align: top;
    width: 26%;
    background: transparent;
    border: solid 2px #222;
    color: #222;
    padding: 0.35em 0.75em 0.15em; }
    article.mailing-list button:hover {
      background: #222;
      color: white; }
  @media only screen and (max-width: 800px) {
    article.mailing-list input {
      display: block;
      width: 100%;
      text-align: center;
      margin-bottom: 0.5em;
      border: 0;
      background: #f2f2f2;
      padding: 0.5em 0.3em 0.3em; }
    article.mailing-list button {
      width: 100%; } }

.hide-second-form {
  display: none !important; }

article.contacts span {
  display: block;
  text-align: center; }

p.clients {
  font-size: 0.75em;
  line-height: 1.5em;
  text-align: center; }

p.image {
  margin: 4em 0; }

.press-item {
  max-width: 350px;
  display: inline-block;
  text-align: center;
  padding: 2em; }
  .press-item span {
    font-family: 'P22JohnstonUnderground-Regular'; }

.contacts {
  text-align: center; }

.contact-card {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0.5em; }
  .contact-card .padding {
    padding-top: 64%; }
  .contact-card .card {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    box-shadow: 2px 2px 3px #bbb;
    /*padding: 2em;*/
    padding: 1em; }
    .contact-card .card .wrap {
      display: table;
      width: 100%;
      height: 100%; }
      .contact-card .card .wrap .contents {
        display: table-cell;
        vertical-align: middle;
        width: 100%; }
        .contact-card .card .wrap .contents a {
          display: inline-block;
          font-family: 'P22JohnstonUnderground-Regular';
          border-bottom: solid 1px #ccc; }
  .contact-card h2 {
    text-align: center;
    margin-bottom: 1em; }
  .contact-card .email {
    text-align: center;
    width: 100%; }
    .contact-card .email a {
      display: inline-block;
      font-family: 'P22JohnstonUnderground-Regular';
      border-bottom: solid 1px #ccc; }
  @media only screen and (max-width: 1024px) {
    .contact-card {
      width: 49.5%; } }
  @media only screen and (max-width: 800px) {
    .contact-card {
      width: 100%;
      font-size: 16px;
      line-height: 1.5em; }
      .contact-card .mailing-list fieldset {
        margin-top: 1em; }
        .contact-card .mailing-list fieldset input {
          width: 100% !important; } }

.shop-page ul {
  padding-left: 50px;
  margin: 1em auto;
  text-align: left;
  font-family: 'EB Garamond', serif; }
  .shop-page ul li, .shop-page ul span {
    font: inherit;
    list-style: circle; }

.project-slideshow {
  position: relative;
  margin-top: 6.77778em; }
  .project-slideshow.homepage-slideshow {
    margin: auto !important; }
  .project-slideshow .slideshow-project-title {
    z-index: 1000;
    color: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 1em;
    font-family: 'P22JohnstonUnderground-Regular';
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block; }
  @media only screen and (max-width: 800px) {
    .project-slideshow {
      margin-top: 0; }
      .project-slideshow .slide-heading-group {
        display: none; } }

.slideshow-nav {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  font-size: 48px;
  width: 10vw;
  height: 100%;
  min-height: 35vw;
  color: #fff;
  z-index: 90;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }
  .slideshow-nav.next {
    right: 0;
    text-align: center; }
    .slideshow-nav.next.icon-right-dir:before {
      color: white;
      text-shadow: 1px 1px 1px #444;
      width: 48px;
      height: 48px;
      margin-left: 3vw;
      margin-top: 28px; }
  .slideshow-nav.prev {
    left: 0;
    text-align: center; }
    .slideshow-nav.prev.icon-left-dir:before {
      color: white;
      text-shadow: 1px 1px 1px #444;
      width: 48px;
      height: 48px;
      margin-right: 3vw;
      margin-top: 28px; }
  @media only screen and (max-width: 800px) {
    .slideshow-nav {
      display: none; } }

.homepage-slideshow {
  margin-top: -76px; }
  .homepage-slideshow .outer-wrap {
    padding-top: 0;
    border-top: 0; }
  @media only screen and (max-width: 800px) {
    .homepage-slideshow {
      margin-top: 0;
      position: relative; }
      .homepage-slideshow .slide-heading-group {
        display: block !important; } }

.slideshow-image-titles {
  position: relative;
  width: 100%;
  text-align: center;
  padding: 1em 2em 0em;
  font-size: 0.875em;
  font-family: 'EB Garamond', serif; }
  .slideshow-image-titles .caption {
    -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
    .slideshow-image-titles .caption.is-hidden {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$amount*100)";
      filter: alpha(opacity=0); }
  .slideshow-image-titles .image-count {
    margin-right: 1em; }
  .slideshow-image-titles .back-link {
    float: left; }
  .slideshow-image-titles .more-project {
    float: right; }
    .slideshow-image-titles .more-project:hover {
      color: #ccc; }
    @media only screen and (max-width: 800px) {
      .slideshow-image-titles .more-project {
        display: none; } }
  @media only screen and (max-width: 1024px) {
    .slideshow-image-titles {
      margin-top: 0.4em; } }
  @media only screen and (max-width: 800px) {
    .slideshow-image-titles {
      padding: 6px 15px;
      margin: 0;
      background: black;
      color: white;
      position: relative;
      min-height: 2em; }
      .slideshow-image-titles .back-link {
        display: none; } }

.next-section {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2em;
  padding: 0.5em 0; }

.slideshow {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden; }

.image-data {
  display: none; }

.galleria-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent !important; }

.galleria-container img {
  max-width: 100%;
  height: auto; }

.galleria-stage {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.galleria-image-nav-left,
.galleria-image-nav-right {
  background: none;
  z-index: 1000; }

.galleria-image-nav-right {
  text-align: right; }

.galleria-image-nav-left:after {
  content: '\21d0';
  color: white;
  font-size: 2em; }

.galleria-image-nav-right:after {
  content: '\21d2';
  color: white;
  font-size: 2em; }

.galleria-image-nav {
  height: auto;
  margin-top: -1em;
  display: none; }

.galleria-thumbnails-container,
.galleria-counter {
  display: none !important; }

html.no-js body .page-status,
html.no-js body .page-loading-indicator,
html.lt-ie9 body .page-status,
html.lt-ie9 body .page-loading-indicator {
  display: none !important; }
html.no-js body .site-header,
html.lt-ie9 body .site-header {
  background: #fcfcfc; }
html.no-js body .legal-footer,
html.lt-ie9 body .legal-footer {
  background: #fcfcfc; }
html.no-js body .project-thumb-link,
html.lt-ie9 body .project-thumb-link {
  background: no-repeat center center;
  background-color: #bbb; }

.new-project-copy {
  margin: 1em auto; }
  .new-project-copy .container {
    position: relative;
    margin: 0 auto;
    text-align: center; }
  .new-project-copy h3 {
    margin: 0 0 1em; }

.new-column, .new-single-column, .new-half-column, .new-triple-column {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48%;
  text-align: left;
  padding: 0 1%; }
  .new-column img, .new-single-column img, .new-half-column img, .new-triple-column img {
    width: 100%;
    height: auto; }
  @media only screen and (max-width: 1024px) {
    .new-column, .new-single-column, .new-half-column, .new-triple-column {
      width: 85%;
      margin: 1em auto; } }
  @media only screen and (max-width: 800px) {
    .new-column, .new-single-column, .new-half-column, .new-triple-column {
      width: 100%;
      padding: 0 1em; } }

.new-half-column {
  margin-left: -3px; }

.new-triple-column {
  width: 33.33333%;
  border-left-width: 0;
  padding: 0 1%;
  margin-left: 0%;
  margin-left: -4px; }
  @media only screen and (max-width: 1024px) {
    .new-triple-column {
      width: 85%;
      margin: 1em auto; } }
  @media only screen and (max-width: 800px) {
    .new-triple-column {
      width: 100%;
      padding: 0 1em; } }

.is-image {
  text-align: center; }
  .is-image img {
    width: 100%;
    height: auto; }

.site-header .header-nav {
  max-width: none; }
  .site-header .header-nav .nav-item {
    width: 12em;
    margin: 0; }
    .site-header .header-nav .nav-item.left, .site-header .header-nav .nav-item:last-child {
      border-right: solid 1px #ccc; }
    .site-header .header-nav .nav-item.right, .site-header .header-nav .nav-item:first-child {
      border-left: solid 1px #ccc; }
    @media only screen and (max-width: 1220px) {
      .site-header .header-nav .nav-item {
        width: 10em; }
        .site-header .header-nav .nav-item:last-child {
          border-right: 0; }
        .site-header .header-nav .nav-item:first-child {
          border-left: 0; } }
    @media only screen and (max-width: 1024px) {
      .site-header .header-nav .nav-item {
        font-size: 1em; } }
    @media only screen and (max-width: 800px) {
      .site-header .header-nav .nav-item {
        margin: 48px 6px 0;
        padding: 0;
        border: 0 !important;
        width: auto;
        padding: 9px 0; } }
    @media only screen and (max-width: 305px) {
      .site-header .header-nav .nav-item {
        font-size: 0.8em; } }
  .site-header .header-nav .logo img {
    width: 290px; }
  @media only screen and (max-width: 1220px) {
    .site-header .header-nav .logo {
      margin: 0 1.5em; } }
  @media only screen and (max-width: 1024px) {
    .site-header .header-nav .logo img {
      width: 220px; } }
  @media only screen and (max-width: 800px) {
    .site-header .header-nav .logo {
      border-bottom: solid 1px #ccc;
      padding: 12px 0 10px;
      margin: 0; }
      .site-header .header-nav .logo img {
        width: 190px; } }
@media only screen and (max-width: 1024px) {
  .site-header {
    height: 63px; } }
@media only screen and (max-width: 800px) {
  .site-header {
    height: auto; } }

@media only screen and (min-width: 800px) and (max-width: 1024px) {
  .work-navigation {
    top: 63px; }

  .project-slideshow {
    margin-top: 102px; } }
@media only screen and (max-width: 800px) {
  .work-navigation {
    top: 0px; } }
.slideshow {
  background: #ddd; }

/*# sourceMappingURL=main.css.map */