@charset "UTF-8";
/******************************************************************

Stylesheet: Main Stylesheet

******************************************************************/
/*********************
IMPORTING PARTIALS
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
  margin: 0; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

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

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
  content: '';
  content: none; }

small, .small {
  font-size: 75%; }

/**
 * Prevent `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 IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0; }

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
  padding: 0 0 0 40px; }

ol,
ul {
  padding: 0; }

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

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

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

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `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; }

/**
 * Remove 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; }

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

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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; }

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

.image-replacement,
.ir {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

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

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/*
----------------------------------------
Breakpoint and Grid Variables
----------------------------------------
*/
/*
----------------------------------------
Colors
----------------------------------------
*/
.yellow-text {
  color: #fcb034; }

/*
----------------------------------------
Size Variables
----------------------------------------
*/
.padding {
  padding: 25px; }

.padding-bottom {
  padding-bottom: 25px; }

.margin-bottom {
  margin-bottom: 25px !important; }

.margin-top {
  margin-top: 25px !important; }

.margin-bottom-2 {
  margin-bottom: 25px; }

.margin-bottom-large {
  margin-bottom: 37.5px; }

.no-margin {
  margin: 0 !important; }

@font-face {
  font-family: 'Extended';
  src: url("../fonts/Akzidenz-Grotesk-BQ-Extended_2814.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Akzidenz-Grotesk-BQ-Extended_2814.eot?#iefix") format("embedded-opentype"), url("../fonts/Akzidenz-Grotesk-BQ-Extended_2814.woff") format("woff"), url("../fonts/Akzidenz-Grotesk-BQ-Extended_2814.ttf") format("truetype"), url("../fonts/Akzidenz-Grotesk-BQ-Extended_2814.svg#6e5ef12f2e2df002b3af5ec176f39d73") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: 'Regular';
  src: url("../fonts/Akzidenz-Grotesk-BQ-Medium_2839.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/Akzidenz-Grotesk-BQ-Medium_2839.eot?#iefix") format("embedded-opentype"), url("../fonts/Akzidenz-Grotesk-BQ-Medium_2839.woff") format("woff"), url("../fonts/Akzidenz-Grotesk-BQ-Medium_2839.ttf") format("truetype"), url("../fonts/Akzidenz-Grotesk-BQ-Medium_2839.svg#6e5ef12f") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

/*.regular{font-family: 'Regular';}*/
.extended {
  font-family: 'Extended'; }

.text-uppercase {
  text-transform: uppercase; }

.caption {
  line-height: 1;
  font-size: 0.85em; }

/******************************************************************

Stylesheet: Sass Functions

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/*
----------------------------------------
General Tools
----------------------------------------
*/
::-moz-selection {
  color: #000000;
  background: rgba(155, 155, 155, 0.4); }

::selection {
  color: #000000;
  background: rgba(155, 155, 155, 0.4); }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

/*
----------------------------------------
Transition
----------------------------------------
*/
/*
----------------------------------------
Prefixer
----------------------------------------
*/
/*
----------------------------------------
Dependency-free breakpoint mixin
----------------------------------------
*/
/*
----------------------------------------
Normalize
----------------------------------------
*/
*, input, :before, :after {
  box-sizing: border-box; }

html, body {
  padding: 0;
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/*
----------------------------------------
Gradients
----------------------------------------
*/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*
----------------------------------------
Box Sizing
----------------------------------------
*/
/* @include box-sizing(border-box); */
.clearfix, .cf {
  *zoom: 1; }
  .clearfix:after, .cf:after {
    content: '';
    display: table;
    clear: both; }

/*
----------------------------------------
Grid Setup
----------------------------------------
*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1; }
  .grid:after, .grid--rev:after, .grid--full:after,
  .grid-uniform:after {
    content: '';
    display: table;
    clear: both; }

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both; }

/*
----------------------------------------
Drop relative positioning into silent classes which can't take advantage of
the `[class*="push--"]` and `[class*="pull--"]` selectors.
----------------------------------------
*/
/*
----------------------------------------
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
----------------------------------------
*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -25px; }

.grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: 25px;
  vertical-align: top;
  width: 100%; }

/*
----------------------------------------
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
----------------------------------------
*/
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right; }

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/*
----------------------------------------
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
----------------------------------------
*/
/*================ Clearfix helper on uniform grids ================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%; }

/* Halves */
.one-half {
  width: 50%; }

/* Thirds */
.one-third {
  width: 33.333%; }

.two-thirds {
  width: 66.666%; }

/* Quarters */
.one-quarter {
  width: 25%; }

.two-quarters {
  width: 50%; }

.three-quarters {
  width: 75%; }

/* Fifths */
.one-fifth {
  width: 20%; }

.two-fifths {
  width: 40%; }

.three-fifths {
  width: 60%; }

.four-fifths {
  width: 80%; }

/* Sixths */
.one-sixth {
  width: 16.666%; }

.two-sixths {
  width: 33.333%; }

.three-sixths {
  width: 50%; }

.four-sixths {
  width: 66.666%; }

.five-sixths {
  width: 83.333%; }

/* Eighths */
.one-eighth {
  width: 12.5%; }

.two-eighths {
  width: 25%; }

.three-eighths {
  width: 37.5%; }

.four-eighths {
  width: 50%; }

.five-eighths {
  width: 62.5%; }

.six-eighths {
  width: 75%; }

.seven-eighths {
  width: 87.5%; }

/* Tenths */
.one-tenth {
  width: 10%; }

.two-tenths {
  width: 20%; }

.three-tenths {
  width: 30%; }

.four-tenths {
  width: 40%; }

.five-tenths {
  width: 50%; }

.six-tenths {
  width: 60%; }

.seven-tenths {
  width: 70%; }

.eight-tenths {
  width: 80%; }

.nine-tenths {
  width: 90%; }

/* Twelfths */
.one-twelfth {
  width: 8.333%; }

.two-twelfths {
  width: 16.666%; }

.three-twelfths {
  width: 25%; }

.four-twelfths {
  width: 33.333%; }

.five-twelfths {
  width: 41.666%; }

.six-twelfths {
  width: 50%; }

.seven-twelfths {
  width: 58.333%; }

.eight-twelfths {
  width: 66.666%; }

.nine-twelfths {
  width: 75%; }

.ten-twelfths {
  width: 83.333%; }

.eleven-twelfths {
  width: 91.666%; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

.left {
  float: left !important; }

.right {
  float: right !important; }

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .small--one-whole {
    width: 100%; }
  /* Halves */
  .small--one-half {
    width: 50%; }
  /* Thirds */
  .small--one-third {
    width: 33.333%; }
  .small--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .small--one-quarter {
    width: 25%; }
  .small--two-quarters {
    width: 50%; }
  .small--three-quarters {
    width: 75%; }
  /* Fifths */
  .small--one-fifth {
    width: 20%; }
  .small--two-fifths {
    width: 40%; }
  .small--three-fifths {
    width: 60%; }
  .small--four-fifths {
    width: 80%; }
  /* Sixths */
  .small--one-sixth {
    width: 16.666%; }
  .small--two-sixths {
    width: 33.333%; }
  .small--three-sixths {
    width: 50%; }
  .small--four-sixths {
    width: 66.666%; }
  .small--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .small--one-eighth {
    width: 12.5%; }
  .small--two-eighths {
    width: 25%; }
  .small--three-eighths {
    width: 37.5%; }
  .small--four-eighths {
    width: 50%; }
  .small--five-eighths {
    width: 62.5%; }
  .small--six-eighths {
    width: 75%; }
  .small--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .small--one-tenth {
    width: 10%; }
  .small--two-tenths {
    width: 20%; }
  .small--three-tenths {
    width: 30%; }
  .small--four-tenths {
    width: 40%; }
  .small--five-tenths {
    width: 50%; }
  .small--six-tenths {
    width: 60%; }
  .small--seven-tenths {
    width: 70%; }
  .small--eight-tenths {
    width: 80%; }
  .small--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .small--one-twelfth {
    width: 8.333%; }
  .small--two-twelfths {
    width: 16.666%; }
  .small--three-twelfths {
    width: 25%; }
  .small--four-twelfths {
    width: 33.333%; }
  .small--five-twelfths {
    width: 41.666%; }
  .small--six-twelfths {
    width: 50%; }
  .small--seven-twelfths {
    width: 58.333%; }
  .small--eight-twelfths {
    width: 66.666%; }
  .small--nine-twelfths {
    width: 75%; }
  .small--ten-twelfths {
    width: 83.333%; }
  .small--eleven-twelfths {
    width: 91.666%; }
  .small--show {
    display: block !important; }
  .small--hide {
    display: none !important; }
  .small--text-left {
    text-align: left !important; }
  .small--text-right {
    text-align: right !important; }
  .small--text-center {
    text-align: center !important; }
  .small--left {
    float: left !important; }
  .small--right {
    float: right !important; }
  .grid-uniform .small--one-half:nth-child(2n+1),
  .grid-uniform .small--one-third:nth-child(3n+1),
  .grid-uniform .small--one-quarter:nth-child(4n+1),
  .grid-uniform .small--one-fifth:nth-child(5n+1),
  .grid-uniform .small--one-sixth:nth-child(6n+1),
  .grid-uniform .small--two-sixths:nth-child(3n+1),
  .grid-uniform .small--three-sixths:nth-child(2n+1),
  .grid-uniform .small--two-eighths:nth-child(4n+1),
  .grid-uniform .small--four-eighths:nth-child(2n+1),
  .grid-uniform .small--five-tenths:nth-child(2n+1),
  .grid-uniform .small--one-twelfth:nth-child(12n+1),
  .grid-uniform .small--two-twelfths:nth-child(6n+1),
  .grid-uniform .small--three-twelfths:nth-child(4n+1),
  .grid-uniform .small--four-twelfths:nth-child(3n+1),
  .grid-uniform .small--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /** Whole */
  .medium--one-whole {
    width: 100%; }
  /* Halves */
  .medium--one-half {
    width: 50%; }
  /* Thirds */
  .medium--one-third {
    width: 33.333%; }
  .medium--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .medium--one-quarter {
    width: 25%; }
  .medium--two-quarters {
    width: 50%; }
  .medium--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium--one-fifth {
    width: 20%; }
  .medium--two-fifths {
    width: 40%; }
  .medium--three-fifths {
    width: 60%; }
  .medium--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium--one-sixth {
    width: 16.666%; }
  .medium--two-sixths {
    width: 33.333%; }
  .medium--three-sixths {
    width: 50%; }
  .medium--four-sixths {
    width: 66.666%; }
  .medium--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%; }
  .medium--two-eighths {
    width: 25%; }
  .medium--three-eighths {
    width: 37.5%; }
  .medium--four-eighths {
    width: 50%; }
  .medium--five-eighths {
    width: 62.5%; }
  .medium--six-eighths {
    width: 75%; }
  .medium--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium--one-tenth {
    width: 10%; }
  .medium--two-tenths {
    width: 20%; }
  .medium--three-tenths {
    width: 30%; }
  .medium--four-tenths {
    width: 40%; }
  .medium--five-tenths {
    width: 50%; }
  .medium--six-tenths {
    width: 60%; }
  .medium--seven-tenths {
    width: 70%; }
  .medium--eight-tenths {
    width: 80%; }
  .medium--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%; }
  .medium--two-twelfths {
    width: 16.666%; }
  .medium--three-twelfths {
    width: 25%; }
  .medium--four-twelfths {
    width: 33.333%; }
  .medium--five-twelfths {
    width: 41.666%; }
  .medium--six-twelfths {
    width: 50%; }
  .medium--seven-twelfths {
    width: 58.333%; }
  .medium--eight-twelfths {
    width: 66.666%; }
  .medium--nine-twelfths {
    width: 75%; }
  .medium--ten-twelfths {
    width: 83.333%; }
  .medium--eleven-twelfths {
    width: 91.666%; }
  .medium--show {
    display: block !important; }
  .medium--hide {
    display: none !important; }
  .medium--text-left {
    text-align: left !important; }
  .medium--text-right {
    text-align: right !important; }
  .medium--text-center {
    text-align: center !important; }
  .medium--left {
    float: left !important; }
  .medium--right {
    float: right !important; }
  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (max-width: 768px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%; }
  /* Halves */
  .medium-down--one-half {
    width: 50%; }
  /* Thirds */
  .medium-down--one-third {
    width: 33.333%; }
  .medium-down--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%; }
  .medium-down--two-quarters {
    width: 50%; }
  .medium-down--three-quarters {
    width: 75%; }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%; }
  .medium-down--two-fifths {
    width: 40%; }
  .medium-down--three-fifths {
    width: 60%; }
  .medium-down--four-fifths {
    width: 80%; }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%; }
  .medium-down--two-sixths {
    width: 33.333%; }
  .medium-down--three-sixths {
    width: 50%; }
  .medium-down--four-sixths {
    width: 66.666%; }
  .medium-down--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%; }
  .medium-down--two-eighths {
    width: 25%; }
  .medium-down--three-eighths {
    width: 37.5%; }
  .medium-down--four-eighths {
    width: 50%; }
  .medium-down--five-eighths {
    width: 62.5%; }
  .medium-down--six-eighths {
    width: 75%; }
  .medium-down--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%; }
  .medium-down--two-tenths {
    width: 20%; }
  .medium-down--three-tenths {
    width: 30%; }
  .medium-down--four-tenths {
    width: 40%; }
  .medium-down--five-tenths {
    width: 50%; }
  .medium-down--six-tenths {
    width: 60%; }
  .medium-down--seven-tenths {
    width: 70%; }
  .medium-down--eight-tenths {
    width: 80%; }
  .medium-down--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%; }
  .medium-down--two-twelfths {
    width: 16.666%; }
  .medium-down--three-twelfths {
    width: 25%; }
  .medium-down--four-twelfths {
    width: 33.333%; }
  .medium-down--five-twelfths {
    width: 41.666%; }
  .medium-down--six-twelfths {
    width: 50%; }
  .medium-down--seven-twelfths {
    width: 58.333%; }
  .medium-down--eight-twelfths {
    width: 66.666%; }
  .medium-down--nine-twelfths {
    width: 75%; }
  .medium-down--ten-twelfths {
    width: 83.333%; }
  .medium-down--eleven-twelfths {
    width: 91.666%; }
  .medium-down--show {
    display: block !important; }
  .medium-down--hide {
    display: none !important; }
  .medium-down--text-left {
    text-align: left !important; }
  .medium-down--text-right {
    text-align: right !important; }
  .medium-down--text-center {
    text-align: center !important; }
  .medium-down--left {
    float: left !important; }
  .medium-down--right {
    float: right !important; }
  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 960px) {
  /** Whole */
  .large--one-whole {
    width: 100%; }
  /* Halves */
  .large--one-half {
    width: 50%; }
  /* Thirds */
  .large--one-third {
    width: 33.333%; }
  .large--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .large--one-quarter {
    width: 25%; }
  .large--two-quarters {
    width: 50%; }
  .large--three-quarters {
    width: 75%; }
  /* Fifths */
  .large--one-fifth {
    width: 20%; }
  .large--two-fifths {
    width: 40%; }
  .large--three-fifths {
    width: 60%; }
  .large--four-fifths {
    width: 80%; }
  /* Sixths */
  .large--one-sixth {
    width: 16.666%; }
  .large--two-sixths {
    width: 33.333%; }
  .large--three-sixths {
    width: 50%; }
  .large--four-sixths {
    width: 66.666%; }
  .large--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .large--one-eighth {
    width: 12.5%; }
  .large--two-eighths {
    width: 25%; }
  .large--three-eighths {
    width: 37.5%; }
  .large--four-eighths {
    width: 50%; }
  .large--five-eighths {
    width: 62.5%; }
  .large--six-eighths {
    width: 75%; }
  .large--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .large--one-tenth {
    width: 10%; }
  .large--two-tenths {
    width: 20%; }
  .large--three-tenths {
    width: 30%; }
  .large--four-tenths {
    width: 40%; }
  .large--five-tenths {
    width: 50%; }
  .large--six-tenths {
    width: 60%; }
  .large--seven-tenths {
    width: 70%; }
  .large--eight-tenths {
    width: 80%; }
  .large--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .large--one-twelfth {
    width: 8.333%; }
  .large--two-twelfths {
    width: 16.666%; }
  .large--three-twelfths {
    width: 25%; }
  .large--four-twelfths {
    width: 33.333%; }
  .large--five-twelfths {
    width: 41.666%; }
  .large--six-twelfths {
    width: 50%; }
  .large--seven-twelfths {
    width: 58.333%; }
  .large--eight-twelfths {
    width: 66.666%; }
  .large--nine-twelfths {
    width: 75%; }
  .large--ten-twelfths {
    width: 83.333%; }
  .large--eleven-twelfths {
    width: 91.666%; }
  .large--show {
    display: block !important; }
  .large--hide {
    display: none !important; }
  .large--text-left {
    text-align: left !important; }
  .large--text-right {
    text-align: right !important; }
  .large--text-center {
    text-align: center !important; }
  .large--left {
    float: left !important; }
  .large--right {
    float: right !important; }
  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both; } }

