@charset "UTF-8";
/******************************************************************
	
Stylesheet: Main Stylesheet

Here's where the magic happens. Here is where you import
all of your Sass files so they can compile into one
CSS file. 

******************************************************************/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 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 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

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

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants.

******************************************************************/
/*********************
TOOLS
*********************/
.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

/*********************
COLORS
*********************/
/*********************
Breakpoints
*********************/
/*********************
TYPOGRAPHY
*********************/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('assets/fonts/font-name.eot');
    	src: url('assets/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('assets/fonts/font-name.woff') format('woff'),
             url('assets/fonts/font-name.ttf') format('truetype'),
             url('assets/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

/*********************
CSS3 GRADIENTS.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }

/* PreGel Color Palettle */
/* $primary-color: #2199e8; */
/*#5191cd*/
/*inherit*/
/* $dropdownmenu-min-width: 200px; */
/*$light-gray*/
/*$mid-gray*/
/*$medium-gray*/
/* $menu-item-padding: 0.7rem 1rem; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

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

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

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

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

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 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 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 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/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=32em&large=64em&xlarge=75em&xxlarge=90em"; }

body.is-reveal-open {
  overflow: hidden; }

.slide-in-down.mui-enter, .slide-in-left.mui-enter, .slide-in-up.mui-enter, .slide-in-right.mui-enter, .slide-out-down.mui-leave, .slide-out-right.mui-leave, .slide-out-up.mui-leave, .slide-out-left.mui-leave, .fade-in.mui-enter, .fade-out.mui-leave, .hinge-in-from-top.mui-enter, .hinge-in-from-right.mui-enter, .hinge-in-from-bottom.mui-enter, .hinge-in-from-left.mui-enter, .hinge-in-from-middle-x.mui-enter, .hinge-in-from-middle-y.mui-enter, .hinge-out-from-top.mui-leave, .hinge-out-from-right.mui-leave, .hinge-out-from-bottom.mui-leave, .hinge-out-from-left.mui-leave, .hinge-out-from-middle-x.mui-leave, .hinge-out-from-middle-y.mui-leave, .scale-in-up.mui-enter, .scale-in-down.mui-enter, .scale-out-up.mui-leave, .scale-out-down.mui-leave, .spin-in.mui-enter, .spin-out.mui-leave, .spin-in-ccw.mui-enter, .spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear; }

.slide-in-down.mui-enter {
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-left.mui-enter {
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-in-up.mui-enter {
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0); }

.slide-in-right.mui-enter {
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0); }

.slide-out-down.mui-leave {
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-right.mui-leave {
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%); }

.slide-out-up.mui-leave {
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%); }

.slide-out-left.mui-leave {
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden; }

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%); }

.fade-in.mui-enter {
  opacity: 0;
  transition-property: opacity; }

.fade-in.mui-enter.mui-enter-active {
  opacity: 1; }

.fade-out.mui-leave {
  opacity: 1;
  transition-property: opacity; }

.fade-out.mui-leave.mui-leave-active {
  opacity: 0; }

.hinge-in-from-top.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-right.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-bottom.mui-enter {
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-left.mui-enter {
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-x.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-in-from-middle-y.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0; }

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1; }

.hinge-out-from-top.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-right.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.hinge-out-from-bottom.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0; }

.hinge-out-from-left.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0; }

.hinge-out-from-middle-x.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0; }

.hinge-out-from-middle-y.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1; }

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0; }

.scale-in-up.mui-enter {
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-in-down.mui-enter {
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0; }

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1; }

.scale-out-up.mui-leave {
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0; }

.scale-out-down.mui-leave {
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1; }

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0; }

.spin-in.mui-enter {
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out.mui-leave {
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0; }

.spin-in-ccw.mui-enter {
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0; }

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1; }

.spin-out-ccw.mui-leave {
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1; }

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0; }

.slow {
  transition-duration: 750ms !important; }

.fast {
  transition-duration: 250ms !important; }

.linear {
  transition-timing-function: linear !important; }

.ease {
  transition-timing-function: ease !important; }

.ease-in {
  transition-timing-function: ease-in !important; }

.ease-out {
  transition-timing-function: ease-out !important; }

.ease-in-out {
  transition-timing-function: ease-in-out !important; }

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  transition-delay: 300ms !important; }

.long-delay {
  transition-delay: 700ms !important; }

.shake {
  animation-name: shake-7; }

@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%); }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%); } }

.spin-cw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn); }
  100% {
    transform: rotate(0); } }

.spin-ccw {
  animation-name: spin-cw-1turn; }

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

.wiggle {
  animation-name: wiggle-7deg; }

@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg); }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg); }
  0%, 30%, 70%, 100% {
    transform: rotate(0); } }

.infinite {
  animation-iteration-count: infinite; }

.slow {
  animation-duration: 750ms !important; }

.fast {
  animation-duration: 250ms !important; }

.linear {
  animation-timing-function: linear !important; }

.ease {
  animation-timing-function: ease !important; }

.ease-in {
  animation-timing-function: ease-in !important; }

.ease-out {
  animation-timing-function: ease-out !important; }

.ease-in-out {
  animation-timing-function: ease-in-out !important; }

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }

.short-delay {
  animation-delay: 300ms !important; }

.long-delay {
  animation-delay: 700ms !important; }

html,
body {
  font-size: 100%;
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  padding: 0;
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }

.row {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto; }
  .row::before, .row::after {
    content: ' ';
    display: table; }
  .row::after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; }
    .row .row.collapse {
      margin-left: 0;
      margin-right: 0; }
  .row.small-collapse > .column, .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
    padding-left: 30px;
    padding-right: 30px; }
  @media screen and (min-width: 32em) {
    .row.medium-collapse > .column, .row.medium-collapse > .columns {
      padding-left: 0;
      padding-right: 0; }
    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 64em) {
    .row.large-collapse > .column, .row.large-collapse > .columns {
      padding-left: 0;
      padding-right: 0; }
    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
      padding-left: 30px;
      padding-right: 30px; } }
  .row.expanded {
    max-width: none; }

.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right; }
  .column.end:last-child, .end.columns:last-child {
    float: left; }

.column.row.row, .row.row.columns {
  float: none; }

.small-1 {
  width: 8.3333333333%; }

.small-push-1 {
  position: relative;
  left: 8.3333333333%; }

.small-pull-1 {
  position: relative;
  left: -8.3333333333%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  width: 16.6666666667%; }

.small-push-2 {
  position: relative;
  left: 16.6666666667%; }

.small-pull-2 {
  position: relative;
  left: -16.6666666667%; }

.small-offset-1 {
  margin-left: 8.3333333333%; }

.small-3 {
  width: 25%; }

.small-push-3 {
  position: relative;
  left: 25%; }

.small-pull-3 {
  position: relative;
  left: -25%; }

.small-offset-2 {
  margin-left: 16.6666666667%; }

.small-4 {
  width: 33.3333333333%; }

.small-push-4 {
  position: relative;
  left: 33.3333333333%; }

.small-pull-4 {
  position: relative;
  left: -33.3333333333%; }

.small-offset-3 {
  margin-left: 25%; }

.small-5 {
  width: 41.6666666667%; }

.small-push-5 {
  position: relative;
  left: 41.6666666667%; }

.small-pull-5 {
  position: relative;
  left: -41.6666666667%; }

.small-offset-4 {
  margin-left: 33.3333333333%; }

.small-6 {
  width: 50%; }

.small-push-6 {
  position: relative;
  left: 50%; }

.small-pull-6 {
  position: relative;
  left: -50%; }

.small-offset-5 {
  margin-left: 41.6666666667%; }

.small-7 {
  width: 58.3333333333%; }

.small-push-7 {
  position: relative;
  left: 58.3333333333%; }

.small-pull-7 {
  position: relative;
  left: -58.3333333333%; }

.small-offset-6 {
  margin-left: 50%; }

.small-8 {
  width: 66.6666666667%; }

.small-push-8 {
  position: relative;
  left: 66.6666666667%; }

.small-pull-8 {
  position: relative;
  left: -66.6666666667%; }

.small-offset-7 {
  margin-left: 58.3333333333%; }

.small-9 {
  width: 75%; }

.small-push-9 {
  position: relative;
  left: 75%; }

.small-pull-9 {
  position: relative;
  left: -75%; }

.small-offset-8 {
  margin-left: 66.6666666667%; }

.small-10 {
  width: 83.3333333333%; }

.small-push-10 {
  position: relative;
  left: 83.3333333333%; }

.small-pull-10 {
  position: relative;
  left: -83.3333333333%; }

.small-offset-9 {
  margin-left: 75%; }

.small-11 {
  width: 91.6666666667%; }

.small-push-11 {
  position: relative;
  left: 91.6666666667%; }

.small-pull-11 {
  position: relative;
  left: -91.6666666667%; }

.small-offset-10 {
  margin-left: 83.3333333333%; }

.small-12 {
  width: 100%; }

.small-offset-11 {
  margin-left: 91.6666666667%; }

.small-up-1 .column, .small-up-1 .columns {
  width: 100%;
  float: left; }
  .small-up-1 .column:nth-of-type(1n), .small-up-1 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-1 .column:nth-of-type(1n+1), .small-up-1 .columns:nth-of-type(1n+1) {
    clear: both; }
  .small-up-1 .column:last-child, .small-up-1 .columns:last-child {
    float: left; }

.small-up-2 .column, .small-up-2 .columns {
  width: 50%;
  float: left; }
  .small-up-2 .column:nth-of-type(1n), .small-up-2 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-2 .column:nth-of-type(2n+1), .small-up-2 .columns:nth-of-type(2n+1) {
    clear: both; }
  .small-up-2 .column:last-child, .small-up-2 .columns:last-child {
    float: left; }

.small-up-3 .column, .small-up-3 .columns {
  width: 33.3333333333%;
  float: left; }
  .small-up-3 .column:nth-of-type(1n), .small-up-3 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-3 .column:nth-of-type(3n+1), .small-up-3 .columns:nth-of-type(3n+1) {
    clear: both; }
  .small-up-3 .column:last-child, .small-up-3 .columns:last-child {
    float: left; }

.small-up-4 .column, .small-up-4 .columns {
  width: 25%;
  float: left; }
  .small-up-4 .column:nth-of-type(1n), .small-up-4 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-4 .column:nth-of-type(4n+1), .small-up-4 .columns:nth-of-type(4n+1) {
    clear: both; }
  .small-up-4 .column:last-child, .small-up-4 .columns:last-child {
    float: left; }

.small-up-5 .column, .small-up-5 .columns {
  width: 20%;
  float: left; }
  .small-up-5 .column:nth-of-type(1n), .small-up-5 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-5 .column:nth-of-type(5n+1), .small-up-5 .columns:nth-of-type(5n+1) {
    clear: both; }
  .small-up-5 .column:last-child, .small-up-5 .columns:last-child {
    float: left; }

.small-up-6 .column, .small-up-6 .columns {
  width: 16.6666666667%;
  float: left; }
  .small-up-6 .column:nth-of-type(1n), .small-up-6 .columns:nth-of-type(1n) {
    clear: none; }
  .small-up-6 .column:nth-of-type(6n+1), .small-up-6 .columns:nth-of-type(6n+1) {
    clear: both; }
  .small-up-6 .column:last-child, .small-up-6 .columns:last-child {
    float: left; }

.column.small-centered, .small-centered.columns {
  float: none;
  margin-left: auto;
  margin-right: auto; }

.small-uncenter,
.small-push-0,
.small-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0; }

@media screen and (min-width: 32em) {
  .medium-1 {
    width: 8.3333333333%; }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%; }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    width: 16.6666666667%; }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%; }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%; }
  .medium-offset-1 {
    margin-left: 8.3333333333%; }
  .medium-3 {
    width: 25%; }
  .medium-push-3 {
    position: relative;
    left: 25%; }
  .medium-pull-3 {
    position: relative;
    left: -25%; }
  .medium-offset-2 {
    margin-left: 16.6666666667%; }
  .medium-4 {
    width: 33.3333333333%; }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%; }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%; }
  .medium-offset-3 {
    margin-left: 25%; }
  .medium-5 {
    width: 41.6666666667%; }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%; }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%; }
  .medium-offset-4 {
    margin-left: 33.3333333333%; }
  .medium-6 {
    width: 50%; }
  .medium-push-6 {
    position: relative;
    left: 50%; }
  .medium-pull-6 {
    position: relative;
    left: -50%; }
  .medium-offset-5 {
    margin-left: 41.6666666667%; }
  .medium-7 {
    width: 58.3333333333%; }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%; }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%; }
  .medium-offset-6 {
    margin-left: 50%; }
  .medium-8 {
    width: 66.6666666667%; }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%; }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%; }
  .medium-offset-7 {
    margin-left: 58.3333333333%; }
  .medium-9 {
    width: 75%; }
  .medium-push-9 {
    position: relative;
    left: 75%; }
  .medium-pull-9 {
    position: relative;
    left: -75%; }
  .medium-offset-8 {
    margin-left: 66.6666666667%; }
  .medium-10 {
    width: 83.3333333333%; }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%; }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%; }
  .medium-offset-9 {
    margin-left: 75%; }
  .medium-11 {
    width: 91.6666666667%; }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%; }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%; }
  .medium-offset-10 {
    margin-left: 83.3333333333%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-11 {
    margin-left: 91.6666666667%; }
  .medium-up-1 .column, .medium-up-1 .columns {
    width: 100%;
    float: left; }
    .medium-up-1 .column:nth-of-type(1n), .medium-up-1 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-1 .column:nth-of-type(1n+1), .medium-up-1 .columns:nth-of-type(1n+1) {
      clear: both; }
    .medium-up-1 .column:last-child, .medium-up-1 .columns:last-child {
      float: left; }
  .medium-up-2 .column, .medium-up-2 .columns {
    width: 50%;
    float: left; }
    .medium-up-2 .column:nth-of-type(1n), .medium-up-2 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-2 .column:nth-of-type(2n+1), .medium-up-2 .columns:nth-of-type(2n+1) {
      clear: both; }
    .medium-up-2 .column:last-child, .medium-up-2 .columns:last-child {
      float: left; }
  .medium-up-3 .column, .medium-up-3 .columns {
    width: 33.3333333333%;
    float: left; }
    .medium-up-3 .column:nth-of-type(1n), .medium-up-3 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-3 .column:nth-of-type(3n+1), .medium-up-3 .columns:nth-of-type(3n+1) {
      clear: both; }
    .medium-up-3 .column:last-child, .medium-up-3 .columns:last-child {
      float: left; }
  .medium-up-4 .column, .medium-up-4 .columns {
    width: 25%;
    float: left; }
    .medium-up-4 .column:nth-of-type(1n), .medium-up-4 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-4 .column:nth-of-type(4n+1), .medium-up-4 .columns:nth-of-type(4n+1) {
      clear: both; }
    .medium-up-4 .column:last-child, .medium-up-4 .columns:last-child {
      float: left; }
  .medium-up-5 .column, .medium-up-5 .columns {
    width: 20%;
    float: left; }
    .medium-up-5 .column:nth-of-type(1n), .medium-up-5 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-5 .column:nth-of-type(5n+1), .medium-up-5 .columns:nth-of-type(5n+1) {
      clear: both; }
    .medium-up-5 .column:last-child, .medium-up-5 .columns:last-child {
      float: left; }
  .medium-up-6 .column, .medium-up-6 .columns {
    width: 16.6666666667%;
    float: left; }
    .medium-up-6 .column:nth-of-type(1n), .medium-up-6 .columns:nth-of-type(1n) {
      clear: none; }
    .medium-up-6 .column:nth-of-type(6n+1), .medium-up-6 .columns:nth-of-type(6n+1) {
      clear: both; }
    .medium-up-6 .column:last-child, .medium-up-6 .columns:last-child {
      float: left; }
  .column.medium-centered, .medium-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .medium-uncenter,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%; }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%; }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    width: 16.6666666667%; }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%; }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%; }
  .large-offset-1 {
    margin-left: 8.3333333333%; }
  .large-3 {
    width: 25%; }
  .large-push-3 {
    position: relative;
    left: 25%; }
  .large-pull-3 {
    position: relative;
    left: -25%; }
  .large-offset-2 {
    margin-left: 16.6666666667%; }
  .large-4 {
    width: 33.3333333333%; }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%; }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%; }
  .large-offset-3 {
    margin-left: 25%; }
  .large-5 {
    width: 41.6666666667%; }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%; }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%; }
  .large-offset-4 {
    margin-left: 33.3333333333%; }
  .large-6 {
    width: 50%; }
  .large-push-6 {
    position: relative;
    left: 50%; }
  .large-pull-6 {
    position: relative;
    left: -50%; }
  .large-offset-5 {
    margin-left: 41.6666666667%; }
  .large-7 {
    width: 58.3333333333%; }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%; }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%; }
  .large-offset-6 {
    margin-left: 50%; }
  .large-8 {
    width: 66.6666666667%; }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%; }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%; }
  .large-offset-7 {
    margin-left: 58.3333333333%; }
  .large-9 {
    width: 75%; }
  .large-push-9 {
    position: relative;
    left: 75%; }
  .large-pull-9 {
    position: relative;
    left: -75%; }
  .large-offset-8 {
    margin-left: 66.6666666667%; }
  .large-10 {
    width: 83.3333333333%; }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%; }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%; }
  .large-offset-9 {
    margin-left: 75%; }
  .large-11 {
    width: 91.6666666667%; }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%; }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%; }
  .large-offset-10 {
    margin-left: 83.3333333333%; }
  .large-12 {
    width: 100%; }
  .large-offset-11 {
    margin-left: 91.6666666667%; }
  .large-up-1 .column, .large-up-1 .columns {
    width: 100%;
    float: left; }
    .large-up-1 .column:nth-of-type(1n), .large-up-1 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-1 .column:nth-of-type(1n+1), .large-up-1 .columns:nth-of-type(1n+1) {
      clear: both; }
    .large-up-1 .column:last-child, .large-up-1 .columns:last-child {
      float: left; }
  .large-up-2 .column, .large-up-2 .columns {
    width: 50%;
    float: left; }
    .large-up-2 .column:nth-of-type(1n), .large-up-2 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-2 .column:nth-of-type(2n+1), .large-up-2 .columns:nth-of-type(2n+1) {
      clear: both; }
    .large-up-2 .column:last-child, .large-up-2 .columns:last-child {
      float: left; }
  .large-up-3 .column, .large-up-3 .columns {
    width: 33.3333333333%;
    float: left; }
    .large-up-3 .column:nth-of-type(1n), .large-up-3 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-3 .column:nth-of-type(3n+1), .large-up-3 .columns:nth-of-type(3n+1) {
      clear: both; }
    .large-up-3 .column:last-child, .large-up-3 .columns:last-child {
      float: left; }
  .large-up-4 .column, .large-up-4 .columns {
    width: 25%;
    float: left; }
    .large-up-4 .column:nth-of-type(1n), .large-up-4 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-4 .column:nth-of-type(4n+1), .large-up-4 .columns:nth-of-type(4n+1) {
      clear: both; }
    .large-up-4 .column:last-child, .large-up-4 .columns:last-child {
      float: left; }
  .large-up-5 .column, .large-up-5 .columns {
    width: 20%;
    float: left; }
    .large-up-5 .column:nth-of-type(1n), .large-up-5 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-5 .column:nth-of-type(5n+1), .large-up-5 .columns:nth-of-type(5n+1) {
      clear: both; }
    .large-up-5 .column:last-child, .large-up-5 .columns:last-child {
      float: left; }
  .large-up-6 .column, .large-up-6 .columns {
    width: 16.6666666667%;
    float: left; }
    .large-up-6 .column:nth-of-type(1n), .large-up-6 .columns:nth-of-type(1n) {
      clear: none; }
    .large-up-6 .column:nth-of-type(6n+1), .large-up-6 .columns:nth-of-type(6n+1) {
      clear: both; }
    .large-up-6 .column:last-child, .large-up-6 .columns:last-child {
      float: left; }
  .column.large-centered, .large-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .large-uncenter,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "futura-pt", sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #84BD00;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #84BD00;
    line-height: 0; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }

@media screen and (min-width: 32em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a {
  color: #84BD00;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }
  a:hover, a:focus {
    color: #04a8bf; }
  a img {
    border: 0; }

hr {
  max-width: 80rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: disc;
  margin-left: 1.25rem; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style-type: inherit; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014 \0020'; }

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

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

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

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

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

@media screen and (min-width: 32em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  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; } }

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #84BD00;
  color: #fff; }
  [data-whatinput='mouse'] .button {
    outline: 0; }
  .button:hover, .button:focus {
    background: #04a6bd;
    color: #fff; }
  .button.tiny {
    font-size: 0.6rem; }
  .button.small {
    font-size: 0.75rem; }
  .button.large {
    font-size: 1.25rem; }
  .button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .button.primary {
    background: #84BD00;
    color: #fff; }
    .button.primary:hover, .button.primary:focus {
      background: #049cb2;
      color: #fff; }
  .button.secondary {
    background: #777;
    color: #fff; }
    .button.secondary:hover, .button.secondary:focus {
      background: #5f5f5f;
      color: #fff; }
  .button.success {
    background: #3adb76;
    color: #fff; }
    .button.success:hover, .button.success:focus {
      background: #22bb5b;
      color: #fff; }
  .button.alert {
    background: #ec5840;
    color: #fff; }
    .button.alert:hover, .button.alert:focus {
      background: #da3116;
      color: #fff; }
  .button.warning {
    background: #ffae00;
    color: #fff; }
    .button.warning:hover, .button.warning:focus {
      background: #cc8b00;
      color: #fff; }
  .button.hollow {
    border: 1px solid #84BD00;
    color: #84BD00; }
    .button.hollow, .button.hollow:hover, .button.hollow:focus {
      background: transparent; }
    .button.hollow:hover, .button.hollow:focus {
      border-color: #03626f;
      color: #03626f; }
    .button.hollow.primary {
      border: 1px solid #84BD00;
      color: #84BD00; }
      .button.hollow.primary:hover, .button.hollow.primary:focus {
        border-color: #03626f;
        color: #03626f; }
    .button.hollow.secondary {
      border: 1px solid #777;
      color: #777; }
      .button.hollow.secondary:hover, .button.hollow.secondary:focus {
        border-color: #3c3b3b;
        color: #3c3b3b; }
    .button.hollow.success {
      border: 1px solid #3adb76;
      color: #3adb76; }
      .button.hollow.success:hover, .button.hollow.success:focus {
        border-color: #157539;
        color: #157539; }
    .button.hollow.alert {
      border: 1px solid #ec5840;
      color: #ec5840; }
      .button.hollow.alert:hover, .button.hollow.alert:focus {
        border-color: #881f0e;
        color: #881f0e; }
    .button.hollow.warning {
      border: 1px solid #ffae00;
      color: #ffae00; }
      .button.hollow.warning:hover, .button.hollow.warning:focus {
        border-color: #805700;
        color: #805700; }
  .button.disabled {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none; }
  .button.dropdown::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    position: relative;
    top: 0.4em;
    float: right;
    margin-left: 1em;
    display: inline-block; }
  .button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: 0.2em; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #a3c6e3;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: inherit;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none; }
  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
    border: 1px solid #8a8a8a;
    background: #fefefe;
    outline: none;
    box-shadow: 0 0 5px #a3c6e3;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

textarea {
  max-width: 100%; }
  textarea[rows] {
    height: auto; }

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #a3c6e3;
  cursor: default; }

[type='submit'],
[type='button'] {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type="search"] {
  box-sizing: border-box; }

[type='file'],
[type='checkbox'],
[type='radio'] {
  margin: 0 0 1rem; }

[type='checkbox'] + label,
[type='radio'] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

label > [type='checkbox'],
label > [type='label'] {
  margin-right: 0.5rem; }

[type='file'] {
  width: 100%; }

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a; }
  label.middle {
    margin: 0 0 1rem;
    padding: 0.5625rem 0; }

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333; }

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem; }

.input-group-label, .input-group-field, .input-group-button {
  display: table-cell;
  margin: 0;
  vertical-align: middle; }

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #deeaf7;
  color: #0a0a0a;
  border: 1px solid #a3c6e3; }
  .input-group-label:first-child {
    border-right: 0; }
  .input-group-label:last-child {
    border-left: 0; }

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%; }

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

legend {
  margin-bottom: 0.5rem; }

.fieldset {
  border: 1px solid #a3c6e3;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  .fieldset legend {
    background: #fefefe;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #a3c6e3;
  border-radius: 0;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: inherit;
  background-color: #fafafa;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb(138, 138, 138)'></polygon></svg>");
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat; }
  @media screen and (min-width: 0\0) {
    select {
      background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg=="); } }
  select:disabled {
    background-color: #a3c6e3;
    cursor: default; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto; }

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840; }

.is-invalid-label {
  color: #ec5840; }

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840; }
  .form-error.is-visible {
    display: block; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (min-width: 0em) and (max-width: 31.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 32em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 32em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 31.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 32em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 31.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

.accordion {
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6;
  border-radius: 0;
  margin-left: 0; }

.accordion-title {
  display: block;
  padding: 1.25rem 1rem;
  line-height: 1;
  font-size: 0.75rem;
  color: #84BD00;
  position: relative;
  border-bottom: 1px solid #e6e6e6; }
  .accordion-title:hover, .accordion-title:focus {
    background-color: #e6e6e6; }
  :last-child > .accordion-title {
    border-bottom-width: 0; }
  .accordion-title::before {
    content: '+';
    position: absolute;
    right: 1rem;
    top: 50%;
    margin-top: -0.5rem; }
  .is-active > .accordion-title::before {
    content: '–'; }

.accordion-content {
  padding: 1.25rem 1rem;
  display: none;
  border-bottom: 1px solid #e6e6e6; }

.is-accordion-submenu-parent > a {
  position: relative; }
  .is-accordion-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: #84BD00 transparent transparent;
    border-top-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem; }

.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
  transform-origin: 50% 50%;
  transform: scaleY(-1); }

.badge {
  display: inline-block;
  padding: 0.3em;
  min-width: 2.1em;
  font-size: 0.6rem;
  text-align: center;
  border-radius: 50%;
  background: #84BD00;
  color: #fefefe; }
  .badge.secondary {
    background: #777;
    color: #fefefe; }
  .badge.success {
    background: #3adb76;
    color: #fefefe; }
  .badge.alert {
    background: #ec5840;
    color: #fefefe; }
  .badge.warning {
    background: #ffae00;
    color: #fefefe; }

.breadcrumbs {
  list-style: none;
  margin: 0 0 1rem 0; }
  .breadcrumbs::before, .breadcrumbs::after {
    content: ' ';
    display: table; }
  .breadcrumbs::after {
    clear: both; }
  .breadcrumbs li {
    float: left;
    color: #0a0a0a;
    font-size: 0.6875rem;
    cursor: default;
    text-transform: uppercase; }
    .breadcrumbs li:not(:last-child)::after {
      color: #cacaca;
      content: "/";
      margin: 0 0.75rem;
      position: relative;
      top: 1px;
      opacity: 1; }
  .breadcrumbs a {
    color: #84BD00; }
    .breadcrumbs a:hover {
      text-decoration: underline; }
  .breadcrumbs .disabled {
    color: #cacaca; }

.button-group {
  margin-bottom: 1rem;
  font-size: 0.9rem; }
  .button-group::before, .button-group::after {
    content: ' ';
    display: table; }
  .button-group::after {
    clear: both; }
  .button-group .button {
    float: left;
    margin: 0;
    font-size: inherit; }
    .button-group .button:not(:last-child) {
      border-right: 1px solid #fefefe; }
  .button-group.tiny {
    font-size: 0.6rem; }
  .button-group.small {
    font-size: 0.75rem; }
  .button-group.large {
    font-size: 1.25rem; }
  .button-group.expanded .button:nth-last-child(2):first-child,
  .button-group.expanded .button:nth-last-child(2):first-child ~ .button {
    width: 50%; }
  .button-group.expanded .button:nth-last-child(3):first-child,
  .button-group.expanded .button:nth-last-child(3):first-child ~ .button {
    width: 33.3333333333%; }
  .button-group.expanded .button:nth-last-child(4):first-child,
  .button-group.expanded .button:nth-last-child(4):first-child ~ .button {
    width: 25%; }
  .button-group.expanded .button:nth-last-child(5):first-child,
  .button-group.expanded .button:nth-last-child(5):first-child ~ .button {
    width: 20%; }
  .button-group.expanded .button:nth-last-child(6):first-child,
  .button-group.expanded .button:nth-last-child(6):first-child ~ .button {
    width: 16.6666666667%; }
  .button-group.primary .button {
    background: #84BD00;
    color: #fff; }
    .button-group.primary .button:hover, .button-group.primary .button:focus {
      background: #049cb2;
      color: #fff; }
  .button-group.secondary .button {
    background: #777;
    color: #fff; }
    .button-group.secondary .button:hover, .button-group.secondary .button:focus {
      background: #5f5f5f;
      color: #fff; }
  .button-group.success .button {
    background: #3adb76;
    color: #fff; }
    .button-group.success .button:hover, .button-group.success .button:focus {
      background: #22bb5b;
      color: #fff; }
  .button-group.alert .button {
    background: #ec5840;
    color: #fff; }
    .button-group.alert .button:hover, .button-group.alert .button:focus {
      background: #da3116;
      color: #fff; }
  .button-group.warning .button {
    background: #ffae00;
    color: #fff; }
    .button-group.warning .button:hover, .button-group.warning .button:focus {
      background: #cc8b00;
      color: #fff; }
  .button-group.stacked .button, .button-group.stacked-for-small .button {
    width: 100%;
    border-right: 0; }
  @media screen and (min-width: 32em) {
    .button-group.stacked-for-small .button {
      width: auto; }
      .button-group.stacked-for-small .button:not(:last-child) {
        border-right: 1px solid #fefefe; } }

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #d5f9fe; }
    .callout.primary a {
      color: #04899b; }
      .callout.primary a:hover {
        color: #024751; }
  .callout.secondary {
    background-color: #ebebeb; }
  .callout.success {
    background-color: #e1faea; }
    .callout.success a {
      color: #1ea450; }
      .callout.success a:hover {
        color: #126330; }
  .callout.alert {
    background-color: #fce6e2; }
    .callout.alert a {
      color: #bf2b13; }
      .callout.alert a:hover {
        color: #791b0c; }
  .callout.warning {
    background-color: #fff3d9; }
    .callout.warning a {
      color: #b37a00; }
      .callout.warning a:hover {
        color: #664600; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

.close-button {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer; }
  [data-whatinput='mouse'] .close-button {
    outline: 0; }
  .close-button:hover, .close-button:focus {
    color: #0a0a0a; }

.is-drilldown {
  position: relative;
  overflow: hidden; }

.is-drilldown-sub {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  height: 100%;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear; }
  .is-drilldown-sub.is-active {
    z-index: 1;
    display: block;
    transform: translateX(-100%); }
  .is-drilldown-sub.is-closing {
    transform: translateX(100%); }

.is-drilldown-submenu-parent > a {
  position: relative; }
  .is-drilldown-submenu-parent > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent transparent #84BD00;
    border-left-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem; }

.js-drilldown-back::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent #84BD00 transparent transparent;
  border-right-style: solid;
  float: left;
  margin-right: 0.75rem;
  margin-left: 0.6rem;
  margin-top: 14px; }

.dropdown-pane {
  background-color: #fefefe;
  border: 1px solid #cacaca;
  display: block;
  padding: 1rem;
  position: absolute;
  visibility: hidden;
  width: 300px;
  z-index: 10;
  border-radius: 0; }
  .dropdown-pane.is-open {
    visibility: visible; }

.dropdown-pane.tiny {
  width: 100px; }

.dropdown-pane.small {
  width: 200px; }

.dropdown-pane.large {
  width: 400px; }

[data-whatinput='mouse'] .dropdown.menu a {
  outline: 0; }

.dropdown.menu .is-dropdown-submenu-parent {
  position: relative; }
  .dropdown.menu .is-dropdown-submenu-parent a::after {
    float: right;
    margin-top: 3px;
    margin-left: 10px; }
  .dropdown.menu .is-dropdown-submenu-parent.is-left-arrow.opens-inner .submenu {
    right: 0;
    left: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.is-right-arrow.opens-inner .submenu {
    left: 0;
    right: auto; }
  .dropdown.menu .is-dropdown-submenu-parent.opens-inner .submenu {
    top: 100%; }

.no-js .dropdown.menu ul {
  display: none; }

.dropdown.menu .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 300px;
  z-index: 1;
  background: #fefefe;
  border: 1px solid #cacaca; }
  .dropdown.menu .submenu > li {
    width: 100%; }
  .dropdown.menu .submenu.first-sub {
    top: 100%;
    left: 0;
    right: auto; }
  .dropdown.menu .submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .dropdown.menu .submenu, .dropdown.menu .submenu.js-dropdown-active {
    display: block; }

.dropdown.menu .is-dropdown-submenu-parent.opens-left .submenu {
  left: auto;
  right: 100%; }

.dropdown.menu.align-right .submenu.first-sub {
  top: 100%;
  left: auto;
  right: 0; }

.is-dropdown-menu.vertical {
  width: 100px; }
  .is-dropdown-menu.vertical.align-right {
    float: right; }
  .is-dropdown-menu.vertical > li .submenu {
    top: 0;
    left: 100%; }

.flex-video {
  position: relative;
  height: 0;
  padding-top: 1.5625rem;
  padding-bottom: 75%;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .flex-video.widescreen {
    padding-bottom: 56.25%; }
  .flex-video.vimeo {
    padding-top: 0; }

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0;
  background: #84BD00;
  color: #fefefe; }
  .label.secondary {
    background: #777;
    color: #fefefe; }
  .label.success {
    background: #3adb76;
    color: #fefefe; }
  .label.alert {
    background: #ec5840;
    color: #fefefe; }
  .label.warning {
    background: #ffae00;
    color: #fefefe; }

.media-object {
  margin-bottom: 1rem;
  display: block; }
  .media-object img {
    max-width: none; }
  @media screen and (min-width: 0em) and (max-width: 31.9375em) {
    .media-object.stack-for-small .media-object-section {
      display: block;
      padding: 0;
      padding-bottom: 1rem; }
      .media-object.stack-for-small .media-object-section img {
        width: 100%; } }

.media-object-section {
  display: table-cell;
  vertical-align: top; }
  .media-object-section:first-child {
    padding-right: 1rem; }
  .media-object-section:last-child {
    padding-left: 1rem; }
  .media-object-section.middle {
    vertical-align: middle; }
  .media-object-section.bottom {
    vertical-align: bottom; }

.menu {
  margin: 0;
  list-style-type: none; }
  .menu > li {
    display: table-cell;
    vertical-align: middle; }
    [data-whatinput='mouse'] .menu > li {
      outline: 0; }
  .menu > li > a {
    display: block;
    padding: 0.7rem 1.7rem;
    line-height: 1; }
  .menu input,
  .menu a,
  .menu button {
    margin-bottom: 0; }
  .menu > li > a > img,
  .menu > li > a > i {
    vertical-align: middle; }
  .menu > li > a > span {
    vertical-align: middle; }
  .menu > li > a > img,
  .menu > li > a > i {
    display: inline-block;
    margin-right: 0.25rem; }
  .menu > li {
    display: table-cell; }
  .menu.vertical > li {
    display: block; }
  @media screen and (min-width: 32em) {
    .menu.medium-horizontal > li {
      display: table-cell; }
    .menu.medium-vertical > li {
      display: block; } }
  @media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
      display: table-cell; }
    .menu.large-vertical > li {
      display: block; } }
  .menu.simple a {
    padding: 0;
    margin-right: 1.7rem; }
  .menu.align-right > li {
    float: right; }
  .menu.expanded {
    display: table;
    width: 100%; }
    .menu.expanded > li:nth-last-child(2):first-child,
    .menu.expanded > li:nth-last-child(2):first-child ~ li {
      width: 50%; }
    .menu.expanded > li:nth-last-child(3):first-child,
    .menu.expanded > li:nth-last-child(3):first-child ~ li {
      width: 33.3333333333%; }
    .menu.expanded > li:nth-last-child(4):first-child,
    .menu.expanded > li:nth-last-child(4):first-child ~ li {
      width: 25%; }
    .menu.expanded > li:nth-last-child(5):first-child,
    .menu.expanded > li:nth-last-child(5):first-child ~ li {
      width: 20%; }
    .menu.expanded > li:nth-last-child(6):first-child,
    .menu.expanded > li:nth-last-child(6):first-child ~ li {
      width: 16.6666666667%; }
    .menu.expanded > li:first-child:last-child {
      width: 100%; }
  .menu.icon-top > li > a {
    text-align: center; }
    .menu.icon-top > li > a > img,
    .menu.icon-top > li > a > i {
      display: block;
      margin: 0 auto 0.25rem; }
  .menu.nested {
    margin-left: 1rem; }

.menu-text {
  font-weight: bold;
  color: inherit;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1.7rem; }

html,
body {
  height: 100%; }

.off-canvas-wrapper {
  width: 100%;
  overflow-x: hidden;
  position: relative;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch; }

.off-canvas-wrapper-inner {
  position: relative;
  width: 100%;
  transition: transform 0.5s ease; }
  .off-canvas-wrapper-inner::before, .off-canvas-wrapper-inner::after {
    content: ' ';
    display: table; }
  .off-canvas-wrapper-inner::after {
    clear: both; }

.off-canvas-content {
  min-height: 100%;
  background: #fefefe;
  transition: transform 0.5s ease;
  backface-visibility: hidden;
  z-index: 1;
  box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); }

.js-off-canvas-exit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(254, 254, 254, 0.25);
  cursor: pointer;
  transition: background 0.5s ease; }
  .is-off-canvas-open .js-off-canvas-exit {
    display: block; }

.off-canvas {
  position: absolute;
  background: #e6e6e6;
  z-index: -1;
  max-height: 100%;
  overflow-y: auto;
  transform: translateX(0px); }
  [data-whatinput='mouse'] .off-canvas {
    outline: 0; }
  .off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px; }
    .is-open-left {
      transform: translateX(250px); }
  .off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px; }
    .is-open-right {
      transform: translateX(-250px); }

@media screen and (min-width: 32em) {
  .position-left.reveal-for-medium {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-medium ~ .main-content {
      margin-left: 250px; }
  .position-right.reveal-for-medium {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-medium ~ .main-content {
      margin-right: 250px; } }

@media screen and (min-width: 64em) {
  .position-left.reveal-for-large {
    left: 0;
    z-index: auto;
    position: fixed; }
    .position-left.reveal-for-large ~ .main-content {
      margin-left: 250px; }
  .position-right.reveal-for-large {
    right: 0;
    z-index: auto;
    position: fixed; }
    .position-right.reveal-for-large ~ .main-content {
      margin-right: 250px; } }

.orbit {
  position: relative; }

.orbit-container {
  position: relative;
  margin: 0;
  overflow: hidden;
  list-style: none; }

.orbit-slide {
  width: 100%;
  max-height: 100%; }
  .orbit-slide.no-motionui.is-active {
    top: 0;
    left: 0; }

.orbit-figure {
  margin: 0; }

.orbit-image {
  margin: 0;
  width: 100%;
  max-width: 100%; }

.orbit-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  margin-bottom: 0;
  color: #fefefe;
  background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous, .orbit-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe; }
  [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {
    outline: 0; }
  .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
    background-color: rgba(10, 10, 10, 0.5); }

.orbit-previous {
  left: 0; }

.orbit-next {
  left: auto;
  right: 0; }

.orbit-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center; }
  [data-whatinput='mouse'] .orbit-bullets {
    outline: 0; }
  .orbit-bullets button {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0.1rem;
    background-color: #cacaca;
    border-radius: 50%; }
    .orbit-bullets button:hover {
      background-color: #8a8a8a; }
    .orbit-bullets button.is-active {
      background-color: #8a8a8a; }

.pagination {
  margin-left: 0;
  margin-bottom: 1rem; }
  .pagination::before, .pagination::after {
    content: ' ';
    display: table; }
  .pagination::after {
    clear: both; }
  .pagination li {
    font-size: 1.125rem;
    margin-right: 0.0625rem;
    display: none;
    border-radius: 0; }
    .pagination li:last-child, .pagination li:first-child {
      display: inline-block; }
    @media screen and (min-width: 32em) {
      .pagination li {
        display: inline-block; } }
  .pagination a,
  .pagination button {
    color: #8a8a8a;
    display: block;
    padding: 0.1875rem 0.625rem;
    border-radius: 0; }
    .pagination a:hover,
    .pagination button:hover {
      background: #deeaf7; }
  .pagination .current {
    padding: 0.1875rem 0.625rem;
    background: #84BD00;
    color: #fefefe;
    cursor: default; }
  .pagination .disabled {
    padding: 0.1875rem 0.625rem;
    color: #cacaca;
    cursor: default; }
    .pagination .disabled:hover {
      background: transparent; }
  .pagination .ellipsis::after {
    content: '…';
    padding: 0.1875rem 0.625rem;
    color: #8a8a8a; }

.pagination-previous a::before,
.pagination-previous.disabled::before {
  content: '«';
  display: inline-block;
  margin-right: 0.5rem; }

.pagination-next a::after,
.pagination-next.disabled::after {
  content: '»';
  display: inline-block;
  margin-left: 0.5rem; }

.progress {
  background-color: #cacaca;
  height: 1rem;
  margin-bottom: 1rem;
  border-radius: 0; }
  .progress.primary .progress-meter {
    background-color: #84BD00; }
  .progress.secondary .progress-meter {
    background-color: #777; }
  .progress.success .progress-meter {
    background-color: #3adb76; }
  .progress.alert .progress-meter {
    background-color: #ec5840; }
  .progress.warning .progress-meter {
    background-color: #ffae00; }

.progress-meter {
  position: relative;
  display: block;
  width: 0%;
  height: 100%;
  background-color: #84BD00;
  border-radius: 0; }
  .progress-meter .progress-meter-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    font-size: 0.75rem;
    font-weight: bold;
    color: #fefefe;
    white-space: nowrap; }

.slider {
  position: relative;
  height: 0.5rem;
  margin-top: 1.25rem;
  margin-bottom: 2.25rem;
  background-color: #e6e6e6;
  cursor: pointer;
  user-select: none;
  touch-action: none; }

.slider-fill {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  max-width: 100%;
  height: 0.5rem;
  background-color: #cacaca;
  transition: all 0.2s ease-in-out; }
  .slider-fill.is-dragging {
    transition: all 0s linear; }

.slider-handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #84BD00;
  transition: all 0.2s ease-in-out;
  touch-action: manipulation;
  border-radius: 0; }
  [data-whatinput='mouse'] .slider-handle {
    outline: 0; }
  .slider-handle:hover {
    background-color: #04a6bd; }
  .slider-handle.is-dragging {
    transition: all 0s linear; }

.slider.disabled,
.slider[disabled] {
  opacity: 0.25;
  cursor: not-allowed; }

.slider.vertical {
  display: inline-block;
  width: 0.5rem;
  height: 12.5rem;
  margin: 0 1.25rem;
  transform: scale(1, -1); }
  .slider.vertical .slider-fill {
    top: 0;
    width: 0.5rem;
    max-height: 100%; }
  .slider.vertical .slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1.4rem;
    height: 1.4rem;
    transform: translateX(-50%); }

.sticky-container {
  position: relative; }

.sticky {
  position: absolute;
  z-index: 0;
  transform: translate3d(0, 0, 0); }

.sticky.is-stuck {
  position: fixed;
  z-index: 5; }
  .sticky.is-stuck.is-at-top {
    top: 0; }
  .sticky.is-stuck.is-at-bottom {
    bottom: 0; }

.sticky.is-anchored {
  position: absolute;
  left: auto;
  right: auto; }
  .sticky.is-anchored.is-at-bottom {
    bottom: 0; }

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll; }

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  margin: 100px auto 0 auto;
  background-color: #fefefe;
  border-radius: 0;
  position: absolute;
  overflow-y: auto; }
  [data-whatinput='mouse'] .reveal {
    outline: 0; }
  @media screen and (min-width: 32em) {
    .reveal {
      min-height: 0; } }
  .reveal .column, .reveal .columns,
  .reveal .columns {
    min-width: 0; }
  .reveal > :last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 32em) {
    .reveal {
      width: 600px;
      max-width: 80rem; } }
  .reveal.collapse {
    padding: 0; }
  @media screen and (min-width: 32em) {
    .reveal .reveal {
      left: auto;
      right: auto;
      margin: 0 auto; } }
  @media screen and (min-width: 32em) {
    .reveal.tiny {
      width: 30%;
      max-width: 80rem; } }
  @media screen and (min-width: 32em) {
    .reveal.small {
      width: 50%;
      max-width: 80rem; } }
  @media screen and (min-width: 32em) {
    .reveal.large {
      width: 90%;
      max-width: 80rem; } }
  .reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0; }

.switch {
  margin-bottom: 1rem;
  outline: 0;
  position: relative;
  user-select: none;
  color: #fefefe;
  font-weight: bold;
  font-size: 0.875rem; }

.switch-input {
  opacity: 0;
  position: absolute; }

.switch-paddle {
  background: #cacaca;
  cursor: pointer;
  display: block;
  position: relative;
  width: 4rem;
  height: 2rem;
  transition: all 0.25s ease-out;
  border-radius: 0;
  color: inherit;
  font-weight: inherit; }
  input + .switch-paddle {
    margin: 0; }
  .switch-paddle::after {
    background: #fefefe;
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    left: 0.25rem;
    top: 0.25rem;
    width: 1.5rem;
    transition: all 0.25s ease-out;
    transform: translate3d(0, 0, 0); }
  input:checked ~ .switch-paddle {
    background: #84BD00; }
    input:checked ~ .switch-paddle::after {
      left: 2.25rem; }
  [data-whatinput='mouse'] input:focus ~ .switch-paddle {
    outline: 0; }

.switch-active, .switch-inactive {
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.switch-active {
  left: 8%;
  display: none; }
  input:checked + label > .switch-active {
    display: block; }

.switch-inactive {
  right: 15%; }
  input:checked + label > .switch-inactive {
    display: none; }

.switch.tiny .switch-paddle {
  width: 3rem;
  height: 1.5rem;
  font-size: 0.625rem; }

.switch.tiny .switch-paddle::after {
  width: 1rem;
  height: 1rem; }

.switch.tiny input:checked ~ .switch-paddle:after {
  left: 1.75rem; }

.switch.small .switch-paddle {
  width: 3.5rem;
  height: 1.75rem;
  font-size: 0.75rem; }

.switch.small .switch-paddle::after {
  width: 1.25rem;
  height: 1.25rem; }

.switch.small input:checked ~ .switch-paddle:after {
  left: 2rem; }

.switch.large .switch-paddle {
  width: 5rem;
  height: 2.5rem;
  font-size: 1rem; }

.switch.large .switch-paddle::after {
  width: 2rem;
  height: 2rem; }

.switch.large input:checked ~ .switch-paddle:after {
  left: 2.75rem; }

table {
  margin-bottom: 1rem;
  border-radius: 0; }
  thead,
  tbody,
  tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe; }
  caption {
    font-weight: bold;
    padding: 0.5rem 0.625rem 0.625rem; }
  thead,
  tfoot {
    background: #f8f8f8;
    color: #0a0a0a; }
    thead tr,
    tfoot tr {
      background: transparent; }
    thead th,
    thead td,
    tfoot th,
    tfoot td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-weight: bold;
      text-align: left; }
  tbody tr:nth-child(even) {
    background-color: #f1f1f1; }
  tbody th,
  tbody td {
    padding: 0.5rem 0.625rem 0.625rem; }

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-y: scroll; }

table.hover tr:hover {
  background-color: #f9f9f9; }

table.hover tr:nth-of-type(even):hover {
  background-color: #ececec; }

.tabs {
  margin: 0;
  list-style-type: none;
  background: #fefefe;
  border: 1px solid #e6e6e6; }
  .tabs::before, .tabs::after {
    content: ' ';
    display: table; }
  .tabs::after {
    clear: both; }
  .tabs.simple > li > a {
    padding: 0; }
    .tabs.simple > li > a:hover {
      background: transparent; }
  .tabs.vertical > li {
    width: auto;
    float: none;
    display: block; }
  .tabs.primary {
    background: #84BD00; }
    .tabs.primary > li > a {
      color: #fefefe; }
      .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
        background: #05b9d3; }

.tabs-title {
  float: left; }
  .tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    line-height: 1;
    font-size: 12px;
    color: #84BD00; }
    .tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
      background: #e6e6e6; }

.tabs-content {
  background: #fefefe;
  transition: all 0.5s ease;
  border: 1px solid #e6e6e6;
  border-top: 0; }
  .tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0; }

.tabs-panel {
  display: none;
  padding: 1rem; }
  .tabs-panel.is-active {
    display: block; }

.thumbnail {
  border: solid 4px #fefefe;
  box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  display: inline-block;
  line-height: 0;
  max-width: 100%;
  transition: box-shadow 200ms ease-out;
  border-radius: 0;
  margin-bottom: 1rem; }
  .thumbnail:hover, .thumbnail:focus {
    box-shadow: 0 0 6px 1px rgba(5, 195, 222, 0.5); }

.title-bar {
  background: #0a0a0a;
  color: #fefefe;
  padding: 0.5rem; }
  .title-bar::before, .title-bar::after {
    content: ' ';
    display: table; }
  .title-bar::after {
    clear: both; }
  .title-bar .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.title-bar-left {
  float: left; }

.title-bar-right {
  float: right;
  text-align: right; }

.title-bar-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; }

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: white;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 white, 0 14px 0 white; }
  .menu-icon:hover::after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; }

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 20px;
  height: 16px; }
  .menu-icon.dark::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: black;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 black, 0 14px 0 black; }
  .menu-icon.dark:hover::after {
    background: #666;
    box-shadow: 0 7px 0 #666, 0 14px 0 #666; }

.has-tip {
  border-bottom: dotted 1px #8a8a8a;
  font-weight: bold;
  position: relative;
  display: inline-block;
  cursor: help; }

.tooltip {
  background-color: #0a0a0a;
  color: #fefefe;
  font-size: 80%;
  padding: 0.75rem;
  position: absolute;
  z-index: 10;
  top: calc(100% + 0.6495rem);
  max-width: 10rem !important;
  border-radius: 0; }
  .tooltip::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent #0a0a0a;
    border-bottom-style: solid;
    bottom: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .tooltip.top::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    top: 100%;
    bottom: auto; }
  .tooltip.left::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent transparent transparent #0a0a0a;
    border-left-style: solid;
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translateY(-50%); }
  .tooltip.right::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 0.75rem;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }

.top-bar {
  padding: 0.5rem; }
  .top-bar::before, .top-bar::after {
    content: ' ';
    display: table; }
  .top-bar::after {
    clear: both; }
  .top-bar, .top-bar ul {
    background-color: #fff; }
  .top-bar input {
    width: 200px;
    margin-right: 1rem; }

@media screen and (min-width: 32em) {
  .top-bar-left {
    float: left; }
  .top-bar-right {
    float: right; } }

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

Stylesheet: Main Stylesheet

*************************************************/
/* custom menu styles - moving to master - need to clean up / merge into nav styles below*/
.admin-bar #pglogo2 {
  top: 40px; }

.top-bar {
  padding: 3rem; }

.top-bar.sticky.is-stuck {
  padding: 0.5rem; }

@media (max-width: 1024px) {
  .top-bar {
    padding: 0 1rem; } }

.nav-table {
  display: table; }

.nav-table-row {
  display: table-row; }

.nav-table ul li {
  display: table-cell; }

#pglogo2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 200px !important;
  z-index: 1006;
  background: white;
  border: transparent .2px solid !important;
  padding: 0;
  border-radius: 4px; }

