@charset "UTF-8";
/*Begins all opensource materials, do not modify*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

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

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

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

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

/*------------------------------------*\
  $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
  * CONTENTS
  * INTRODUCTION.........How the grid system works.
  * VARIABLES............Your settings.
  * MIXINS...............Library mixins.
  * GRID SETUP...........Build the grid structure.
  * WIDTHS...............Build our responsive widths around our breakpoints.
  * PUSH.................Push classes.
  * PULL.................Pull classes.
*/
/*------------------------------------*\
  $INTRODUCTION
\*------------------------------------*/
/**
  * csswizardry grids provides you with widths to suit a number of breakpoints
  * designed around devices of a size you specify. Out of the box, csswizardry 
  * grids caters to the following types of device:
  *
  * small -- palm-based devices, like phones and small tablets
  * medium -- lap-based devices, like iPads or laptops
  * small-med -- all of the above
  * large -- stationary devices, like desktop computers
  * regular -- any/all types of device
  *
  * These namespaces are then used in the library to give you the ability to
  * manipulate your layouts based around them, for example:
  *
	<div class="grid__unit one-whole medium--one-half large--one-third">
  *
  * This would give you a grid item which is 100% width unless it is on a medium
  * device, at which point it become 50% wide, or it is on a desktop device, at
  * which point it becomes 33.333% width.
  *
  * csswizardry grids also has push and pull classes which allow you to nudge
  * grid items left and right by a defined amount. These follow the same naming
  * convention as above, but are prepended by either `push--` or `pull--`, for
  * example:
  *
	`class="grid__unit one-half push--one-half"`
  *
  * This would give you a grid item which is 50% width and pushed over to the
  * right by 50%.
  *
  * All classes in csswizardry grids follow this patten, so you should fairly
  * quickly be able to piece together any combinations you can imagine, for
  * example:
  *
	`class="grid__unit one-whole medium--one-half large--one-third push--large--one-third"`
  *
	`class="grid__unit one-quarter small--one-half push--small--one-half"`
  *
	`class="grid__unit small--one-third large--five-twelfths"`
  */
/*------------------------------------*\
$VARIABLES
\*------------------------------------*/
/**
  * If you are building a non-responsive site but would still like to use
  * csswizardry-grids, set this to ‘false’:
  */
/**
  * Is this build mobile first? Setting to ‘true’ means that all grids will be
  * 100% width if you do not apply a more specific class to them.
*/
/**
  * Set the spacing between your grid items.
*/
/**
  * Would you like Sass’ silent classes, or regular CSS classes?
*/
/**
  * Would you like push and pull classes enabled?
*/
/**
  * Using `inline-block` means that the grid items need their whitespace removing
  * in order for them to work correctly. Set the following to true if you are
  * going to achieve this by manually removing/commenting out any whitespace in
  * your HTML yourself.
  *
  * Setting this to false invokes a hack which cannot always be guaranteed,
  * please see the following for more detail:
  *
  * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
  * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
*/
/**
  * Define your breakpoints. The first value is the prefix that shall be used for
  * your classes (e.g. `.small--one-half`), the second value is the media query
  * that the breakpoint fires at.
*/
/**
  * Define which namespaced breakpoints you would like to generate for each of
  * widths, push and pull. This is handy if you only need pull on, say, desk, or
  * you only need a new width breakpoint at mobile sizes. It allows you to only
  * compile as much CSS as you need. All are turned on by default, but you can
  * add and remove breakpoints at will.
  *
  * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
  * have been set to ‘true’.
*/
/**
  * You do not need to edit anything from this line onward; csswizardry-grids is
  * good to go. Happy griddin’!
*/
/*------------------------------------*\
$MIXINS
\*------------------------------------*/
/**
  * These mixins are for the library to use only, you should not need to modify
  * them at all.
  *
  * Enclose a block of code with a media query as named in `$breakpoints`.
*/
/**
  * 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 {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -24px;
  /* [3] */
  *zoom: 1;
}
.grid:before, .grid:after {
  display: table;
  content: "";
}
.grid:after {
  clear: both;
}