@media only screen and (min-width: 1240px) {
  /** Whole */
  .xlarge--one-whole {
    width: 100%; }
  /* Halves */
  .xlarge--one-half {
    width: 50%; }
  /* Thirds */
  .xlarge--one-third {
    width: 33.333%; }
  .xlarge--two-thirds {
    width: 66.666%; }
  /* Quarters */
  .xlarge--one-quarter {
    width: 25%; }
  .xlarge--two-quarters {
    width: 50%; }
  .xlarge--three-quarters {
    width: 75%; }
  /* Fifths */
  .xlarge--one-fifth {
    width: 20%; }
  .xlarge--two-fifths {
    width: 40%; }
  .xlarge--three-fifths {
    width: 60%; }
  .xlarge--four-fifths {
    width: 80%; }
  /* Sixths */
  .xlarge--one-sixth {
    width: 16.666%; }
  .xlarge--two-sixths {
    width: 33.333%; }
  .xlarge--three-sixths {
    width: 50%; }
  .xlarge--four-sixths {
    width: 66.666%; }
  .xlarge--five-sixths {
    width: 83.333%; }
  /* Eighths */
  .xlarge--one-eighth {
    width: 12.5%; }
  .xlarge--two-eighths {
    width: 25%; }
  .xlarge--three-eighths {
    width: 37.5%; }
  .xlarge--four-eighths {
    width: 50%; }
  .xlarge--five-eighths {
    width: 62.5%; }
  .xlarge--six-eighths {
    width: 75%; }
  .xlarge--seven-eighths {
    width: 87.5%; }
  /* Tenths */
  .xlarge--one-tenth {
    width: 10%; }
  .xlarge--two-tenths {
    width: 20%; }
  .xlarge--three-tenths {
    width: 30%; }
  .xlarge--four-tenths {
    width: 40%; }
  .xlarge--five-tenths {
    width: 50%; }
  .xlarge--six-tenths {
    width: 60%; }
  .xlarge--seven-tenths {
    width: 70%; }
  .xlarge--eight-tenths {
    width: 80%; }
  .xlarge--nine-tenths {
    width: 90%; }
  /* Twelfths */
  .xlarge--one-twelfth {
    width: 8.333%; }
  .xlarge--two-twelfths {
    width: 16.666%; }
  .xlarge--three-twelfths {
    width: 25%; }
  .xlarge--four-twelfths {
    width: 33.333%; }
  .xlarge--five-twelfths {
    width: 41.666%; }
  .xlarge--six-twelfths {
    width: 50%; }
  .xlarge--seven-twelfths {
    width: 58.333%; }
  .xlarge--eight-twelfths {
    width: 66.666%; }
  .xlarge--nine-twelfths {
    width: 75%; }
  .xlarge--ten-twelfths {
    width: 83.333%; }
  .xlarge--eleven-twelfths {
    width: 91.666%; }
  .xlarge--show {
    display: block !important; }
  .xlarge--hide {
    display: none !important; }
  .xlarge--text-left {
    text-align: left !important; }
  .xlarge--text-right {
    text-align: right !important; }
  .xlarge--text-center {
    text-align: center !important; }
  .xlarge--left {
    float: left !important; }
  .xlarge--right {
    float: right !important; }
  .grid-uniform .xlarge--one-half:nth-child(2n+1),
  .grid-uniform .xlarge--one-third:nth-child(3n+1),
  .grid-uniform .xlarge--one-quarter:nth-child(4n+1),
  .grid-uniform .xlarge--one-fifth:nth-child(5n+1),
  .grid-uniform .xlarge--one-sixth:nth-child(6n+1),
  .grid-uniform .xlarge--two-sixths:nth-child(3n+1),
  .grid-uniform .xlarge--three-sixths:nth-child(2n+1),
  .grid-uniform .xlarge--two-eighths:nth-child(4n+1),
  .grid-uniform .xlarge--four-eighths:nth-child(2n+1),
  .grid-uniform .xlarge--five-tenths:nth-child(2n+1),
  .grid-uniform .xlarge--one-twelfth:nth-child(12n+1),
  .grid-uniform .xlarge--two-twelfths:nth-child(6n+1),
  .grid-uniform .xlarge--three-twelfths:nth-child(4n+1),
  .grid-uniform .xlarge--four-twelfths:nth-child(3n+1),
  .grid-uniform .xlarge--six-twelfths:nth-child(2n+1) {
    clear: both; } }