#menu-main-left {
  padding-left: 9rem; }

#top-bar-menu a {
  font-size: 1.2rem; }

/* end custom menu*/
/* fake magento megamenu for now, delete this when can pull entire magento menu into wordpress */
/* add arrows */
a {
  -webkit-transition: color 300ms ease-out;
  -moz-transition: color 300ms ease-out;
  transition: color 300ms ease-out; }

.notice-bar {
  background: #84BD00;
  border-top: 4px solid #84BD00;
  border-bottom: 4px solid #84BD00; }

i.fi-zoom-in {
  font-size: 24px; }

.notice-bar .row {
  max-width: none; }

.notice-bar .mlp_widget {
  float: left;
  width: 100%; }
  .notice-bar .mlp_widget h4 {
    font-size: 1rem;
    font-family: "proxima-nova", sans-serif;
    float: left; }

/* magento product search  */
#search_mini_form {
  float: right; }

.form-search .action {
  width: 30px;
  float: right; }

.form-search {
  position: relative;
  float: left;
  /* width: 320px; */
  height: 30px; }
  .form-search .search-box {
    float: left; }

.form-search .button {
  background: transparent;
  width: 40px;
  height: 45px;
  line-height: 2.2rem;
  border: none;
  padding: 0;
  margin: 0;
  float: left; }