/**
  * 1. Cause columns to stack side-by-side.
  * 2. Space columns apart.
  * 3. Align columns to the tops of each other.
  * 4. Full-width unless told to behave otherwise.
  * 5. Required to combine fluid widths and fixed gutters.
*/
.grid__unit {
  float: left;
  padding-left: 24px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  min-height: 1px;
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
}

/**
  * Reversed grids allow you to structure your source in the opposite order to
  * how your rendered layout will appear. Extends `.grid`.
*/
.grid--rev > .grid__unit {
  float: right;
}

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

/**
  * Align the entire grid to the right. Extends `.grid`.
*/
.grid--right {
  text-align: right;
}
.grid--right > .grid__unit {
  text-align: left;
}

/**
  * Centered grids align grid items centrally without needing to use push or pull
  * classes. Extends `.grid`.
*/
.grid--center {
  text-align: center;
}
.grid--center > .grid__unit {
  text-align: left;
}

/**
  * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
  * `.grid`.
*/
.grid--middle > .grid__unit {
  vertical-align: middle;
}

.grid--bottom > .grid__unit {
  vertical-align: bottom;
}

/**
  * Create grids with narrower gutters. Extends `.grid`.
*/
.grid--narrow {
  margin-left: -12px;
}
.grid--narrow > .grid__unit {
  padding-left: 12px;
}

/**
  * Create grids with wider gutters. Extends `.grid`.
*/
.grid--wide {
  margin-left: -48px;
}
.grid--wide > .grid__unit {
  padding-left: 48px;
}

/*------------------------------------*\
$WIDTHS
\*------------------------------------*/
/**
  * Create our width classes, prefixed by the specified namespace.
  */
/**
* Our regular, non-responsive width classes.
*/
/**
  * Whole
*/
.one-whole {
  width: 100%;
}

/**
  * Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
  * Thirds
*/
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%;
}