/*
----------------------------------------
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
----------------------------------------
*/
[class*="push--"] {
  position: relative; }

/* Whole */
.push--one-whole {
  left: 100%; }

/* Halves */
.push--one-half {
  left: 50%; }

/* Thirds */
.push--one-third {
  left: 33.333%; }

.push--two-thirds {
  left: 66.666%; }

/* Quarters */
.push--one-quarter {
  left: 25%; }

.push--two-quarters {
  left: 50%; }

.push--three-quarters {
  left: 75%; }

/* Fifths */
.push--one-fifth {
  left: 20%; }

.push--two-fifths {
  left: 40%; }

.push--three-fifths {
  left: 60%; }

.push--four-fifths {
  left: 80%; }

/* Sixths */
.push--one-sixth {
  left: 16.666%; }

.push--two-sixths {
  left: 33.333%; }

.push--three-sixths {
  left: 50%; }

.push--four-sixths {
  left: 66.666%; }

.push--five-sixths {
  left: 83.333%; }

/* Eighths */
.push--one-eighth {
  left: 12.5%; }

.push--two-eighths {
  left: 25%; }

.push--three-eighths {
  left: 37.5%; }

.push--four-eighths {
  left: 50%; }

.push--five-eighths {
  left: 62.5%; }

.push--six-eighths {
  left: 75%; }

.push--seven-eighths {
  left: 87.5%; }

/* Tenths */
.push--one-tenth {
  left: 10%; }

.push--two-tenths {
  left: 20%; }

.push--three-tenths {
  left: 30%; }

.push--four-tenths {
  left: 40%; }

.push--five-tenths {
  left: 50%; }

.push--six-tenths {
  left: 60%; }

.push--seven-tenths {
  left: 70%; }

.push--eight-tenths {
  left: 80%; }

.push--nine-tenths {
  left: 90%; }

/* Twelfths */
.push--one-twelfth {
  left: 8.333%; }

.push--two-twelfths {
  left: 16.666%; }

.push--three-twelfths {
  left: 25%; }

.push--four-twelfths {
  left: 33.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--six-twelfths {
  left: 50%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eight-twelfths {
  left: 66.666%; }

.push--nine-twelfths {
  left: 75%; }

.push--ten-twelfths {
  left: 83.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 481px) and (max-width: 768px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium--one-half {
    left: 50%; }
  /* Thirds */
  .push--medium--one-third {
    left: 33.333%; }
  .push--medium--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--medium--one-quarter {
    left: 25%; }
  .push--medium--two-quarters {
    left: 50%; }
  .push--medium--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--medium--one-fifth {
    left: 20%; }
  .push--medium--two-fifths {
    left: 40%; }
  .push--medium--three-fifths {
    left: 60%; }
  .push--medium--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--medium--one-sixth {
    left: 16.666%; }
  .push--medium--two-sixths {
    left: 33.333%; }
  .push--medium--three-sixths {
    left: 50%; }
  .push--medium--four-sixths {
    left: 66.666%; }
  .push--medium--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--medium--one-eighth {
    left: 12.5%; }
  .push--medium--two-eighths {
    left: 25%; }
  .push--medium--three-eighths {
    left: 37.5%; }
  .push--medium--four-eighths {
    left: 50%; }
  .push--medium--five-eighths {
    left: 62.5%; }
  .push--medium--six-eighths {
    left: 75%; }
  .push--medium--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium--one-tenth {
    left: 10%; }
  .push--medium--two-tenths {
    left: 20%; }
  .push--medium--three-tenths {
    left: 30%; }
  .push--medium--four-tenths {
    left: 40%; }
  .push--medium--five-tenths {
    left: 50%; }
  .push--medium--six-tenths {
    left: 60%; }
  .push--medium--seven-tenths {
    left: 70%; }
  .push--medium--eight-tenths {
    left: 80%; }
  .push--medium--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium--one-twelfth {
    left: 8.333%; }
  .push--medium--two-twelfths {
    left: 16.666%; }
  .push--medium--three-twelfths {
    left: 25%; }
  .push--medium--four-twelfths {
    left: 33.333%; }
  .push--medium--five-twelfths {
    left: 41.666%; }
  .push--medium--six-twelfths {
    left: 50%; }
  .push--medium--seven-twelfths {
    left: 58.333%; }
  .push--medium--eight-twelfths {
    left: 66.666%; }
  .push--medium--nine-twelfths {
    left: 75%; }
  .push--medium--ten-twelfths {
    left: 83.333%; }
  .push--medium--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (max-width: 768px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%; }
  /* Halves */
  .push--medium-down--one-half {
    left: 50%; }
  /* Thirds */
  .push--medium-down--one-third {
    left: 33.333%; }
  .push--medium-down--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--medium-down--one-quarter {
    left: 25%; }
  .push--medium-down--two-quarters {
    left: 50%; }
  .push--medium-down--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--medium-down--one-fifth {
    left: 20%; }
  .push--medium-down--two-fifths {
    left: 40%; }
  .push--medium-down--three-fifths {
    left: 60%; }
  .push--medium-down--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--medium-down--one-sixth {
    left: 16.666%; }
  .push--medium-down--two-sixths {
    left: 33.333%; }
  .push--medium-down--three-sixths {
    left: 50%; }
  .push--medium-down--four-sixths {
    left: 66.666%; }
  .push--medium-down--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--medium-down--one-eighth {
    left: 12.5%; }
  .push--medium-down--two-eighths {
    left: 25%; }
  .push--medium-down--three-eighths {
    left: 37.5%; }
  .push--medium-down--four-eighths {
    left: 50%; }
  .push--medium-down--five-eighths {
    left: 62.5%; }
  .push--medium-down--six-eighths {
    left: 75%; }
  .push--medium-down--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--medium-down--one-tenth {
    left: 10%; }
  .push--medium-down--two-tenths {
    left: 20%; }
  .push--medium-down--three-tenths {
    left: 30%; }
  .push--medium-down--four-tenths {
    left: 40%; }
  .push--medium-down--five-tenths {
    left: 50%; }
  .push--medium-down--six-tenths {
    left: 60%; }
  .push--medium-down--seven-tenths {
    left: 70%; }
  .push--medium-down--eight-tenths {
    left: 80%; }
  .push--medium-down--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--medium-down--one-twelfth {
    left: 8.333%; }
  .push--medium-down--two-twelfths {
    left: 16.666%; }
  .push--medium-down--three-twelfths {
    left: 25%; }
  .push--medium-down--four-twelfths {
    left: 33.333%; }
  .push--medium-down--five-twelfths {
    left: 41.666%; }
  .push--medium-down--six-twelfths {
    left: 50%; }
  .push--medium-down--seven-twelfths {
    left: 58.333%; }
  .push--medium-down--eight-twelfths {
    left: 66.666%; }
  .push--medium-down--nine-twelfths {
    left: 75%; }
  .push--medium-down--ten-twelfths {
    left: 83.333%; }
  .push--medium-down--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 960px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%; }
  /* Halves */
  .push--large--one-half {
    left: 50%; }
  /* Thirds */
  .push--large--one-third {
    left: 33.333%; }
  .push--large--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--large--one-quarter {
    left: 25%; }
  .push--large--two-quarters {
    left: 50%; }
  .push--large--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--large--one-fifth {
    left: 20%; }
  .push--large--two-fifths {
    left: 40%; }
  .push--large--three-fifths {
    left: 60%; }
  .push--large--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--large--one-sixth {
    left: 16.666%; }
  .push--large--two-sixths {
    left: 33.333%; }
  .push--large--three-sixths {
    left: 50%; }
  .push--large--four-sixths {
    left: 66.666%; }
  .push--large--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--large--one-eighth {
    left: 12.5%; }
  .push--large--two-eighths {
    left: 25%; }
  .push--large--three-eighths {
    left: 37.5%; }
  .push--large--four-eighths {
    left: 50%; }
  .push--large--five-eighths {
    left: 62.5%; }
  .push--large--six-eighths {
    left: 75%; }
  .push--large--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--large--one-tenth {
    left: 10%; }
  .push--large--two-tenths {
    left: 20%; }
  .push--large--three-tenths {
    left: 30%; }
  .push--large--four-tenths {
    left: 40%; }
  .push--large--five-tenths {
    left: 50%; }
  .push--large--six-tenths {
    left: 60%; }
  .push--large--seven-tenths {
    left: 70%; }
  .push--large--eight-tenths {
    left: 80%; }
  .push--large--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--large--one-twelfth {
    left: 8.333%; }
  .push--large--two-twelfths {
    left: 16.666%; }
  .push--large--three-twelfths {
    left: 25%; }
  .push--large--four-twelfths {
    left: 33.333%; }
  .push--large--five-twelfths {
    left: 41.666%; }
  .push--large--six-twelfths {
    left: 50%; }
  .push--large--seven-twelfths {
    left: 58.333%; }
  .push--large--eight-twelfths {
    left: 66.666%; }
  .push--large--nine-twelfths {
    left: 75%; }
  .push--large--ten-twelfths {
    left: 83.333%; }
  .push--large--eleven-twelfths {
    left: 91.666%; } }

@media only screen and (min-width: 1240px) {
  /* Whole */
  .push--xlarge--one-whole {
    left: 100%; }
  /* Halves */
  .push--xlarge--one-half {
    left: 50%; }
  /* Thirds */
  .push--xlarge--one-third {
    left: 33.333%; }
  .push--xlarge--two-thirds {
    left: 66.666%; }
  /* Quarters */
  .push--xlarge--one-quarter {
    left: 25%; }
  .push--xlarge--two-quarters {
    left: 50%; }
  .push--xlarge--three-quarters {
    left: 75%; }
  /* Fifths */
  .push--xlarge--one-fifth {
    left: 20%; }
  .push--xlarge--two-fifths {
    left: 40%; }
  .push--xlarge--three-fifths {
    left: 60%; }
  .push--xlarge--four-fifths {
    left: 80%; }
  /* Sixths */
  .push--xlarge--one-sixth {
    left: 16.666%; }
  .push--xlarge--two-sixths {
    left: 33.333%; }
  .push--xlarge--three-sixths {
    left: 50%; }
  .push--xlarge--four-sixths {
    left: 66.666%; }
  .push--xlarge--five-sixths {
    left: 83.333%; }
  /* Eighths */
  .push--xlarge--one-eighth {
    left: 12.5%; }
  .push--xlarge--two-eighths {
    left: 25%; }
  .push--xlarge--three-eighths {
    left: 37.5%; }
  .push--xlarge--four-eighths {
    left: 50%; }
  .push--xlarge--five-eighths {
    left: 62.5%; }
  .push--xlarge--six-eighths {
    left: 75%; }
  .push--xlarge--seven-eighths {
    left: 87.5%; }
  /* Tenths */
  .push--xlarge--one-tenth {
    left: 10%; }
  .push--xlarge--two-tenths {
    left: 20%; }
  .push--xlarge--three-tenths {
    left: 30%; }
  .push--xlarge--four-tenths {
    left: 40%; }
  .push--xlarge--five-tenths {
    left: 50%; }
  .push--xlarge--six-tenths {
    left: 60%; }
  .push--xlarge--seven-tenths {
    left: 70%; }
  .push--xlarge--eight-tenths {
    left: 80%; }
  .push--xlarge--nine-tenths {
    left: 90%; }
  /* Twelfths */
  .push--xlarge--one-twelfth {
    left: 8.333%; }
  .push--xlarge--two-twelfths {
    left: 16.666%; }
  .push--xlarge--three-twelfths {
    left: 25%; }
  .push--xlarge--four-twelfths {
    left: 33.333%; }
  .push--xlarge--five-twelfths {
    left: 41.666%; }
  .push--xlarge--six-twelfths {
    left: 50%; }
  .push--xlarge--seven-twelfths {
    left: 58.333%; }
  .push--xlarge--eight-twelfths {
    left: 66.666%; }
  .push--xlarge--nine-twelfths {
    left: 75%; }
  .push--xlarge--ten-twelfths {
    left: 83.333%; }
  .push--xlarge--eleven-twelfths {
    left: 91.666%; } }

/*
----------------------------------------
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
----------------------------------------
*/
/*********************
IMPORTING MODULES
*********************/
.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid; }

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f; }

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8; }

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4; }