.form-search .input-text {
  box-shadow: none !important;
  height: 30px;
  padding: 0;
  border: none;
  margin: 0; }

.form-search label {
  display: none;
  color: #444; }

input.placeholder::-webkit-input-placeholder {
  color: #4c4c4c; }

input.placeholder::-moz-placeholder {
  color: #4c4c4c; }

input.placeholder:-ms-input-placeholder {
  color: #4c4c4c; }

input.placeholder:-moz-placeholder {
  color: #4c4c4c; }

.input-text {
  color: #4c4c4c; }

/* end magento product search  */
#top-bar-menu .is-down-arrow > a:after {
  position: relative;
  float: right;
  padding: 0;
  top: 16px;
  right: 5px;
  content: "";
  border-color: transparent transparent #cecece;
  border-style: solid;
  border-width: 0 0 7px 6px; }

#top-bar-menu li ul.submenu li a {
  border-left: 4px solid #fff; }
  #top-bar-menu li ul.submenu li a:hover {
    border-left: 4px solid #5091cd; }

.arrow-box {
  margin-top: 9px;
  position: relative; }

/* these are for the top arrow */
.arrow-box:before {
  content: "";
  width: 100%;
  height: 20px;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  left: 0; }

#top-bar-menu .is-down-arrow.is-active > a:before {
  content: "";
  position: absolute;
  top: 62px;
  float: left;
  border-color: transparent transparent #cecece;
  border-style: solid;
  border-width: 6px;
  width: 0;
  height: 0;
  margin-left: 32px;
  z-index: 101; }

/* target products dropdown - currently menu-item 181 */
#top-bar-menu li.menu-item-181 ul.submenu {
  width: 1200px;
  padding: 4px 10px 10px 0;
  line-height: 1rem; }
  #top-bar-menu li.menu-item-181 ul.submenu.first-sub {
    left: -150px; }
  #top-bar-menu li.menu-item-181 ul.submenu ul {
    line-height: .6rem; }
  #top-bar-menu li.menu-item-181 ul.submenu .menu > li > a {
    padding: .2rem .2rem .2rem .4rem; }
  #top-bar-menu li.menu-item-181 ul.submenu > li > a {
    padding: .2rem .2rem .2rem .8rem; }
  #top-bar-menu li.menu-item-181 ul.submenu li a {
    font-family: "futura-pt", sans-serif;
    font-size: 1.8rem;
    color: #444;
    font-weight: normal;
    border-left: none; }
    #top-bar-menu li.menu-item-181 ul.submenu li a:hover {
      color: #deeaf7; }
  #top-bar-menu li.menu-item-181 ul.submenu > li {
    display: inline-block !important;
    vertical-align: top;
    width: 18% !important;
    z-index: 1;
    border-left: 1px solid #cecece; }
  #top-bar-menu li.menu-item-181 ul.submenu > li:first-child {
    border-left: none;
    padding-left: 0; }
  #top-bar-menu li.menu-item-181 ul.submenu li ul li {
    width: 100% !important; }
  #top-bar-menu li.menu-item-181 ul.submenu li ul li a {
    font-size: 1rem;
    line-height: 1rem;
    color: #999;
    font-weight: normal;
    border-left: 4px solid #fff; }
    #top-bar-menu li.menu-item-181 ul.submenu li ul li a:hover {
      color: #777;
      border-left: 4px solid #84BD00; }