/**
  * Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

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

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

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

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

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

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

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

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

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

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
* Our responsive classes, if we have enabled them.
*/
@media all and (min-width: 600px) and (max-width: 999px) {
  /**
	* Whole
  */
  .medium--one-whole {
	width: 100%;
  }

  /**
	* Halves
  */
  .medium--one-half, .medium--two-quarters, .medium--three-sixths, .medium--four-eighths, .medium--five-tenths, .medium--six-twelfths {
	width: 50%;
  }

  /**
	* Thirds
  */
  .medium--one-third, .medium--two-sixths, .medium--four-twelfths {
	width: 33.333%;
  }

  .medium--two-thirds, .medium--four-sixths, .medium--eight-twelfths {
	width: 66.666%;
  }

  /**
	* Quarters
  */
  .medium--one-quarter, .medium--two-eighths, .medium--three-twelfths {
	width: 25%;
  }

  .medium--three-quarters, .medium--six-eighths, .medium--nine-twelfths {
	width: 75%;
  }

  /**
	* Fifths
  */
  .medium--one-fifth, .medium--two-tenths {
	width: 20%;
  }

  .medium--two-fifths, .medium--four-tenths {
	width: 40%;
  }

  .medium--three-fifths, .medium--six-tenths {
	width: 60%;
  }

  .medium--four-fifths, .medium--eight-tenths {
	width: 80%;
  }

  /**
	* Sixths
  */
  .medium--one-sixth, .medium--two-twelfths {
	width: 16.666%;
  }

  .medium--five-sixths, .medium--ten-twelfths {
	width: 83.333%;
  }

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

  .medium--three-eighths {
	width: 37.5%;
  }

  .medium--five-eighths {
	width: 62.5%;
  }

  .medium--seven-eighths {
	width: 87.5%;
  }

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

  .medium--three-tenths {
	width: 30%;
  }

  .medium--seven-tenths {
	width: 70%;
  }

  .medium--nine-tenths {
	width: 90%;
  }

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

  .medium--five-twelfths {
	width: 41.666%;
  }

  .medium--seven-twelfths {
	width: 58.333%;
  }

  .medium--eleven-twelfths {
	width: 91.666%;
  }
}
@media all and (max-width: 999px) {
  /**
	* Whole
  */
  .small-med--one-whole {
	width: 100%;
  }

  /**
	* Halves
  */
  .small-med--one-half, .small-med--two-quarters, .small-med--three-sixths, .small-med--four-eighths, .small-med--five-tenths, .small-med--six-twelfths {
	width: 50%;
  }

  /**
	* Thirds
  */
  .small-med--one-third, .small-med--two-sixths, .small-med--four-twelfths {
	width: 33.333%;
  }

  .small-med--two-thirds, .small-med--four-sixths, .small-med--eight-twelfths {
	width: 66.666%;
  }

  /**
	* Quarters
  */
  .small-med--one-quarter, .small-med--two-eighths, .small-med--three-twelfths {
	width: 25%;
  }

  .small-med--three-quarters, .small-med--six-eighths, .small-med--nine-twelfths {
	width: 75%;
  }

  /**
	* Fifths
  */
  .small-med--one-fifth, .small-med--two-tenths {
	width: 20%;
  }

  .small-med--two-fifths, .small-med--four-tenths {
	width: 40%;
  }

  .small-med--three-fifths, .small-med--six-tenths {
	width: 60%;
  }

  .small-med--four-fifths, .small-med--eight-tenths {
	width: 80%;
  }

  /**
	* Sixths
  */
  .small-med--one-sixth, .small-med--two-twelfths {
	width: 16.666%;
  }

  .small-med--five-sixths, .small-med--ten-twelfths {
	width: 83.333%;
  }

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

  .small-med--three-eighths {
	width: 37.5%;
  }

  .small-med--five-eighths {
	width: 62.5%;
  }

  .small-med--seven-eighths {
	width: 87.5%;
  }

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

  .small-med--three-tenths {
	width: 30%;
  }

  .small-med--seven-tenths {
	width: 70%;
  }

  .small-med--nine-tenths {
	width: 90%;
  }

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

  .small-med--five-twelfths {
	width: 41.666%;
  }

  .small-med--seven-twelfths {
	width: 58.333%;
  }

  .small-med--eleven-twelfths {
	width: 91.666%;
  }
}
@media all and (min-width: 1000px) {
  /**
	* Whole
  */
  .large--one-whole {
	width: 100%;
  }

  /**
	* Halves
  */
  .large--one-half, .large--two-quarters, .large--three-sixths, .large--four-eighths, .large--five-tenths, .large--six-twelfths {
	width: 50%;
  }

  /**
	* Thirds
  */
  .large--one-third, .large--two-sixths, .large--four-twelfths {
	width: 33.333%;
  }

  .large--two-thirds, .large--four-sixths, .large--eight-twelfths {
	width: 66.666%;
  }

  /**
	* Quarters
  */
  .large--one-quarter, .large--two-eighths, .large--three-twelfths {
	width: 25%;
  }

  .large--three-quarters, .large--six-eighths, .large--nine-twelfths {
	width: 75%;
  }

  /**
	* Fifths
  */
  .large--one-fifth, .large--two-tenths {
	width: 20%;
  }

  .large--two-fifths, .large--four-tenths {
	width: 40%;
  }

  .large--three-fifths, .large--six-tenths {
	width: 60%;
  }

  .large--four-fifths, .large--eight-tenths {
	width: 80%;
  }

  /**
	* Sixths
  */
  .large--one-sixth, .large--two-twelfths {
	width: 16.666%;
  }

  .large--five-sixths, .large--ten-twelfths {
	width: 83.333%;
  }

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

  .large--three-eighths {
	width: 37.5%;
  }

  .large--five-eighths {
	width: 62.5%;
  }

  .large--seven-eighths {
	width: 87.5%;
  }

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

  .large--three-tenths {
	width: 30%;
  }

  .large--seven-tenths {
	width: 70%;
  }

  .large--nine-tenths {
	width: 90%;
  }

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

  .large--five-twelfths {
	width: 41.666%;
  }

  .large--seven-twelfths {
	width: 58.333%;
  }

  .large--eleven-twelfths {
	width: 91.666%;
  }
}
/*------------------------------------*\
$PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
*/
/**
  * Not a particularly great selector, but the DRYest way to do things.
*/
[class*="push--"] {
  position: relative;
}

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

/** 
  * Halves
*/
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
  left: 50%;
}

/** 
  * Thirds
*/
.push--one-third, .push--two-sixths, .push--four-twelfths {
  left: 33.333%;
}

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
  left: 66.666%;
}