.alert-success {
  border-color: #deeaae;
  background: #e6efc2; }

/*
----------------------------------------
Button Defaults
----------------------------------------
*/
.btn {
  display: block;
  width: 100%;
  position: relative;
  border: 2px #ffffff solid;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  padding: 12px 24px;
  border-radius: 0px;
  cursor: pointer;
  margin-bottom: 25px; }
  .btn:hover, .btn:focus {
    background-color: #ffffff;
    color: #000000; }

.btn {
  border-radius: 12.5px; }

.little-btn {
  display: block;
  width: 100%;
  position: relative;
  border: 2px #ffffff solid;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-size: 1em;
  line-height: 1;
  font-weight: normal;
  padding: 12px 24px;
  border-radius: 0px;
  cursor: pointer;
  margin-bottom: 25px;
  color: #000000; }
  .little-btn:hover, .little-btn:focus {
    background-color: #ffffff;
    color: #000000; }

/*
----------------------------------------
Inputs
----------------------------------------
*/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 12px;
  margin-bottom: 14px;
  font-size: 1em;
  color: #ffffff;
  border-radius: 0px;
  vertical-align: middle;
  box-shadow: none;
  border: 2px #ffffff solid;
  width: 100%;
  max-width: 400px;
  background-color: transparent;
  -webkit-transition: background-color 0.24s ease-in-out;
  -moz-transition: background-color 0.24s ease-in-out;
  transition: background-color 0.24s ease-in-out; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="datetime"]::-webkit-input-placeholder,
  input[type="datetime-local"]::-webkit-input-placeholder,
  input[type="date"]::-webkit-input-placeholder,
  input[type="month"]::-webkit-input-placeholder,
  input[type="time"]::-webkit-input-placeholder,
  input[type="week"]::-webkit-input-placeholder,
  input[type="number"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="url"]::-webkit-input-placeholder,
  input[type="search"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder,
  input[type="color"]::-webkit-input-placeholder,
  select::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .field::-webkit-input-placeholder {
    color: #fff; }
  input[type="text"]:-moz-placeholder,
  input[type="password"]:-moz-placeholder,
  input[type="datetime"]:-moz-placeholder,
  input[type="datetime-local"]:-moz-placeholder,
  input[type="date"]:-moz-placeholder,
  input[type="month"]:-moz-placeholder,
  input[type="time"]:-moz-placeholder,
  input[type="week"]:-moz-placeholder,
  input[type="number"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder,
  input[type="url"]:-moz-placeholder,
  input[type="search"]:-moz-placeholder,
  input[type="tel"]:-moz-placeholder,
  input[type="color"]:-moz-placeholder,
  select:-moz-placeholder,
  textarea:-moz-placeholder,
  .field:-moz-placeholder {
    color: #fff; }
  input[type="text"]::-moz-placeholder,
  input[type="password"]::-moz-placeholder,
  input[type="datetime"]::-moz-placeholder,
  input[type="datetime-local"]::-moz-placeholder,
  input[type="date"]::-moz-placeholder,
  input[type="month"]::-moz-placeholder,
  input[type="time"]::-moz-placeholder,
  input[type="week"]::-moz-placeholder,
  input[type="number"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder,
  input[type="url"]::-moz-placeholder,
  input[type="search"]::-moz-placeholder,
  input[type="tel"]::-moz-placeholder,
  input[type="color"]::-moz-placeholder,
  select::-moz-placeholder,
  textarea::-moz-placeholder,
  .field::-moz-placeholder {
    color: #fff; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="datetime"]:-ms-input-placeholder,
  input[type="datetime-local"]:-ms-input-placeholder,
  input[type="date"]:-ms-input-placeholder,
  input[type="month"]:-ms-input-placeholder,
  input[type="time"]:-ms-input-placeholder,
  input[type="week"]:-ms-input-placeholder,
  input[type="number"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="url"]:-ms-input-placeholder,
  input[type="search"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder,
  input[type="color"]:-ms-input-placeholder,
  select:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .field:-ms-input-placeholder {
    color: #fff; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="datetime"]:focus,
  input[type="datetime"]:active,
  input[type="datetime-local"]:focus,
  input[type="datetime-local"]:active,
  input[type="date"]:focus,
  input[type="date"]:active,
  input[type="month"]:focus,
  input[type="month"]:active,
  input[type="time"]:focus,
  input[type="time"]:active,
  input[type="week"]:focus,
  input[type="week"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="url"]:focus,
  input[type="url"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  input[type="color"]:focus,
  input[type="color"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active,
  .field:focus,
  .field:active {
    background-color: #ffffff;
    color: #000000; }
    input[type="text"]:focus::-webkit-input-placeholder, input[type="text"]:active::-webkit-input-placeholder,
    input[type="password"]:focus::-webkit-input-placeholder,
    input[type="password"]:active::-webkit-input-placeholder,
    input[type="datetime"]:focus::-webkit-input-placeholder,
    input[type="datetime"]:active::-webkit-input-placeholder,
    input[type="datetime-local"]:focus::-webkit-input-placeholder,
    input[type="datetime-local"]:active::-webkit-input-placeholder,
    input[type="date"]:focus::-webkit-input-placeholder,
    input[type="date"]:active::-webkit-input-placeholder,
    input[type="month"]:focus::-webkit-input-placeholder,
    input[type="month"]:active::-webkit-input-placeholder,
    input[type="time"]:focus::-webkit-input-placeholder,
    input[type="time"]:active::-webkit-input-placeholder,
    input[type="week"]:focus::-webkit-input-placeholder,
    input[type="week"]:active::-webkit-input-placeholder,
    input[type="number"]:focus::-webkit-input-placeholder,
    input[type="number"]:active::-webkit-input-placeholder,
    input[type="email"]:focus::-webkit-input-placeholder,
    input[type="email"]:active::-webkit-input-placeholder,
    input[type="url"]:focus::-webkit-input-placeholder,
    input[type="url"]:active::-webkit-input-placeholder,
    input[type="search"]:focus::-webkit-input-placeholder,
    input[type="search"]:active::-webkit-input-placeholder,
    input[type="tel"]:focus::-webkit-input-placeholder,
    input[type="tel"]:active::-webkit-input-placeholder,
    input[type="color"]:focus::-webkit-input-placeholder,
    input[type="color"]:active::-webkit-input-placeholder,
    select:focus::-webkit-input-placeholder,
    select:active::-webkit-input-placeholder,
    textarea:focus::-webkit-input-placeholder,
    textarea:active::-webkit-input-placeholder,
    .field:focus::-webkit-input-placeholder,
    .field:active::-webkit-input-placeholder {
      color: #000; }
    input[type="text"]:focus:-moz-placeholder, input[type="text"]:active:-moz-placeholder,
    input[type="password"]:focus:-moz-placeholder,
    input[type="password"]:active:-moz-placeholder,
    input[type="datetime"]:focus:-moz-placeholder,
    input[type="datetime"]:active:-moz-placeholder,
    input[type="datetime-local"]:focus:-moz-placeholder,
    input[type="datetime-local"]:active:-moz-placeholder,
    input[type="date"]:focus:-moz-placeholder,
    input[type="date"]:active:-moz-placeholder,
    input[type="month"]:focus:-moz-placeholder,
    input[type="month"]:active:-moz-placeholder,
    input[type="time"]:focus:-moz-placeholder,
    input[type="time"]:active:-moz-placeholder,
    input[type="week"]:focus:-moz-placeholder,
    input[type="week"]:active:-moz-placeholder,
    input[type="number"]:focus:-moz-placeholder,
    input[type="number"]:active:-moz-placeholder,
    input[type="email"]:focus:-moz-placeholder,
    input[type="email"]:active:-moz-placeholder,
    input[type="url"]:focus:-moz-placeholder,
    input[type="url"]:active:-moz-placeholder,
    input[type="search"]:focus:-moz-placeholder,
    input[type="search"]:active:-moz-placeholder,
    input[type="tel"]:focus:-moz-placeholder,
    input[type="tel"]:active:-moz-placeholder,
    input[type="color"]:focus:-moz-placeholder,
    input[type="color"]:active:-moz-placeholder,
    select:focus:-moz-placeholder,
    select:active:-moz-placeholder,
    textarea:focus:-moz-placeholder,
    textarea:active:-moz-placeholder,
    .field:focus:-moz-placeholder,
    .field:active:-moz-placeholder {
      color: #000; }
    input[type="text"]:focus::-moz-placeholder, input[type="text"]:active::-moz-placeholder,
    input[type="password"]:focus::-moz-placeholder,
    input[type="password"]:active::-moz-placeholder,
    input[type="datetime"]:focus::-moz-placeholder,
    input[type="datetime"]:active::-moz-placeholder,
    input[type="datetime-local"]:focus::-moz-placeholder,
    input[type="datetime-local"]:active::-moz-placeholder,
    input[type="date"]:focus::-moz-placeholder,
    input[type="date"]:active::-moz-placeholder,
    input[type="month"]:focus::-moz-placeholder,
    input[type="month"]:active::-moz-placeholder,
    input[type="time"]:focus::-moz-placeholder,
    input[type="time"]:active::-moz-placeholder,
    input[type="week"]:focus::-moz-placeholder,
    input[type="week"]:active::-moz-placeholder,
    input[type="number"]:focus::-moz-placeholder,
    input[type="number"]:active::-moz-placeholder,
    input[type="email"]:focus::-moz-placeholder,
    input[type="email"]:active::-moz-placeholder,
    input[type="url"]:focus::-moz-placeholder,
    input[type="url"]:active::-moz-placeholder,
    input[type="search"]:focus::-moz-placeholder,
    input[type="search"]:active::-moz-placeholder,
    input[type="tel"]:focus::-moz-placeholder,
    input[type="tel"]:active::-moz-placeholder,
    input[type="color"]:focus::-moz-placeholder,
    input[type="color"]:active::-moz-placeholder,
    select:focus::-moz-placeholder,
    select:active::-moz-placeholder,
    textarea:focus::-moz-placeholder,
    textarea:active::-moz-placeholder,
    .field:focus::-moz-placeholder,
    .field:active::-moz-placeholder {
      color: #000; }
    input[type="text"]:focus:-ms-input-placeholder, input[type="text"]:active:-ms-input-placeholder,
    input[type="password"]:focus:-ms-input-placeholder,
    input[type="password"]:active:-ms-input-placeholder,
    input[type="datetime"]:focus:-ms-input-placeholder,
    input[type="datetime"]:active:-ms-input-placeholder,
    input[type="datetime-local"]:focus:-ms-input-placeholder,
    input[type="datetime-local"]:active:-ms-input-placeholder,
    input[type="date"]:focus:-ms-input-placeholder,
    input[type="date"]:active:-ms-input-placeholder,
    input[type="month"]:focus:-ms-input-placeholder,
    input[type="month"]:active:-ms-input-placeholder,
    input[type="time"]:focus:-ms-input-placeholder,
    input[type="time"]:active:-ms-input-placeholder,
    input[type="week"]:focus:-ms-input-placeholder,
    input[type="week"]:active:-ms-input-placeholder,
    input[type="number"]:focus:-ms-input-placeholder,
    input[type="number"]:active:-ms-input-placeholder,
    input[type="email"]:focus:-ms-input-placeholder,
    input[type="email"]:active:-ms-input-placeholder,
    input[type="url"]:focus:-ms-input-placeholder,
    input[type="url"]:active:-ms-input-placeholder,
    input[type="search"]:focus:-ms-input-placeholder,
    input[type="search"]:active:-ms-input-placeholder,
    input[type="tel"]:focus:-ms-input-placeholder,
    input[type="tel"]:active:-ms-input-placeholder,
    input[type="color"]:focus:-ms-input-placeholder,
    input[type="color"]:active:-ms-input-placeholder,
    select:focus:-ms-input-placeholder,
    select:active:-ms-input-placeholder,
    textarea:focus:-ms-input-placeholder,
    textarea:active:-ms-input-placeholder,
    .field:focus:-ms-input-placeholder,
    .field:active:-ms-input-placeholder {
      color: #000; }
  input[type="text"].error, input[type="text"].is-invalid,
  input[type="password"].error,
  input[type="password"].is-invalid,
  input[type="datetime"].error,
  input[type="datetime"].is-invalid,
  input[type="datetime-local"].error,
  input[type="datetime-local"].is-invalid,
  input[type="date"].error,
  input[type="date"].is-invalid,
  input[type="month"].error,
  input[type="month"].is-invalid,
  input[type="time"].error,
  input[type="time"].is-invalid,
  input[type="week"].error,
  input[type="week"].is-invalid,
  input[type="number"].error,
  input[type="number"].is-invalid,
  input[type="email"].error,
  input[type="email"].is-invalid,
  input[type="url"].error,
  input[type="url"].is-invalid,
  input[type="search"].error,
  input[type="search"].is-invalid,
  input[type="tel"].error,
  input[type="tel"].is-invalid,
  input[type="color"].error,
  input[type="color"].is-invalid,
  select.error,
  select.is-invalid,
  textarea.error,
  textarea.is-invalid,
  .field.error,
  .field.is-invalid {
    background-color: red; }
  input[type="text"].success, input[type="text"].is-valid,
  input[type="password"].success,
  input[type="password"].is-valid,
  input[type="datetime"].success,
  input[type="datetime"].is-valid,
  input[type="datetime-local"].success,
  input[type="datetime-local"].is-valid,
  input[type="date"].success,
  input[type="date"].is-valid,
  input[type="month"].success,
  input[type="month"].is-valid,
  input[type="time"].success,
  input[type="time"].is-valid,
  input[type="week"].success,
  input[type="week"].is-valid,
  input[type="number"].success,
  input[type="number"].is-valid,
  input[type="email"].success,
  input[type="email"].is-valid,
  input[type="url"].success,
  input[type="url"].is-valid,
  input[type="search"].success,
  input[type="search"].is-valid,
  input[type="tel"].success,
  input[type="tel"].is-valid,
  input[type="color"].success,
  input[type="color"].is-valid,
  select.success,
  select.is-valid,
  textarea.success,
  textarea.is-valid,
  .field.success,
  .field.is-valid {
    color: #e6efc2;
    border-color: #e6efc2;
    background-color: #ffffff;
    background-position: 99% center;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
    outline-color: #e6efc2; }
  input[type="text"][disabled], input[type="text"].is-disabled,
  input[type="password"][disabled],
  input[type="password"].is-disabled,
  input[type="datetime"][disabled],
  input[type="datetime"].is-disabled,
  input[type="datetime-local"][disabled],
  input[type="datetime-local"].is-disabled,
  input[type="date"][disabled],
  input[type="date"].is-disabled,
  input[type="month"][disabled],
  input[type="month"].is-disabled,
  input[type="time"][disabled],
  input[type="time"].is-disabled,
  input[type="week"][disabled],
  input[type="week"].is-disabled,
  input[type="number"][disabled],
  input[type="number"].is-disabled,
  input[type="email"][disabled],
  input[type="email"].is-disabled,
  input[type="url"][disabled],
  input[type="url"].is-disabled,
  input[type="search"][disabled],
  input[type="search"].is-disabled,
  input[type="tel"][disabled],
  input[type="tel"].is-disabled,
  input[type="color"][disabled],
  input[type="color"].is-disabled,
  select[disabled],
  select.is-disabled,
  textarea[disabled],
  textarea.is-disabled,
  .field[disabled],
  .field.is-disabled {
    cursor: not-allowed;
    border-color: #9fa6b4;
    opacity: 0.6; }
    input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
    input[type="password"][disabled]:focus,
    input[type="password"][disabled]:active,
    input[type="password"].is-disabled:focus,
    input[type="password"].is-disabled:active,
    input[type="datetime"][disabled]:focus,
    input[type="datetime"][disabled]:active,
    input[type="datetime"].is-disabled:focus,
    input[type="datetime"].is-disabled:active,
    input[type="datetime-local"][disabled]:focus,
    input[type="datetime-local"][disabled]:active,
    input[type="datetime-local"].is-disabled:focus,
    input[type="datetime-local"].is-disabled:active,
    input[type="date"][disabled]:focus,
    input[type="date"][disabled]:active,
    input[type="date"].is-disabled:focus,
    input[type="date"].is-disabled:active,
    input[type="month"][disabled]:focus,
    input[type="month"][disabled]:active,
    input[type="month"].is-disabled:focus,
    input[type="month"].is-disabled:active,
    input[type="time"][disabled]:focus,
    input[type="time"][disabled]:active,
    input[type="time"].is-disabled:focus,
    input[type="time"].is-disabled:active,
    input[type="week"][disabled]:focus,
    input[type="week"][disabled]:active,
    input[type="week"].is-disabled:focus,
    input[type="week"].is-disabled:active,
    input[type="number"][disabled]:focus,
    input[type="number"][disabled]:active,
    input[type="number"].is-disabled:focus,
    input[type="number"].is-disabled:active,
    input[type="email"][disabled]:focus,
    input[type="email"][disabled]:active,
    input[type="email"].is-disabled:focus,
    input[type="email"].is-disabled:active,
    input[type="url"][disabled]:focus,
    input[type="url"][disabled]:active,
    input[type="url"].is-disabled:focus,
    input[type="url"].is-disabled:active,
    input[type="search"][disabled]:focus,
    input[type="search"][disabled]:active,
    input[type="search"].is-disabled:focus,
    input[type="search"].is-disabled:active,
    input[type="tel"][disabled]:focus,
    input[type="tel"][disabled]:active,
    input[type="tel"].is-disabled:focus,
    input[type="tel"].is-disabled:active,
    input[type="color"][disabled]:focus,
    input[type="color"][disabled]:active,
    input[type="color"].is-disabled:focus,
    input[type="color"].is-disabled:active,
    select[disabled]:focus,
    select[disabled]:active,
    select.is-disabled:focus,
    select.is-disabled:active,
    textarea[disabled]:focus,
    textarea[disabled]:active,
    textarea.is-disabled:focus,
    textarea.is-disabled:active,
    .field[disabled]:focus,
    .field[disabled]:active,
    .field.is-disabled:focus,
    .field.is-disabled:active {
      background-color: #d5edf8; }

input[type="password"] {
  letter-spacing: 0.3em; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em; }

select {
  -webkit-appearance: none;
  /* 1 */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: 97.5% center; }

/*********************
BASE (MOBILE) SIZE
*********************/
/*
----------------------------------------
General
----------------------------------------
*/
html {
  height: 100%; }

body {
  font-family: 'Regular';
  background-color: #000000;
  color: #ffffff;
  font-size: 100%;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  transition: background-color 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  body.purple {
    background-color: #482e84; }
    body.purple header {
      background-color: #482e84; }

.desktop-only {
  display: none; }

::selection {
  background: #482e84;
  color: #ffffff; }

.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }

img {
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 1; }

hr {
  padding: 0;
  border: 0;
  border-bottom: 2px #ffffff solid; }

@keyframes kenburns {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
    animation-timing-function: ease-in;
    opacity: 1; }
  90% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 1; }
  100% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 0; } }

@keyframes kenburnsb {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
    animation-timing-function: ease-in;
    opacity: 1; }
  90% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 1; }
  100% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 0; } }

@keyframes kenburnsc {
  0% {
    opacity: 0; }
  5% {
    opacity: 1; }
  50% {
    transform: scale3d(1.15, 1.15, 1.15);
    animation-timing-function: ease-in;
    opacity: 1; }
  90% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 1; }
  100% {
    transform: scale3d(1.15, 1.15, 1.15);
    opacity: 0; } }

/*
----------------------------------------
Layout & Grid
----------------------------------------
*/
.wrap {
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px; }

.m-b {
  margin-bottom: 50px; }

/*
----------------------------------------
Link Styles
----------------------------------------
*/
a, a:visited {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */ }
  a span, a:visited span {
    display: inline-block;
    overflow: hidden;
    position: relative; }
    a span:after, a:visited span:after {
      content: '';
      position: absolute;
      width: 100%;
      border-bottom: 1px #ffffff solid;
      bottom: 0px;
      left: 0px;
      transition: transform 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  a:hover span:after, a:focus span:after, a:visited:hover span:after, a:visited:focus span:after {
    -ms-transform: translateX(102%);
    -webkit-transform: translateX(102%);
    transform: translateX(102%); }
  a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*
----------------------------------------
Headings
----------------------------------------
*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 400;
  font-family: 'Extended'; }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.1em;
  font-weight: 700; }

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px; }

/*
----------------------------------------
Header
----------------------------------------
*/
header {
  background-color: black;
  transition: background-color 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }

h1.ms, .ms {
  width: 224px;
  height: 100px;
  margin: 0;
  line-height: 1;
  text-align: center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  top: 50%;
  margin-top: -50px;
  background: url(../ms.svg) center center;
  background-size: 224px;
  transition: background-position 1200ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  h1.ms:hover, h1.ms:focus, .ms:hover, .ms:focus {
    background-position: center 100px; }
  h1.ms a, .ms a {
    display: block;
    width: 100%;
    height: 100%; }

.template-contact header, .template-project header {
  overflow: hidden;
  position: fixed;
  background-color: #000000;
  width: 100%;
  height: 50px;
  left: 0px;
  bottom: 0px;
  z-index: 99; }
  .template-contact header .ms, .template-project header .ms {
    position: absolute;
    left: -1px;
    top: 50%; }
  .template-contact header ul, .template-project header ul {
    text-align: right;
    position: absolute;
    right: 0px;
    top: 0px; }

.template-contact .menu-item, .template-project .menu-item {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0px;
  background-color: #ffffff; }
  .template-contact .menu-item a, .template-project .menu-item a {
    display: block;
    width: 100%;
    height: 100%; }
  .template-contact .menu-item:hover, .template-contact .menu-item:focus, .template-project .menu-item:hover, .template-project .menu-item:focus {
    background-color: #000000; }

/*
----------------------------------------
Navigation
----------------------------------------
*/
nav ul {
  margin: 0; }
  nav ul li a {
    position: relative; }
    nav ul li a:after {
      font-size: 2em;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
      text-align: center;
      color: #000000;
      text-indent: 0px; }
    nav ul li a:hover:after, nav ul li a:focus:after {
      color: #ffffff; }

.template-project .menu-item--about a:after, .template-contact .menu-item--about a:after {
  content: '?';
  font-family: 'Helvetica', Arial, sans-serif; }

.template-project .menu-item--projects a, .template-contact .menu-item--projects a {
  background-image: url(../images/projects-bk.svg);
  background-position: center center;
  background-size: 60%;
  background-repeat: no-repeat; }
  .template-project .menu-item--projects a:hover, .template-project .menu-item--projects a:focus, .template-contact .menu-item--projects a:hover, .template-contact .menu-item--projects a:focus {
    background-image: url(../images/projects.svg);
    background-color: black; }

/*
----------------------------------------
Main
----------------------------------------
*/
/*
----------------------------------------
Footer
----------------------------------------
*/
footer.footer {
  clear: both; }

/*
----------------------------------------
Index
----------------------------------------
*/
.template-home, .template-projects {
  height: 100%;
  padding: 25px; }
  .template-home #l img, .template-home #rt img, .template-home #rb img, .template-projects #l img, .template-projects #rt img, .template-projects #rb img {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .template-home #l video, .template-home #rt video, .template-home #rb video, .template-projects #l video, .template-projects #rt video, .template-projects #rb video {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%; }
  .template-home h1.ms, .template-projects h1.ms {
    position: fixed;
    left: 50%;
    margin-left: -120px;
    z-index: 99; }
  .template-home nav .menu-item, .template-projects nav .menu-item {
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    z-index: 99;
    left: 0px;
    line-height: 1;
    font-size: 32px; }
    .template-home nav .menu-item a:hover, .template-home nav .menu-item a:focus, .template-projects nav .menu-item a:hover, .template-projects nav .menu-item a:focus {
      color: #482e84;
      mix-blend-mode: lighten; }
    .template-home nav .menu-item:after, .template-projects nav .menu-item:after {
      content: '';
      position: absolute;
      width: 3px;
      background-color: #ffffff;
      height: calc(50vh - 130px);
      left: 50%;
      top: 37.5px;
      margin-left: -1.5px; }
  .template-home nav .menu-item--projects, .template-projects nav .menu-item--projects {
    top: 12.5px; }
  .template-home nav .menu-item--about, .template-projects nav .menu-item--about {
    bottom: 12.5px; }
    .template-home nav .menu-item--about:after, .template-projects nav .menu-item--about:after {
      top: auto;
      bottom: 37.5px; }
  .template-home main, .template-projects main {
    height: 100%; }
    .template-home main > .grid, .template-home main > .grid--rev, .template-home main > .grid--full, .template-projects main > .grid, .template-projects main > .grid--rev, .template-projects main > .grid--full {
      height: 100%; }
  .template-home .left-panel, .template-projects .left-panel {
    height: 33.333%;
    position: relative;
    overflow: hidden; }
  .template-home .right-panel, .template-projects .right-panel {
    height: 66.666%;
    position: relative;
    overflow: hidden; }
    .template-home .right-panel .grid, .template-home .right-panel .grid--rev, .template-home .right-panel .grid--full, .template-projects .right-panel .grid, .template-projects .right-panel .grid--rev, .template-projects .right-panel .grid--full {
      height: 100%; }
  .template-home .right-panel--top, .template-projects .right-panel--top {
    height: 50%;
    position: relative;
    overflow: hidden; }
  .template-home .right-panel--bottom, .template-projects .right-panel--bottom {
    height: 50%;
    position: relative;
    overflow: hidden; }
  .template-home #l, .template-home #rt, .template-home #rb, .template-projects #l, .template-projects #rt, .template-projects #rb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .template-home #l, .template-projects #l {
    animation: kenburns 7s infinite; }
  .template-home #rt, .template-projects #rt {
    animation: kenburns 14s infinite; }
  .template-home #rb, .template-projects #rb {
    animation: kenburns 21s infinite; }

/*
----------------------------------------
About & Contact
----------------------------------------
*/
.template-contact figure img {
  width: 100%;
  height: auto; }

.template-contact .content {
  margin-top: 50px; }

.template-contact h3 {
  font-size: 2.5em;
  border-bottom: 2px #ffffff solid;
  margin-top: 50px;
  margin-bottom: 25px; }

.template-contact h4 {
  margin: 0;
  font-weight: normal; }

.template-contact address {
  font-style: normal; }

.template-contact article p {
  margin: 0; }

.template-contact #galleries .grid__item {
  margin-bottom: 25px; }

.template-contact .external-link {
  display: inline-block;
  border: 2px #ffffff solid;
  width: 100%;
  padding: 20px 12.5px;
  max-width: 250px;
  text-align: center;
  margin-top: 25px;
  border-radius: 12.5px; }
  .template-contact .external-link:hover, .template-contact .external-link:focus {
    background-color: #ffffff;
    color: #000000; }

.template-contact #footer-text {
  padding-top: 50px;
  padding-bottom: 50px; }

.template-contact #footer-text {
  line-height: 1;
  font-size: 2.5em; }
  .template-contact #footer-text a {
    position: relative;
    top: 5px; }
  .template-contact #footer-text a span:after {
    border-width: 2px; }

.press-link {
  border-bottom: 1px #ffffff dotted;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 100%;
  transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  overflow: hidden;
  position: relative;
  padding-left: 0px; }
  .press-link:before {
    position: absolute;
    width: 32px;
    height: 32px;
    line-height: 38px;
    content: '•';
    left: -32px;
    top: 0px;
    font-size: 2em;
    transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .press-link:hover, .press-link:focus {
    border-bottom: 1px #ffffff solid;
    padding-left: 32px; }
    .press-link:hover:before, .press-link:focus:before {
      left: 0px; }

/*
----------------------------------------
Project
----------------------------------------
*/
.template-project {
  /* Media */
  /* Full Screen Image */
  /* Gallery */ }
  .template-project .pagination {
    text-align: right;
    margin-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px; }
  .template-project .pagination-item {
    width: 50px;
    height: 50px;
    top: 50px;
    background-color: transparent;
    border: 2px #ffffff solid; }
    .template-project .pagination-item:hover, .template-project .pagination-item:focus {
      background-color: #ffffff; }
    .template-project .pagination-item.is-inactive {
      visibility: hidden; }
    .template-project .pagination-item:hover, .template-project .pagination-item:focus {
      background-color: #ffffff; }
    .template-project .pagination-item.right {
      left: 50px; }
    .template-project .pagination-item.left {
      left: 175px; }
    .template-project .pagination-item.right {
      background-image: url(../images/arrow-right.svg);
      background-position: center center;
      background-size: 60%;
      background-repeat: no-repeat; }
      .template-project .pagination-item.right:hover, .template-project .pagination-item.right:focus {
        background-image: url(../images/arrow-right-bk.svg) !important; }
    .template-project .pagination-item.left {
      background-image: url(../images/arrow-left.svg);
      background-position: center center;
      background-size: 60%;
      background-repeat: no-repeat; }
      .template-project .pagination-item.left:hover, .template-project .pagination-item.left:focus {
        background-image: url(../images/arrow-left-bk.svg) !important; }
  .template-project #toggle-info {
    border: 2px #ffffff solid;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    line-height: 1;
    cursor: pointer; }
    .template-project #toggle-info:hover, .template-project #toggle-info:focus {
      background-color: #ffffff;
      color: #000000; }
  .template-project article h1 {
    line-height: 36px;
    text-transform: uppercase;
    font-size: 36px; }
  .template-project .btn {
    display: table;
    height: 82px;
    line-height: 1;
    overflow: hidden; }
    .template-project .btn span {
      display: table-cell;
      vertical-align: middle;
      border: 0px !important; }
      .template-project .btn span:after {
        display: none !important; }
  .template-project .caption em {
    font-style: normal !important; }
  .template-project .text {
    display: none; }
    .template-project .text p {
      text-indent: 100px;
      text-align: justify; }
    .template-project .text .external-links {
      margin-top: 25px; }
  .template-project main.main {
    padding-bottom: 50px; }
  .template-project .video-container {
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 25px; }
    .template-project .video-container:hover div.caption, .template-project .video-container:focus div.caption {
      opacity: 1.0; }
    .template-project .video-container.loading {
      overflow: hidden;
      background-color: #000000;
      pointer-events: none; }
      .template-project .video-container.loading:after {
        display: none !important; }
      .template-project .video-container.loading:before {
        content: 'LOADING';
        z-index: 99;
        text-align: center;
        width: auto;
        /*				padding-left: 10px;
				padding-right: 10px;*/
        position: absolute;
        left: 50%;
        top: 50%;
        height: 90px;
        line-height: 90px;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 3em;
        border: 6px #ffffff double;
        font-family: 'Extended';
        border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        animation: blink-animation 150ms steps(2, start) infinite;
        -webkit-animation: blink-animation 150ms steps(2, start) infinite; }
      .template-project .video-container.loading video {
        filter: blur(150px); }
    .template-project .video-container video {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: #482e84; }
    .template-project .video-container div.caption {
      display: none;
      position: absolute;
      left: 25px;
      bottom: 25px;
      /*transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);*/ }
  .template-project .close-it {
    display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    border: 2px #ffffff solid;
    right: 50px;
    top: 50px;
    cursor: pointer;
    transition: opacity 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
    text-align: center;
    font-size: 4em;
    line-height: 100px;
    font-weight: lighter; }
    .template-project .close-it:before {
      width: 80px;
      height: 2px;
      background-color: #ffffff;
      content: '';
      position: absolute;
      left: 7.5px;
      top: 50%;
      margin-top: -1px;
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      transition: transform 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
    .template-project .close-it:after {
      width: 80px;
      height: 2px;
      background-color: #ffffff;
      content: '';
      position: absolute;
      left: 7.5px;
      top: 50%;
      margin-top: -1px;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      transition: transform 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
    .template-project .close-it:hover, .template-project .close-it:focus {
      background-color: #ffffff;
      color: #000000; }
      .template-project .close-it:hover:after, .template-project .close-it:hover:before, .template-project .close-it:focus:after, .template-project .close-it:focus:before {
        background-color: #000000; }
      .template-project .close-it:hover:after, .template-project .close-it:focus:after {
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      .template-project .close-it:hover:before, .template-project .close-it:focus:before {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .template-project .module--full-screen figure {
    position: relative; }
    .template-project .module--full-screen figure a {
      display: block; }
    .template-project .module--full-screen figure img {
      width: 100%;
      height: auto; }
    .template-project .module--full-screen figure:hover .caption, .template-project .module--full-screen figure:focus .caption {
      opacity: 1.0; }
    .template-project .module--full-screen figure figcaption {
      position: absolute;
      left: 25px;
      bottom: 25px;
      opacity: 0;
      transition: opacity 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .template-project .module--gallery .caption {
    opacity: 1.0; }
  .template-project .module--gallery .mobile-pad {
    padding: 25px; }
  .template-project .module--gallery .image {
    position: relative;
    background-color: #000000; }
    .template-project .module--gallery .image a {
      transition: opacity 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
    .template-project .module--gallery .image.hovered a {
      opacity: 0.25; }
    .template-project .module--gallery .image:after {
      content: 'A';
      width: 64px;
      height: 64px;
      position: absolute;
      left: 25px;
      bottom: 0px;
      color: #ffffff;
      text-align: center;
      line-height: 64px;
      border-top: 2px #ffffff solid; }
    .template-project .module--gallery .image:nth-child(1):after {
      content: 'A'; }
    .template-project .module--gallery .image:nth-child(2):after {
      content: 'B'; }
    .template-project .module--gallery .image:nth-child(3):after {
      content: 'C'; }
    .template-project .module--gallery .image:nth-child(4):after {
      content: 'D'; }
    .template-project .module--gallery .image:nth-child(5):after {
      content: 'E'; }
    .template-project .module--gallery .image:nth-child(6):after {
      content: 'F'; }
    .template-project .module--gallery .image:nth-child(7):after {
      content: 'G'; }
    .template-project .module--gallery .image:nth-child(8):after {
      content: 'H'; }
    .template-project .module--gallery .image:nth-child(9):after {
      content: 'I'; }
    .template-project .module--gallery .image:nth-child(10):after {
      content: 'J'; }
    .template-project .module--gallery .image:nth-child(11):after {
      content: 'KR'; }
  .template-project .module--gallery .caption-list {
    margin-left: 0px !important; }
    .template-project .module--gallery .caption-list .grid__item {
      padding-top: 12.5px;
      border-bottom: 1px #ffffff solid;
      padding-bottom: 12.5px;
      transition: opacity 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
      cursor: pointer; }
      .template-project .module--gallery .caption-list .grid__item .caption-actual {
        display: block;
        position: relative;
        padding-left: 75px; }
        .template-project .module--gallery .caption-list .grid__item .caption-actual:after {
          content: '';
          position: absolute;
          left: 5px;
          top: 50%;
          border: 1px #ffffff solid;
          width: 10px;
          height: 10px;
          border-radius: 100%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
        .template-project .module--gallery .caption-list .grid__item .caption-actual:before {
          position: absolute;
          left: 25px;
          font-size: 1.25em;
          line-height: 1;
          top: 50%;
          -ms-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
      .template-project .module--gallery .caption-list .grid__item.caption-grouping {
        position: relative; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(1) .caption-actual:before {
          content: 'A'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(2) .caption-actual:before {
          content: 'B'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(3) .caption-actual:before {
          content: 'C'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(4) .caption-actual:before {
          content: 'D'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(5) .caption-actual:before {
          content: 'E'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(6) .caption-actual:before {
          content: 'F'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(7) .caption-actual:before {
          content: 'G'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(8) .caption-actual:before {
          content: 'H'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(9) .caption-actual:before {
          content: 'I'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(10) .caption-actual:before {
          content: 'J'; }
        .template-project .module--gallery .caption-list .grid__item.caption-grouping:nth-child(11) .caption-actual:before {
          content: 'KR'; }

/*
----------------------------------------
Maginific Popup
----------------------------------------
*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000000;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #FFF;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #FFF; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  /*  background: transparent;*/
  /*  border: 0;*/
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  background-color: transparent;
  text-indent: 100%;
  overflow: hidden;
  width: 100px !important;
  height: 100px !important;
  position: fixed;
  border: 2px #ffffff solid;
  right: 50px;
  top: 50px;
  cursor: pointer;
  transition: opacity 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95);
  text-align: center;
  font-size: 4em;
  line-height: 100px;
  font-weight: lighter; }
  .mfp-close:before {
    width: 80px;
    height: 2px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    left: 7.5px;
    top: 50%;
    margin-top: -1px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: transform 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mfp-close:after {
    width: 80px;
    height: 2px;
    background-color: #ffffff;
    content: '';
    position: absolute;
    left: 7.5px;
    top: 50%;
    margin-top: -1px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
  .mfp-close:hover, .mfp-close:focus {
    background-color: #ffffff;
    color: #000000; }
    .mfp-close:hover:after, .mfp-close:hover:before, .mfp-close:focus:after, .mfp-close:focus:before {
      background-color: #000000; }
    .mfp-close:hover:after, .mfp-close:focus:after {
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg); }
    .mfp-close:hover:before, .mfp-close:focus:before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  text-align: right;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  white-space: nowrap; }

.mfp-arrow {
  position: fixed;
  opacity: 100%;
  margin: 0;
  right: 50px;
  top: 225px;
  border: 2px white solid;
  margin-top: -55px;
  padding: 0;
  width: 100px;
  height: 100px;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    background-color: white; }

.mfp-arrow-right {
  background: url(../images/arrow-right.svg) center center;
  background-size: 60%;
  background-repeat: no-repeat;
  top: 350px; }
  .mfp-arrow-right:hover, .mfp-arrow-right:focus {
    background-image: url(../images/arrow-right-bk.svg) !important; }

.mfp-arrow-left {
  background: url(../images/arrow-left.svg) center center;
  background-size: 60%;
  background-repeat: no-repeat; }
  .mfp-arrow-left:hover, .mfp-arrow-left:focus {
    background-image: url(../images/arrow-left-bk.svg) !important; }

.mfp-iframe-holder {
  padding-top: 50px;
  padding-bottom: 50px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -50px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 50px 0 50px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50px;
  bottom: 50px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);*/
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  width: calc(100% - 100px);
  left: 50px;
  bottom: 0px;
  position: fixed;
  display: none; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@keyframes blink-animation {
  to {
    visibility: hidden; } }

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden; } }

/*********************
LARGER MOBILE DEVICES
*********************/
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
  /*
----------------------------------------
Layout & Grid
----------------------------------------
*/
  .wrap {
    padding-left: 50px;
    padding-right: 50px; }
  /*
----------------------------------------
Index
----------------------------------------
*/
  .template-home main .left-panel, .template-home main .right-panel,
  .template-projects main .left-panel,
  .template-projects main .right-panel {
    width: 50%;
    height: 100%; }
  .template-home #l img,
  .template-projects #l img {
    max-width: none;
    height: 100%;
    width: auto; }
  /*
----------------------------------------
Index
----------------------------------------
*/
  .template-contact .content, .template-project .content {
    margin-top: 0px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px; }
    .template-contact .content p, .template-project .content p {
      margin: 0;
      hyphens: none; } }

/*********************
DESKTOP
*********************/
@media only screen and (min-width: 1030px) {
  /*
----------------------------------------
General
----------------------------------------
*/
  .mobile-only {
    display: none !important; }
  .desktop-only {
    display: block !important; }
  /*
----------------------------------------
Layout & Grid
----------------------------------------
*/
  .wrap {
    padding-left: 200px;
    padding-right: 50px; }
  .m-b {
    margin-bottom: 50px; }
  #mc-form {
    width: 75%; }
  /*
----------------------------------------
Header
----------------------------------------
*/
  header {
    background-color: transparent; }
  .template-contact header, .template-project header {
    position: static;
    height: 0px; }
  .template-contact h2.ms, .template-project h2.ms {
    position: fixed;
    left: 50px;
    margin-top: 0px;
    margin-left: -112px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: center top; }
  .template-contact .menu-item, .template-project .menu-item {
    width: 100px;
    height: 100px;
    background-color: transparent;
    border: 2px #ffffff solid; }
    .template-contact .menu-item:hover, .template-contact .menu-item:focus, .template-project .menu-item:hover, .template-project .menu-item:focus {
      background-color: #ffffff; }
  .template-contact .menu-item--projects, .template-project .menu-item--projects {
    position: fixed;
    top: auto;
    left: 50px;
    bottom: 50px;
    margin-left: 0px; }
  /*
----------------------------------------
Navigation
----------------------------------------
*/
  nav ul {
    margin: 0; }
    nav ul li a {
      position: relative; }
      nav ul li a:after {
        font-size: 4em;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        text-align: center;
        color: #ffffff;
        text-indent: 0px;
        font-weight: lighter; }
      nav ul li a:hover:after, nav ul li a:focus:after {
        color: #000000; }
  .template-project .menu-item--projects a, .template-contact .menu-item--projects a {
    background-image: url(../images/projects.svg); }
    .template-project .menu-item--projects a:hover, .template-project .menu-item--projects a:focus, .template-contact .menu-item--projects a:hover, .template-contact .menu-item--projects a:focus {
      background-image: url(../images/projects-bk.svg);
      background-color: #ffffff; }
  /*
----------------------------------------
Index
----------------------------------------
*/
  .template-home h1.ms, .template-projects h1.ms {
    width: calc(50% - 50px);
    left: auto;
    right: 50px;
    background-size: 224px;
    background-repeat: no-repeat; }
    .template-home h1.ms:hover, .template-home h1.ms:focus,
    .template-projects h1.ms:hover,
    .template-projects h1.ms:focus {
      background-position: center center; }
  .template-home nav .menu-item, .template-projects nav .menu-item {
    width: calc(50% - 50px);
    left: auto;
    right: 50px;
    font-size: 48px;
    margin: 0px !important; }
    .template-home nav .menu-item:hover, .template-home nav .menu-item:focus,
    .template-projects nav .menu-item:hover,
    .template-projects nav .menu-item:focus {
      color: #482e84; }
    .template-home nav .menu-item:after, .template-projects nav .menu-item:after {
      height: calc(50vh - 203px);
      top: 75px; }
  .template-home nav .menu-item--projects, .template-projects nav .menu-item--projects {
    top: 25px; }
  .template-home nav .menu-item--about, .template-projects nav .menu-item--about {
    bottom: 25px; }
    .template-home nav .menu-item--about:after, .template-projects nav .menu-item--about:after {
      top: auto;
      bottom: 75px; }
  .template-home main, .template-projects main {
    padding: 25px; }
  /*
----------------------------------------
About & Contact
----------------------------------------
*/
  .template-contact .menu-item--about {
    display: none !important; }
  .template-contact main {
    margin: 50px auto; }
  .template-contact h3, .template-contact #footer-text {
    font-size: 3.75em; }
  .template-contact #footer-text {
    line-height: 0.85;
    padding-bottom: 0px; }
  /*
----------------------------------------
Projects
----------------------------------------
*/
  .template-project {
    /* General Setup */
    /* Text Content */
    /* Media */
    /* Video */
    /* Full Screen Image */
    /* Gallery */ }
    .template-project .text {
      display: block; }
    .template-project.text-open .text:hover, .template-project.text-open .text:focus {
      color: #ffffff !important; }
      .template-project.text-open .text:hover a, .template-project.text-open .text:focus a {
        color: #ffffff !important; }
        .template-project.text-open .text:hover a:hover, .template-project.text-open .text:hover a:focus, .template-project.text-open .text:focus a:hover, .template-project.text-open .text:focus a:focus {
          color: #000000 !important; }
      .template-project.text-open .text:hover .btn, .template-project.text-open .text:hover hr, .template-project.text-open .text:focus .btn, .template-project.text-open .text:focus hr {
        border-color: #ffffff !important; }
    .template-project .text:hover {
      color: #482e84; }
      .template-project .text:hover a {
        color: #482e84; }
      .template-project .text:hover .btn {
        border-color: #482e84; }
      .template-project .text:hover hr {
        border-color: #482e84; }
    .template-project .caption {
      opacity: 0; }
    .template-project main.main {
      padding-bottom: 0px; }
    .template-project .menu-item--about {
      position: fixed;
      top: auto;
      left: 50px;
      bottom: 50px;
      margin-left: 0px; }
    .template-project .menu-item--projects {
      display: none !important; }
    .template-project .pagination-item {
      position: fixed;
      width: 100px;
      height: 100px; }
    .template-project h2.ms:hover, .template-project h2.ms:focus, .template-project .menu-item:hover, .template-project .menu-item:focus, .template-project .pagination-item:hover, .template-project .pagination-item:focus {
      z-index: 999; }
    .template-project article {
      right: 0px;
      padding-left: 0px;
      padding-right: 50px;
      padding-top: 0px;
      padding-bottom: 0px;
      /*		position: fixed;
		overflow:hidden;
		height: 100%;*/ }
      .template-project article h1 {
        position: fixed;
        cursor: pointer;
        right: 50px;
        top: 50px;
        width: 50vw;
        text-align: right;
        z-index: 999;
        line-height: 78px;
        margin: 0;
        text-transform: uppercase;
        font-size: 87px;
        word-break: break-word; }
      .template-project article .text {
        position: fixed;
        cursor: pointer;
        width: 50vw;
        right: 50px;
        margin-left: auto;
        font-size: 1.5em;
        opacity: 1.0; }
    .template-project .full-wrap {
      width: 100%;
      height: calc(100vh - 200px);
      margin-bottom: 100px; }
      .template-project .full-wrap.module--full-screen {
        height: auto;
        margin-bottom: 100px; }
      .template-project .full-wrap.module--gallery {
        height: auto;
        margin-bottom: 100px; }
        .template-project .full-wrap.module--gallery .grid__item {
          margin-bottom: 25px; }
          .template-project .full-wrap.module--gallery .grid__item .grid__item {
            margin-bottom: 0px; }
    .template-project .media {
      position: relative;
      z-index: 998;
      width: calc(100vw - 200px);
      left: 100px;
      top: 100px;
      pointer-events: none; }
    .template-project .video-container {
      cursor: pointer;
      padding: 0px;
      height: 100%;
      position: relative;
      margin-bottom: 0px;
      overflow: hidden;
      pointer-events: auto;
      box-sizing: content-box !important;
      border: 8px transparent solid; }
      .template-project .video-container video {
        max-width: none !important;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .template-project .video-container:hover, .template-project .video-container:focus {
        border: 8px #482e84 solid; }
      .template-project .video-container div.caption {
        display: block; }
    .template-project .module--full-screen {
      pointer-events: auto; }
      .template-project .module--full-screen figure:hover .caption, .template-project .module--full-screen figure:focus .caption {
        opacity: 1.0; }
    .template-project .module--gallery {
      pointer-events: auto; }
      .template-project .module--gallery .mobile-pad {
        padding: 0px; }
      .template-project .module--gallery .caption-list {
        margin-left: -25px !important; }
      .template-project .module--gallery .caption-grouping {
        margin-left: 115px;
        padding-left: 0px;
        width: calc(100% - 190px); }
  /* When Text is Open */
  body.text-open {
    overflow: hidden; }
    body.text-open h1 {
      position: static;
      margin-bottom: 37px; }
    body.text-open .text {
      opacity: 1 !important;
      color: #ffffff !important;
      background-color: transparent !important;
      position: static; }
    body.text-open article {
      padding-top: 50px;
      padding-bottom: 50px;
      z-index: 999;
      height: 100%;
      position: fixed;
      overflow: scroll; }
    body.text-open h2 {
      z-index: 2; }
    body.text-open .template-project .menu-item--about,
    body.text-open .template-project .menu-item--projects,
    body.text-open .template-project .pagination-item {
      z-index: 2; }
    body.text-open .media {
      z-index: 1;
      opacity: 0.25;
      cursor: pointer;
      pointer-events: auto; }
  /* When Video is Open */
  body.video-open {
    overflow: hidden; }
    body.video-open h1 {
      display: none; }
    body.video-open .active .close-it {
      display: block;
      opacity: 0.0; }
    body.video-open .video-container.active {
      border: 0px !important; }
    body.video-open.mouse .active div.caption, body.video-open.mouse .active .close-it {
      opacity: 1 !important; }
    body.video-open.l-o .video-container.active video {
      width: 100%;
      height: auto;
      transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
    body.video-open.p-o .video-container.active video {
      height: 100%;
      width: auto;
      transition: all 300ms cubic-bezier(0.57, 0.06, 0.05, 0.95); }
    body.video-open .video-container.active {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999; }
      body.video-open .video-container.active video {
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }

/*********************
LARGE VIEWING SIZE
*********************/
/*********************
RETINA (2x RESOLUTION DEVICES)
*********************/
/*********************
PRINT STYLESHEET
*********************/
@media print {
  /*
----------------------------------------
Print
----------------------------------------
*/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none; } }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

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