/* end fake magento megamenu */
/* testing - for the drop down cart in menu from magento */
#menu-main-right-1 {
  float: left; }

#wp-top-cart {
  float: left; }

ul#wp-top-cart li > a {
  padding: 0.5rem 1.5rem 0.2rem; }

.bg-box {
  position: relative;
  display: inline-block;
  background: #f4f4f4;
  margin: 0;
  padding: 14px;
  width: 100%; }

.cart-dropdown {
  right: 0 !important;
  overflow: hidden;
  padding: 10px; }

.cart-dropdown .dropdown-title {
  position: relative;
  margin: 0;
  padding: 0 14px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f2f2f2 !important;
  font-size: .875rem;
  font-weight: 600;
  color: #000000; }

.cart-dropdown .subtotal {
  line-height: 36px;
  margin: 0;
  color: #999999;
  font-size: .75rem; }

.cart-dropdown .subtotal .price {
  font-size: 1rem;
  font-weight: 600;
  color: #333333;
  padding: 0 0 0 4px; }

.cart-dropdown li a.button.sign-in {
  position: absolute;
  height: 32px;
  font-size: 1rem;
  line-height: 32px;
  padding: 0 32px;
  margin: 0;
  top: 14px;
  right: 14px; }

#top-bar-menu .cart-dropdown li a.button.sign-in {
  color: #fff; }

.top-bar .sup {
  display: block;
  position: absolute;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 300;
  top: 0;
  width: 120px;
  text-transform: none; }

.top-bar span + .sup {
  left: 51px; }

.cart-dropdown .arrow-box {
  width: 322px !important;
  margin-top: 9px;
  padding: 0 0 8px; }

.fi-shopping-cart {
  color: #cecece;
  font-size: 24px;
  margin-right: 4px; }

/* end drop-down cart from magento */
/* this is for the contact button top bar call out */
/*********************
GENERAL STYLES
*********************/
/*********************
LINK STYLES
*********************/
a,
a:visited {
  /* Mobile tap color */ }
  a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  /* Removing text decoration from all headline links */
  /* Add alternate header font */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

/*********************
SLIDER STYLES
*********************/
.slide-head h2 {
  font-size: 90px;
  color: #fff;
  font-family: "futura-pt", sans-serif;
  letter-spacing: 0.0625em; }

.slide-subhead h3 {
  font-size: 36px;
  color: #fff; }

/*********************
HEADER STYLES
*********************/
.admin-bar .top-bar.sticky.is-stuck {
  margin-top: 30px !important; }

.header {
  position: relative;
  z-index: 1004; }
  .header ul.off-canvas-list li {
    list-style: none; }
  .header .top-bar {
    width: 100%;
    height: 110px;
    border-bottom: 1px #eee solid; }
    .header .top-bar .split-left, .header .top-bar .split-right {
      padding-top: 15px; }
  .header .logo {
    margin: 15px auto 0; }
    .header .logo img {
      display: block;
      margin: 0 auto; }

/*********************
NAVIGATION STYLES
*********************/
/* the mobile icon */
.menu-icon::after {
  background: #6ba0d3;
  box-shadow: 0 7px 0 #6ba0d3, 0 14px 0 #6ba0d3; }

.menu-icon:hover::after {
  background: #deeaf7;
  box-shadow: 0 7px 0 #deeaf7, 0 14px 0 #deeaf7; }

/* the mobile header */
@media screen and (min-width: 32em) {
  .top-bar-right {
    width: 100%; } }

.top-bar-right ul.menu li {
  width: 50%; }
  .top-bar-right ul.menu li.m-menu-icon {
    text-align: right; }
    @media screen and (min-width: 32em) {
      .top-bar-right ul.menu li.m-menu-icon {
        float: right; } }
  @media screen and (min-width: 32em) {
    .top-bar-right ul.menu li.mobile-logo {
      float: left; } }
  .top-bar-right ul.menu li.mobile-logo img {
    padding: 20px; }
    @media screen and (min-width: 32em) {
      .top-bar-right ul.menu li.mobile-logo img {
        height: 90px; } }

/* the mobile menu  */
.off-canvas ul li {
  border-bottom: 1px solid #fff; }

.off-canvas ul li:hover {
  background: #a3c6e3; }

.off-canvas .is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #ffffff; }

.off-canvas .js-drilldown-back::before {
  border-color: transparent #ffffff transparent transparent; }

.off-canvas {
  background: #6ba0d3;
  color: #FFF;
  height: 100%; }

.off-canvas a {
  color: #FFF; }

.is-accordion-submenu-parent > a::after {
  border-color: #FFF transparent transparent; }

#mobile-wp-prod-menu .menu > li > a {
  display: block;
  padding: 0.2rem 1.7rem;
  line-height: 1; }

.off-canvas > ul > li {
  border-bottom: 1px solid #FFF; }

li.group-title {
  list-style: none;
  background: #deeaf7;
  color: #636466; }

ul.mobile-menu-divider {
  margin-left: 0; }

.is-drilldown-sub {
  background: #6ba0d3; }

.off-canvas .form-search label {
  color: #FFF; }

.off-canvas .form-search input {
  color: #FFF; }

.off-canvas .form-search .action {
  width: 40px; }

.off-canvas .form-search .action i {
  color: #FFF; }

ul.top-simple-menu li {
  padding: 0 8px; }

/* the search box */
.off-canvas .form-search input {
  background: transparent !important; }

.form-search {
  margin-bottom: 12px; }
  .form-search .search-box {
    border-bottom: 0.5px solid #f4f4f4; }
  .form-search ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #f4f4f4; }
  .form-search ::-moz-placeholder {
    /* Firefox 19+ */
    color: #f4f4f4; }
  .form-search :-ms-input-placeholder {
    /* IE 10+ */
    color: #f4f4f4; }
  .form-search :-moz-placeholder {
    /* Firefox 18- */
    color: #f4f4f4; }

/* new styles for top bar navigation */
ul#menu-secondary-top-bar {
  background-color: transparent; }
  ul#menu-secondary-top-bar li a {
    padding: 0.3rem 1rem 0.2rem; }

ul#wp-top-cart {
  background-color: transparent; }

/* desktop secondary top nav */
ul.loc-menu {
  margin-left: 40px;
  list-style: none;
  text-align: left; }
  ul.loc-menu li.loc-title {
    font-weight: 700;
    color: #84BD00; }

.loc-icon {
  padding-right: 10px; }

.secondary-top-bar-left {
  width: 50%;
  float: left; }

.secondary-top-bar-right {
  float: right; }

.logged-in .secondary-top-bar-search {
  top: 30px; }

.secondary-top-bar-search {
  position: absolute;
  top: 0;
  left: 0;
  width: 250px;
  padding-top: 4px; }
  .secondary-top-bar-search form input {
    display: inline-block;
    width: 150px;
    float: left;
    height: 30px; }
  .secondary-top-bar-search form button.search-submit {
    padding: .4rem; }

ul.top-simple-menu {
  list-style: none;
  text-align: left; }
  ul.top-simple-menu a {
    padding: 0; }
  ul.top-simple-menu li {
    display: inline-block;
    padding: 0 30px;
    vertical-align: top; }
    ul.top-simple-menu li ul {
      display: block; }
      ul.top-simple-menu li ul li {
        display: block;
        font-weight: 400;
        padding: 0; }

#second-top-bar-menu {
  position: relative;
  z-index: 1005;
  background-color: #fefefe;
  height: 45px;
  padding: 6px 0; }
  #second-top-bar-menu .is-dropdown-submenu li a {
    color: #8a8a8a; }
    #second-top-bar-menu .is-dropdown-submenu li a.button {
      color: #fefefe; }

/* make room for the admin bar */
.admin-bar span.nav-close {
  top: 40px; }

#second-top-bar-menu a {
  color: #84BD00;
  font-size: 1em;
  line-height: 1.25em;
  text-decoration: none; }

#second-top-bar-menu a:hover {
  color: #deeaf7; }

#titlebar label span {
  color: #fff;
  font-size: 1rem;
  opacity: 0.5;
  font-weight: 700; }

/* end desktop secondary top nav */
/* the main nav */
.top-bar .title-area {
  z-index: 1; }

.top-bar input {
  /* max-width: 140px; */
  width: 100%; }

#top-bar-menu a {
  font-family: "futura-pt", sans-serif;
  font-size: 1.2rem;
  /* testing reversed menu colors */
  color: #444;
  text-transform: uppercase; }
  @media screen and (max-width: 74.9375em) {
    #top-bar-menu a {
      font-size: 1.25rem; } }
  #top-bar-menu a:hover {
    /* testing reversed menu colors */
    color: #a3c6e3; }
  #top-bar-menu a:active {
    /* testing reversed menu colors */
    color: #a3c6e3; }

#top-bar-menu .submenu a {
  font-family: "futura-pt", sans-serif;
  font-size: 1rem; }

#top-bar-menu.sticky.is-stuck {
  height: 50px;
  background: #fff; }
  #top-bar-menu.sticky.is-stuck #wp-top-cart ul li a {
    border: none;
    padding: 0.2rem 1.7rem; }
  #top-bar-menu.sticky.is-stuck .is-down-arrow.is-active > a:before {
    top: 30px; }
  #top-bar-menu.sticky.is-stuck ul li a {
    font-size: 1rem;
    padding: 0.2rem 1.7rem; }
  #top-bar-menu.sticky.is-stuck ul li ul li a {
    font-size: 1rem;
    padding: 0.7rem 1.7rem; }
  #top-bar-menu.sticky.is-stuck ul li.menu-item-181 ul li a {
    font-size: 1.8rem;
    padding: 0.7rem 1.7rem; }
  #top-bar-menu.sticky.is-stuck ul li.menu-item-181 ul li ul li a {
    font-size: 1rem;
    padding: 0.7rem 1.7rem; }
  #top-bar-menu.sticky.is-stuck .logo {
    margin-top: 0; }
    #top-bar-menu.sticky.is-stuck .logo img {
      height: 40px; }
  #top-bar-menu.sticky.is-stuck .split-left, #top-bar-menu.sticky.is-stuck .split-right {
    padding-top: 4px; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

ul.dropdown.menu > li > a {
  padding: 0.8rem 1.5rem 1.7rem; }

.dropdown.menu .submenu.first-sub {
  left: -50px;
  padding-top: 20px; }

#second-top-bar-menu .is-dropdown-submenu li a:hover {
  color: #84BD00;
  font-weight: 700; }

/* end the main nav */
/* this is the product navigation bar */
#product-bar {
  background: #deeaf7;
  margin-top: 5px; }
  #product-bar .link {
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    padding: 4% 0 4% 4%;
    border: 3px solid #fefefe; }
  #product-bar .gelato {
    background-image: url(../images/gelateria.png); }
  #product-bar .pastry {
    background-image: url(../images/pasticceria.png); }
  #product-bar .froyo {
    background-image: url(../images/yogurteria.png); }
  #product-bar .bev {
    background-image: url(../images/new-bev-icon.png);
    border-right: none; }
  #product-bar h3 {
    font-size: 1rem;
    line-height: 2.5rem;
    font-weight: 300;
    text-transform: uppercase; }