/** 
  * Quarters
*/
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
  left: 25%;
}

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
  left: 75%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (min-width: 1000px) {
  /**
	* Whole
  */
  .push--large--one-whole {
	left: 100%;
  }

  /** 
	* Halves
  */
  .push--large--one-half, .push--large--two-quarters, .push--large--three-sixths, .push--large--four-eighths, .push--large--five-tenths, .push--large--six-twelfths {
	left: 50%;
  }

  /** 
	* Thirds
  */
  .push--large--one-third, .push--large--two-sixths, .push--large--four-twelfths {
	left: 33.333%;
  }

  .push--large--two-thirds, .push--large--four-sixths, .push--large--eight-twelfths {
	left: 66.666%;
  }

  /** 
	* Quarters
  */
  .push--large--one-quarter, .push--large--two-eighths, .push--large--three-twelfths {
	left: 25%;
  }

  .push--large--three-quarters, .push--large--six-eighths, .push--large--nine-twelfths {
	left: 75%;
  }

  /** 
	* Fifths
  */
  .push--large--one-fifth, .push--large--two-tenths {
	left: 20%;
  }

  .push--large--two-fifths, .push--large--four-tenths {
	left: 40%;
  }

  .push--large--three-fifths, .push--large--six-tenths {
	left: 60%;
  }

  .push--large--four-fifths, .push--large--eight-tenths {
	left: 80%;
  }

  /** 
	* Sixths
  */
  .push--large--one-sixth, .push--large--two-twelfths {
	left: 16.666%;
  }

  .push--large--five-sixths, .push--large--ten-twelfths {
	left: 83.333%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .push--large--eleven-twelfths {
	left: 91.666%;
  }
}
/*------------------------------------*\
  $PULL
\*------------------------------------*/
/**
* Pull classes, to move grid items back to the left by certain amounts.
*/
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  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;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  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-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.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: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}

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

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

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

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

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

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

@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;
  }
}
input:not([data-mask="none"])::-ms-reveal,
input:not([data-mask="none"])::-ms-clear {
  display: none !important;
}

.hideShowPassword-toggle {
  background: transparent;
  border: 0;
  border-radius: 0.25em;
  color: #888;
  font-size: .75em;
  font-weight: bold;
  margin-right: .5em;
  margin-top: .25em;
  padding: .25em .5em;
  text-transform: uppercase;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.hideShowPassword-toggle:hover,
.hideShowPassword-toggle:focus {
  background-color: #eee;
  color: #555;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  width: 240px;
  padding: 8px;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}

.pika-button:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}
.smartbanner-show {
	margin-top: 80px;
}
.smartbanner-show .smartbanner {
	display: block;
}


/** Default **/
.smartbanner {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}

.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}

.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}

.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}

.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}

.smartbanner-title {
	font-size:13px;
	line-height: 18px;
}

.smartbanner-button {
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-button:active, .smartbanner-button:hover {
	color: #aaa;
}

.smartbanner-button-text {
}

.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}


/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-ios .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-ios .smartbanner-info { 
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-ios .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-ios .smartbanner-button-text {
}

.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}


/** Android **/
.smartbanner-android {
	background: #3d3d3d url('../dark_background_stripes.gif');
	box-shadow: inset 0 4px 0 #88B131;
	line-height: 82px;
}

.smartbanner-android .smartbanner-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	margin-right: 7px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
}

.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}

.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}

.smartbanner-android .smartbanner-info {
	color:#ccc;
	text-shadow:0 1px 2px #000;
}

.smartbanner-android .smartbanner-title {
	color:#fff;
	font-weight: bold;
}

.smartbanner-android .smartbanner-button {
	min-width: 12%;
	color: #d1d1d1;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0 0 1px #333, 0 0 0 2px #DDDCDC;
}

.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}

.smartbanner-android .smartbanner-button-text {
	text-align: center;
	display: block;
	padding: 0 10px;
	background: #42B6C9;
	background: linear-gradient(to bottom, #42B6C9, #39A9BB);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}

.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2AC7E1;
}


/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}

.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}

.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}

.smartbanner-windows .smartbanner-icon {
	background: rgba(0,0,0,0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.smartbanner-windows .smartbanner-title {
	color:#4d4d4d;
	font-weight: bold;
}

.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}

.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}

.smartbanner-windows .smartbanner-button-text {
}

.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}