.link:hover {
  background: #84BD00; }
  .link:hover h3 {
    color: #fefefe; }

/*********************
HOME PAGE STYLES
*********************/
.homeGrid {
  /* whitespace around grid - could do this another way */
  border: 20px solid #fff; }
  .homeGrid h4.widgettitle {
    background: #84BD00;
    color: #fff;
    text-align: center;
    margin-bottom: 0; }
  .homeGrid h4.widgettitle a {
    background: #84BD00;
    color: #fff; }

.home-grid-row {
  max-width: 1440px; }

#gelato-shop {
  height: 150px;
  overflow: hidden;
  background: url("../images/Beverages_HeaderGraphic.jpg");
  border-top: #fefefe 4px solid; }

/* Caption component for image widget - homepage */
.pg-caption {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }
  .pg-caption img {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto; }

.pg-caption::before {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: background .35s ease-out; }

.pg-caption:hover::before {
  background: rgba(255, 255, 255, 0.8); }

.widget_sp_image {
  display: block;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  border: 10px solid #deeaf7; }

.widget_sp_image-description {
  padding: 15px; }

/* top down slide effeect */
.pg-text-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px 2px;
  color: #444;
  font-weight: bold;
  display: none; }
  .pg-text-overlay h5 {
    color: #fff;
    padding-left: 1rem; }
  .pg-text-overlay p {
    padding-left: 1rem; }

.pg-caption:hover .pg-text-overlay {
  display: block; }

.pg-text-overlay .widgettitle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 10px;
  padding-left: 1rem; }

#home-bottom-banner {
  margin-top: 5px; }

#sidebar1 {
  border-top: 2em #84BD00 solid;
  background-color: #eeeeee;
  margin-top: 1em; }
  #sidebar1 .widgettitle {
    display: none; }
  #sidebar1 .search-field {
    margin-top: 1rem;
    padding-top: .85rem;
    width: 100% !important; }
  #sidebar1 .screen-reader-text {
    display: none; }
  #sidebar1 .search-field:focus {
    border-color: #84BD00; }
  #sidebar1 .postform {
    outline-color: #84BD00; }

/* Countdowner Grid  */
/* #home-top-banner-contianer { 
    border-bottom: #F57A71 solid;
	border-top: #F57A71 solid;
}
#home-top-banner {
	height: 175px;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
	background-image: url(".");
}
#countdown-img {
	height: 150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: url("https://pregelamerica.com/wp-content/uploads/sites/12/2017/05/NRAShow2016_IFM_Lockup_RGB-1-1.png");
}
#countdown-title {
	font-size: 2em;
}
#clockdiv{
    color: #fff;
    display: inline-block;
    text-align: center;
    margin: 2em auto;
}

#clockdiv > div{
    padding: 5px;
    display: inline-block;
}
#clockdiv div > span{
    padding: 15px;
    border-radius: 3px;
    background: #2f99d4;
    display: inline-block;
    font-size: 1.5em;
}
.smalltext {
	font-size: 1em;
	color: #F57A71;
} */
/*********************
ABOUT US PAGE STYLES
*********************/
/* ABOUT US Content Sections  */
/* Container div Section for About Us section */
#pg-about-content-row {
  padding: 2em 0; }

#title-banner {
  margin: 1.5rem 0; }

/* Alternating container div Section color */
.alt-background-light-blue {
  background-color: #deeaf7; }

/* About Me Title section */
#pg-about-banner-container {
  height: 267px;
  background: url(../images/WhiteBackground.jpg);
  background-repeat: repeat-x;
  background-position: center center; }

#pg-about-banner {
  background-repeat: no-repeat;
  background-position: center center;
  height: 267px; }

.page-id-131 #pg-about-banner {
  background-image: url("../images/ABOUTUS_History_Header_iso.png"); }

/* Our Team Banner */
.page-id-62 #pg-about-banner {
  background-image: url("../images/ABOUTUS_OurTeam_Header_iso.png"); }

/* Product Manufacturing Standards  */
.page-id-126 #pg-about-banner {
  background-image: url("../images/ABOUTUS_ProductManufacturing_Header_iso.png"); }

/* Distribution and Warehousing Page  */
.page-id-64 #pg-about-banner {
  background-image: url("../images/ABOUTUS_DistributionWarehousing_Header_iso.png"); }

/* Around the World Page  */
.page-id-66 #pg-about-banner {
  background-image: url("../images/ABOUTUS_AroundWorld_Header_iso.png"); }

/* Marco  */
.page-id-39 #pg-about-banner {
  background-image: url("../images/ABOUTUS_MarcoCasol_Header_iso.png"); }

/* History  */
.page-id-37 #pg-about-banner {
  background-image: url("../images/ABOUTUS_History_Header_iso.png"); }

/* Main About Me Page  */
.page-id-20 #pg-about-banner {
  background-image: url("../images/ABOUTUS_History_Header_iso.png"); }

/* Vision and Values */
.page-id-123 #pg-about-banner {
  background-image: url("../images/ABOUTUS_VisionAndValues_Header_iso.png"); }

/* Locations */
.page-id-405 #pg-about-banner {
  background-image: url("../images/ABOUTUS_AroundWorld_Header_iso.png"); }

/* Privacy Policy */
.page-id-617 #pg-about-banner-container {
  display: none; }
  .page-id-617 #pg-about-banner-container #pg-about-banner {
    display: none; }

/* Terms of Use */
.page-id-619 #pg-about-banner-container {
  display: none; }
  .page-id-619 #pg-about-banner-container #pg-about-banner {
    display: none; }

/* Terms of Use */
.page-id-621 #pg-about-banner-container {
  display: none; }
  .page-id-621 #pg-about-banner-container #pg-about-banner {
    display: none; }

/* About Me section 1 */
#pg-about-section-one {
  min-height: 300px; }

/* About Me section 2 */
#pg-about-section-two {
  min-height: 300px; }

/* Testimonial */
#pg-about-testimonial {
  min-height: 275px; }
  #pg-about-testimonial #pg-testimonial-container {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: #84BD00 solid 2px; }

.page-id-37 #pg-testimonial-container {
  background: url("http://pregel2.com/wp-content/uploads/2016/03/1_spoonful.png"); }

.page-id-39 #pg-testimonial-container {
  background: url("http://pregel2.com/wp-content/uploads/2016/09/Marco-22-copy-8.jpg");
  background-size: contain; }

/* About Me section 3 */
#pg-about-section-three {
  min-height: 300px; }

/* Body Banner Break Section  */
.parrallax {
  height: 300px;
  background-image: url("/wp-content/themes/pregel/assets/images/Variegates_Toppings_headerGraphic.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Vision and Values */
.page-id-123 .parrallax {
  height: 300px;
  background-image: url("/wp-content/themes/pregel/assets/images/walker_people.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Product Manufacturing Standards */
.page-id-126 .parrallax {
  height: 300px;
  background-image: url("/wp-content/themes/pregel/assets/images/DSC_1369.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Locations */
.page-id-405 .parrallax {
  height: 300px;
  background-image: url("/wp-content/themes/pregel/assets/images/2014-pregel-exterior.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* Resources */
.page-id-49 .parrallax {
  height: 300px;
  background-image: url("/wp-content/themes/pregel/assets/images/Variety.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.parrallax-container {
  width: 100%;
  margin: 0 auto; }

/* About Me section 4 */
#pg-about-section-four {
  min-height: 300px; }

/*********************
Career Opportunties PAGE STYLES
*********************/
/* This is to keep the last job post from floating right */
#pg-jobs-post-section .columns:last-child:not(:first-child) {
  float: none !important; }

#pg-jobs-post-section {
  min-height: 300px;
  padding: 2em 1em; }

#job-post-title {
  margin: 1em auto;
  padding: 1em auto; }

/*********************
SINGLE JOB POST PAGE STYLES
*********************/
#pg-job-banner {
  background-image: url("../images/ABOUTUS_CAREERS_Header_iso.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 267px; }

#single-job-post-container {
  margin: 4rem auto; }

/*********************
NEWS FEED PAGE STYLES
*********************/
@-webkit-keyframes newsbanner {
  0% {
    opacity: 0.7; }
  5% {
    opacity: 1; }
  100% {
    transform: scale3d(1.25, 1.25, 1.25) translate3d(-90px, -20px, 0px);
    animation-timing-function: ease-in;
    opacity: 1; } }

/*Button Font Weight*/
.button {
  font-weight: bold; }

#featured-image-banner-container {
  position: relative;
  overflow: hidden;
  height: 400px; }
  @media (min-width: 513px) and (max-width: 767px) {
    #featured-image-banner-container {
      height: auto !important; } }
  @media (min-width: 320px) and (max-width: 512px) {
    #featured-image-banner-container {
      height: auto !important; } }
  #featured-image-banner-container #featured-image-banner {
    -webkit-animation: newsbanner 20s forwards;
    animation: newsbanner 20s forwards; }
    @media (min-width: 513px) and (max-width: 767px) {
      #featured-image-banner-container #featured-image-banner {
        -webkit-animation: none !important;
        animation: none !important; } }
    @media (min-width: 320px) and (max-width: 512px) {
      #featured-image-banner-container #featured-image-banner {
        -webkit-animation: none !important;
        animation: none !important; } }

#pg-featured-article-banner {
  background-color: #deeaf7; }

#featured-article-title-container {
  background-color: #deeaf7; }

#pg-news-container {
  margin: 2.5rem auto; }

#pg-news-bottom-section {
  margin: 2.5em auto; }

#sidebar-news {
  border-top: 2em #84BD00 solid;
  background-color: #deeaf7; }
  #sidebar-news .search-field {
    margin-top: 1rem;
    padding-top: .85rem;
    width: 100% !important; }
  #sidebar-news .screen-reader-text {
    display: none; }
  #sidebar-news .search-field:focus {
    border-color: #a3c6e3; }
  #sidebar-news .postform {
    outline-color: #a3c6e3; }

#news-grid-feed {
  margin-top: 1em; }

#pg-news-cards {
  margin-bottom: 2em;
  transition: 400ms all ease-out;
  height: 400px; }
  #pg-news-cards .entry-content p a {
    background: #a3c6e3; }
  #pg-news-cards .entry-content p a:hover {
    background: #84BD00; }
  #pg-news-cards .news-card-img-container {
    min-height: 125px;
    max-height: 125px; }
  #pg-news-cards .news-card-img {
    max-height: 100px;
    overflow: hidden; }
    #pg-news-cards .news-card-img a img {
      min-width: 100%; }
  #pg-news-cards .article-header {
    height: 75px;
    padding: 1em 0; }
    #pg-news-cards .article-header h3 {
      font-size: 1em; }
  #pg-news-cards #news-card-button {
    margin: 1em 0; }

#pg-news-cards:hover {
  box-shadow: 5px 5px #84BD00; }
  #pg-news-cards:hover .news-card-img {
    background-color: black;
    border-style: inset;
    border: #deeaf7 solid 2px; }
  #pg-news-cards:hover img {
    opacity: 0.8; }

#news-navigation {
  float: left; }

/* Single Article Page */
#pg-single-article-banner-container {
  min-height: 267px;
  margin: 1em auto; }

#article-image-banner-container {
  float: left; }

/*********************
LOCATIONS PAGE STYLES
*********************/
#pg-locations-section {
  min-height: 300px; }
  #pg-locations-section #location-links {
    padding-top: 2em; }
  #pg-locations-section #region-title {
    border-bottom: #84BD00 solid 2px; }

/*********************
EVENTS PAGE STYLES
*********************/
.post-type-archive-event_type #pg-about-banner {
  background-image: url("../images/EVENTS_EventsPagev2_Header_iso.png"); }

#events-container {
  min-height: 300px; }

#tradeshows-title {
  border-bottom: #84BD00 solid 2px; }

#event-cat-sidebar {
  list-style: none; }

#single-event-container {
  margin: 2.5em 0 2.5em; }

#event-title {
  border-bottom: #84BD00 solid 2px; }

#event-img-container {
  padding: 2em; }

#event-description {
  padding: 2em; }

#event-date {
  margin: .5rem auto; }

#event-time {
  margin: .5rem auto;
  font-weight: bold; }

#event-booth {
  margin: .5rem auto;
  font-weight: bold; }

#event-blurb {
  margin: .5rem auto; }

#event-url p a {
  border-bottom: solid 1px #84BD00; }

/*********************
RESOURCE PAGE STYLES
*********************/
/*  Main Resources Page  */
.page-id-49 #pg-about-banner {
  background-image: url("../images/ABOUTUS_History_Header_iso.png"); }

/*********************
VIDEO PAGE STYLES
*********************/
.mxYouTubeR_playlist {
  padding: 2em 0; }

#playlist-title {
  border-bottom: #84BD00 solid 2px; }

.mxyt-playlist-item {
  box-shadow: none; }

.mxyt-title {
  background: #a3c6e3;
  height: 50px;
  font-family: "futura-pt", sans-serif; }
  .mxyt-title h1 {
    color: #fefefe !important;
    font-size: 14px !important;
    font-weight: bold !important; }
  .mxyt-title h3 {
    color: #fefefe !important;
    font-size: 14px !important;
    font-weight: bold !important; }

.mxyt-title:hover {
  background: #84BD00; }

.mxyt-description {
  display: none !important; }

.mxyt-more .mxyt-button {
  border-top: #84BD00 1px solid;
  color: #84BD00;
  padding: 2px 100px 0;
  font-size: 1.25rem;
  font-family: "futura-pt", sans-serif; }

/*********************
LOCATIONS STYLE
*********************/
.page-id-55 #pg-about-banner {
  background-image: url("../images/ABOUTUS_History_Header_iso.png"); }

.locations-social {
  list-style: none; }
  .locations-social li {
    display: inline-block; }
    .locations-social li a i {
      font-size: 3em;
      color: #84BD00; }

/*********************
DOWNLOAD STYLES
*********************/
.page-id-1112 #pg-about-banner {
  background-image: url("../images/EVENTS_EventsPage_Header_iso.png"); }

#pg-collateral-cards {
  margin: 1em auto;
  height: 525px; }
  #pg-collateral-cards #collateral-title {
    margin: 1rem auto;
    height: 70px; }
  #pg-collateral-cards #collateral-card-img-container {
    margin: 1rem auto;
    height: 300px; }
  #pg-collateral-cards #download-button {
    margin: 1rem auto;
    float: left; }
  #pg-collateral-cards #collateral-description {
    margin: 1rem auto; }

#collateral-cat-sidebar {
  list-style: none;
  /* display: inline-flex; */ }
  #collateral-cat-sidebar li {
    margin: .5em; }

#collateral-cat-li {
  margin: 0.5em auto; }

#collateral-cat-button {
  margin: 1em; }

/*********************
CUSTOMER SUPPORT PAGE STYLES
*********************/
/* Customer Support */
.page-id-27 #pg-about-banner {
  background-image: url("../images/SERVICES_CUSTOMERSUPPORT_Header_iso.png"); }

.page-id-29 #pg-about-banner {
  background-image: url("../images/SERVICES_CUSTOMERSUPPORT_Header_iso.png"); }

/* Private Label */
.page-id-134 #pg-about-banner {
  background-image: url("../images/SERVICES_PrivateLabel_Header_iso.png"); }

/* Food Science */
.page-id-136 #pg-about-banner {
  background-image: url("../images/EVENTS_EventsPage_Header_iso.png"); }

/* Customer Support */
.page-id-138 #pg-about-banner {
  background-image: url("../images/SERVICES_CUSTOMERSUPPORT_Header_iso.png"); }

/* Quality Insurance and Food safety */
.page-id-561 #pg-about-banner {
  background-image: url("../images/SERVICES_QualityInsuranceFoodSafety_Header_iso.png"); }

/* FAQ */
.page-id-665 #pg-about-banner {
  background-image: url("../images/SERVICES_ResearchDevelopment_Header_iso.png"); }

#sidebar-help {
  border-top: 2em #84BD00 solid;
  background-color: #deeaf7;
  margin: 1em auto; }
  #sidebar-help .search-field {
    margin-top: 1rem;
    padding-top: .85rem;
    width: 100% !important; }
  #sidebar-help .search-field:focus {
    border-color: #a3c6e3; }
  #sidebar-help .postform {
    outline-color: #a3c6e3; }
  #sidebar-help .textwidget {
    padding: 1em 0; }

/*********************
FAQ PAGE
*********************/
#faq-toggle-1 {
  display: none;
  margin: 3rem auto; }

#faq-toggle-2 {
  display: none;
  margin: 3rem auto; }

#faq-toggle-3 {
  display: none;
  margin: 3rem auto; }

#faq-toggle-4 {
  display: none;
  margin: 3rem auto; }

.faq-a {
  margin: 1rem 0; }

.latin-ul {
  list-style-type: upper-alpha; }

/*********************
Open a Gelato Shop PAGE
*********************/
#pg-about-section-banner-video {
  height: 640px; }

/*********************
SEARCH RESUSLTS PAGE
*********************/
.search #pg-about-banner {
  background-image: url("../images/ABOUTUS_VisionAndValues_Header_iso.png"); }

#search-container {
  border-bottom: #84BD00 solid 2px;
  margin: 3rem auto; }
  #search-container h3 {
    margin: 2rem auto; }
  #search-container p {
    margin: 2rem auto; }

#article-pagination {
  margin: 3rem auto; }

/*********************
POSTS & CONTENT STYLES
*********************/
.page-title {
  /* Remove Foundation vcard styling from author page titles */ }
  .page-title .vcard {
    border: 0px;
    padding: 0px; }

/* Post meta */
.byline {
  color: #999; }

/* Entry content */
.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* Images inside wp-caption   */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* Add Foundation styling to password protect button */
.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #84BD00;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #04a6bd;
    color: #fff; }

/* Blog section, custom archive grid - testing image over background text */
.blog .archive-grid .post {
  padding: 30px;
  color: #fff; }
  .blog .archive-grid .post a {
    color: #fff; }

/*********************
IMAGE GALLERY STYLES
*********************/
/* Gallery caption styles */
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }
  .page-navigation .pagination .current {
    color: #fefefe; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist {
  /* General comment classes */
  /* vcard */
  /* end .commentlist .vcard  */
  /* comment meta */
  /* comment content  */
  /* end .commentlist .comment_content   */
  /* comment reply link   */
  /* end .commentlist .comment-reply-link  */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px; }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
      /* Change number for different depth */ }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  .commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em; }
  .commentlist .comment-reply-link {
    float: right; }

/* end .commentlist */
/*********************
404 STYLES
*********************/
#fourOfour-img {
  background: url("../images/whoops.jpg") no-repeat;
  background-size: contain;
  height: 800px;
  margin: 3rem auto; }

/*********************x
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
      /* form validation */ }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button   */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link  */
/* logged in comments   */
/* allowed tags  */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* No comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none;
    /* deep nesting */ }

/*********************
FOOTER STYLES
*********************/
.footer {
  background: #fefefe;
  color: #84BD00;
  border-top: #84BD00 solid 4px;
  padding: 1rem 0; }
  .footer #subsidiaries-row {
    height: 50px; }
    .footer #subsidiaries-row #global-button {
      background: white;
      color: #84BD00;
      border: #84BD00 solid 1px;
      padding: .25rem; }
    .footer #subsidiaries-row #globe {
      padding-left: 0px;
      padding-right: 0px; }
    .footer #subsidiaries-row #global-img {
      width: 40px;
      height: 40px;
      margin: 0 auto;
      background-image: url(/wp-content/themes/pregel/assets/images/GLOBE_ICON-05.png);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
    .footer #subsidiaries-row #global-text {
      margin: 13px auto;
      font-size: 0.8rem;
      padding-left: 0px;
      padding-right: 0px; }
  .footer .call-to-action-row {
    height: 100px; }
  .footer #footer-input {
    background: #deeaf7 !important; }
  .footer #menu-footer {
    display: inline-block; }
    .footer #menu-footer a {
      color: #84BD00;
      font-family: "futura-pt", sans-serif;
      font-size: 16px; }
  .footer ul.footer-social {
    list-style: none; }
    .footer ul.footer-social li {
      display: inline-block; }
      .footer ul.footer-social li a {
        font-size: 3em;
        color: #84BD00; }
      .footer ul.footer-social li a:hover {
        opacity: 0.9; }
  .footer ul.footer-links {
    list-style: none; }
    .footer ul.footer-links li {
      display: block; }
      .footer ul.footer-links li a {
        font-size: 1.25em;
        color: #84BD00; }
      .footer ul.footer-links li a:hover {
        opacity: 0.9; }

#bottom-footer {
  background: #84BD00;
  color: #fefefe; }
  #bottom-footer #footer-contact-info {
    font-size: small;
    margin: .5rem 0; }
    #bottom-footer #footer-contact-info p {
      border-right: white solid 1px;
      margin-bottom: 0.5rem; }
    #bottom-footer #footer-contact-info p:last-child {
      border-right: none; }
  #bottom-footer #copyright {
    font-size: small; }

/*********************
MEDIA BREAKS
*********************/
@media (min-width: 2000px) {
  #product-bar .link {
    padding: 4% 0 4% 6%; }
  #product-bar h3 {
    font-size: 2.5rem; }
  .pg-text-overlay p {
    font-size: 1.25rem; } }

@media (min-width: 1400px) and (max-width: 1999px) {
  #product-bar h3 {
    font-size: 2rem; } }

@media (min-width: 530px) and (max-width: 1399px) {
  #product-bar h3 {
    font-size: 1.5rem; }
  .homeGrid h4.widgettitle {
    font-size: 1.25rem; } }

@media (max-width: 1215px) {
  .form-search .input-text {
    width: 70px; } }

@media (min-width: 1125px) and (max-width: 1300px) {
  .pg-text-overlay p {
    font-size: .8em; } }

@media (min-width: 1024px) and (max-width: 1124px) {
  .pg-text-overlay p {
    font-size: .7em;
    padding-left: 0.5em; } }

@media (max-width: 1024px) {
  #home-top-banner {
    height: 340px; }
  .homeGrid {
    border: 10px solid #fff; }
  #product-bar .link {
    border: #fefefe solid 1px;
    padding: 4% 0 4% 4%; }
  #call-to-action-row h4 {
    font-size: 1.5rem; }
  #right-footer-links {
    display: none; }
  #bottom-footer #footer-contact-info p {
    border-right: none; }
  .article-sidebar:last-child:not(:first-child) {
    float: none !important; }
  .search .columns:last-child:not(:first-child) {
    float: none !important; }
  .form-search .input-text {
    width: 200px; } }

@media (max-width: 900px) {
  #pg-about-section-banner-video {
    height: 550px; }
  #pg-single-article-banner-container {
    min-height: 200px;
    margin: 1em auto; } }

@media (max-width: 768px) {
  #pg-about-banner-container {
    height: 200px;
    margin-top: 3rem; }
  #pg-about-banner {
    height: 200px; }
  #testimonal-quote {
    padding: 2em; }
  #call-to-action-row input {
    font-size: .9rem; }
  ul.footer-social li a i {
    font-size: 2.25rem; }
  #pg-about-section-banner-video {
    height: 500px; }
  #pg-news-cards .news-card-img-container {
    height: 150px; }
  .homeGrid h4.widgettitle {
    font-size: 1rem; } }

@media (max-width: 700px) {
  #pg-collateral-cards {
    height: 425px; }
  #collateral-card-img-container {
    height: 250px !important; } }

@media (max-width: 650px) {
  #call-to-action-row h4 {
    font-size: 1.1rem; }
  #pg-about-section-banner-video {
    height: 450px; }
  #pg-news-cards {
    height: 300px; }
  #pg-news-cards .article-header h3 {
    font-size: .75em; }
  #pg-news-cards .news-card-img-container {
    height: 90px; } }

@media (max-width: 600px) {
  #pg-collateral-cards {
    height: 400px; }
  #collateral-card-img-container {
    height: 200px !important;
    overflow: hidden; } }

@media (max-width: 600px) {
  #product-bar .link {
    height: auto; } }

@media (max-width: 530px) {
  #call-to-action-row h4 {
    font-size: 1.25rem; }
  #call-to-action-row input {
    font-size: 1rem; }
  #pg-about-section-banner-video {
    height: 375px; } }

@media (max-width: 512px) {
  #intro {
    display: none; }
  .smalltext {
    font-size: 1em; }
  #pg-news-cards .article-header h3 {
    font-size: .85em;
    height: 100px; }
  #pg-news-cards .news-card-img-container {
    height: 110px; } }

@media only screen and (max-width: 430px) {
  .pg-text-overlay p {
    font-size: .7em;
    padding-left: 0.5em; } }

@media only screen and (max-width: 414px) {
  #pg-about-banner-container {
    margin-top: 1rem; }
  #footer-button-column {
    padding: 0; }
  ul.footer-social li a i {
    font-size: 2.25rem; }
  #pg-about-section-banner-video {
    height: 300px; } }

@media only screen and (max-width: 360px) {
  #collateral-card-container {
    height: 3400px; }
  #pg-collateral-cards {
    height: 300px; }
  #collateral-title {
    height: 42px !important; }
  #collateral-card-img-container {
    height: 150px !important;
    overflow: hidden; } }

@media only screen and (max-width: 320px) {
  #pg-single-article-banner-container {
    min-height: 150px; }
  #collateral-title {
    height: 40px !important; }
  #pg-collateral-cards {
    height: 300px; }
  #collateral-card-img-container {
    height: 150px !important;
    overflow: hidden; }
  .pg-text-overlay p {
    font-size: .6em; } }

/*********************
FOUNDATION STYLES
*********************/
/*********************
PARDOT STYLES
*********************/
#pardot-form .cta-button .button {
  background-color: #a3c6e3;
  border-color: #84BD00;
  border-radius: 1%; }

/*********************
PLUGIN STYLES
*********************/
/* Makes Gravity Forms play nice with Foundation Form styles */
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

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

Stylesheet: P Magazine Section Stylesheet

*************************************************/
/* this is not good, but... these posts were orig set up as gallery type posts without a feature image or thumbnail, so had to grab first image in post for now
 - should go through and upload feature images for each article*/
.cat-intro-image img {
  width: 150px; }

#search-4 input {
  height: 30px;
  display: -webkit-box;
  display: -webkit-inline-box;
  display: flex;
  display: inline-flex; }

#search-4 input.search-field[placeholder], [placeholder], *[placeholder] {
  color: #4c4c4c; }

#search-4 button.search-submit {
  padding: 0.5em; }

/* temporarily center slides */
.flexslider .slides img {
  margin: 0 auto; }

.ms-info {
  height: 100px; }

/*new header for P Mag section*/
#pmag-logo-img {
  background: url("../images/pmag-31-header.jpg") no-repeat;
  background-size: contain;
  height: 267px; }

/* #pmag-nav-top {
	background: url('../images/pmag-30-banner.jpg') no-repeat;
	background-size: cover;
	height: 267px;
} */
#pmag-nav-links {
  display: -webkit-inline-box;
  list-style-type: none; }

.p-mag-link:hover {
  background-color: #deeaf7; }

.article-header h2 {
  margin-top: 40px; }

#menu-secondary-top-bar {
  margin-top: 10px; }

/*side bar*/
/*end new header for P Mag section */
#sidebar1 {
  border-top: 2em #84BD00 solid;
  background-color: #eeeeee;
  margin-top: 1em; }
  #sidebar1 .widgettitle {
    margin: 1rem auto;
    border-bottom: solid 1px; }
  #sidebar1 #p-mag-social {
    margin-left: -15px; }
  #sidebar1 #p-mag-social ul {
    margin: 0 auto; }
  #sidebar1 #p-mag-social li {
    font-size: 2rem; }
  #sidebar1 #p-mag-social li a {
    padding: 0.4em !important; }
  #sidebar1 .search-field {
    margin-top: 1rem;
    padding-top: .85rem;
    height: 2.4375rem; }
  #sidebar1 .search-field:focus {
    border-color: #84BD00; }
  #sidebar1 .postform {
    outline-color: #84BD00; }

#p-mag-inner-content {
  margin-bottom: 3rem; }

#p-mag-email-button {
  margin: 1rem auto; }

#p-mag-email-button .button {
  background: #fefefe; }

.p-mag-section-title {
  border-bottom: solid 2px; }

.flex-direction-nav a {
  background-color: #84BD00 !important; }

.flex-direction-nav .flex-prev:after {
  border: none !important; }

.flex-direction-nav .flex-next:after {
  border: none !important; }

#p-mag-slider {
  height: 600px; }

#pg-mag-content-row {
  margin: 2rem auto; }

#pmag-content-row {
  margin: 2rem 0 auto; }

#pmag-content-row h3 {
  margin-bottom: 1rem; }

#p-mag-article-title {
  margin: 1rem auto; }

#p-mag-article-img {
  margin: 2rem auto; }

#pg-archive-content {
  margin-bottom: 3rem; }

@media (max-width: 1200px) {
  #p-mag-social {
    margin-left: -20px !important; } }

@media (max-width: 1024px) {
  #p-mag-social {
    margin-left: 40px !important; } }

@media (max-width: 900px) {
  #p-mag-social li a {
    padding: 0.3em !important; }
  #pmag-logo-img {
    height: 200px; }
  #pmag-nav-top {
    height: 200px; } }

@media (max-width: 600px) {
  #pmag-logo-img {
    height: 167px; }
  #pmag-nav-top {
    height: 167px; }
  #p-mag-social {
    margin-left: 0; } }

@media (max-width: 512px) {
  #p-mag-slider {
    height: 100px; } }

@media (max-width: 430px) {
  .p-mag-link {
    padding: 0.7rem 1.25rem !important; } }

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

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* 

EXAMPLE 
Let's say you have an image and you need to make sure it looks ok
on retina screens. Let's say we have an icon which dimension are
24px x 24px. In your regular stylesheets, it would look something
like this:

.icon {
	width: 24px;
	height: 24px;
	background: url(img/test.png) no-repeat;
}

For retina screens, we have to make some adjustments, so that image
doesn't look blurry. So, taking into account the image above and the
dimensions, this is what we would put in our retina stylesheet:

.icon {
	background: url(img/test@2x.png) no-repeat;
	background-size: 24px 24px;
}

So, you would create the same icon, but at double the resolution, meaning 
it would be 48px x 48px. You'd name it the same, but with a @2x at the end
(this is pretty standard practice). Set the background image so it matches
the original dimensions and you are good to go. 

*/ }

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

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media 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; } }